@warp-ds/elements 2.0.0-next.2 → 2.0.0-next.3

package/dist/index.js

@@ -8,6 +8,9 @@ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues = (a2, b2) => {
   for (var prop in b2 || (b2 = {}))
@@ -52,23 +55,10 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-var __accessCheck = (obj, member, msg) => {
-  if (!member.has(obj))
-    throw TypeError("Cannot " + msg);
-};
-var __privateGet = (obj, member, getter) => {
-  __accessCheck(obj, member, "read from private field");
-  return getter ? getter.call(obj) : member.get(obj);
-};
-var __privateAdd = (obj, member, value) => {
-  if (member.has(obj))
-    throw TypeError("Cannot add the same private member more than once");
-  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-};
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 
 // node_modules/.pnpm/unraw@3.0.0/node_modules/unraw/dist/errors.js
 var require_errors = __commonJS({
@@ -241,8 +231,7 @@ var require_moo = __commonJS({
         return "(" + s + ")";
       }
       function reUnion(regexps) {
-        if (!regexps.length)
-          return "(?!)";
+        if (!regexps.length) return "(?!)";
         var source = regexps.map(function(s) {
           return "(?:" + s + ")";
         }).join("|");
@@ -252,14 +241,10 @@ var require_moo = __commonJS({
         if (typeof obj === "string") {
           return "(?:" + reEscape(obj) + ")";
         } else if (isRegExp(obj)) {
-          if (obj.ignoreCase)
-            throw new Error("RegExp /i flag not allowed");
-          if (obj.global)
-            throw new Error("RegExp /g flag is implied");
-          if (obj.sticky)
-            throw new Error("RegExp /y flag is implied");
-          if (obj.multiline)
-            throw new Error("RegExp /m flag is implied");
+          if (obj.ignoreCase) throw new Error("RegExp /i flag not allowed");
+          if (obj.global) throw new Error("RegExp /g flag is implied");
+          if (obj.sticky) throw new Error("RegExp /y flag is implied");
+          if (obj.multiline) throw new Error("RegExp /m flag is implied");
           return obj.source;
         } else {
           throw new Error("Not a pattern: " + obj);
@@ -308,16 +293,14 @@ var require_moo = __commonJS({
           var match = [];
           rules.forEach(function(rule) {
             if (isObject(rule)) {
-              if (match.length)
-                result.push(ruleOptions(key, match));
+              if (match.length) result.push(ruleOptions(key, match));
               result.push(ruleOptions(key, rule));
               match = [];
             } else {
               match.push(rule);
             }
           });
-          if (match.length)
-            result.push(ruleOptions(key, match));
+          if (match.length) result.push(ruleOptions(key, match));
         }
         return result;
       }
@@ -452,8 +435,7 @@ var require_moo = __commonJS({
         var fallbackRule = errorRule && errorRule.fallback;
         var flags = hasSticky && !fallbackRule ? "ym" : "gm";
         var suffix2 = hasSticky || fallbackRule ? "" : "|";
-        if (unicodeFlag === true)
-          flags += "u";
+        if (unicodeFlag === true) flags += "u";
         var combined = new RegExp(reUnion(parts) + suffix2, flags);
         return { regexp: combined, groups, fast, error: errorRule || defaultErrorRule };
       }
@@ -474,8 +456,7 @@ var require_moo = __commonJS({
         var all = states.$all ? toRules(states.$all) : [];
         delete states.$all;
         var keys2 = Object.getOwnPropertyNames(states);
-        if (!start)
-          start = keys2[0];
+        if (!start) start = keys2[0];
         var ruleMap = /* @__PURE__ */ Object.create(null);
         for (var i2 = 0; i2 < keys2.length; i2++) {
           var key = keys2[i2];
@@ -487,8 +468,7 @@ var require_moo = __commonJS({
           var included = /* @__PURE__ */ Object.create(null);
           for (var j = 0; j < rules.length; j++) {
             var rule = rules[j];
-            if (!rule.include)
-              continue;
+            if (!rule.include) continue;
             var splice = [j, 1];
             if (rule.include !== key && !included[rule.include]) {
               included[rule.include] = true;
@@ -498,8 +478,7 @@ var require_moo = __commonJS({
               }
               for (var k = 0; k < newRules.length; k++) {
                 var newRule = newRules[k];
-                if (rules.indexOf(newRule) !== -1)
-                  continue;
+                if (rules.indexOf(newRule) !== -1) continue;
                 splice.push(newRule);
               }
             }
@@ -580,8 +559,7 @@ var require_moo = __commonJS({
         };
       };
       Lexer.prototype.setState = function(state) {
-        if (!state || this.state === state)
-          return;
+        if (!state || this.state === state) return;
         this.state = state;
         var info = this.states[state];
         this.groups = info.groups;
@@ -649,7 +627,7 @@ var require_moo = __commonJS({
         }
         return this._token(group, text, index);
       };
-      Lexer.prototype._token = function(group, text, offset2) {
+      Lexer.prototype._token = function(group, text, offset3) {
         var lineBreaks = 0;
         if (group.lineBreaks) {
           var matchNL = /\n/g;
@@ -668,7 +646,7 @@ var require_moo = __commonJS({
           value: typeof group.value === "function" ? group.value(text) : text,
           text,
           toString: tokenToString,
-          offset: offset2,
+          offset: offset3,
           lineBreaks,
           line: this.line,
           col: this.col
@@ -685,12 +663,9 @@ var require_moo = __commonJS({
           var err = new Error(this.formatError(token, "invalid syntax"));
           throw err;
         }
-        if (group.pop)
-          this.popState();
-        else if (group.push)
-          this.pushState(group.push);
-        else if (group.next)
-          this.setState(group.next);
+        if (group.pop) this.popState();
+        else if (group.push) this.pushState(group.push);
+        else if (group.next) this.setState(group.next);
         return token;
       };
       if (typeof Symbol !== "undefined" && Symbol.iterator) {
@@ -1043,7 +1018,7 @@ var require_parser = __commonJS({
 // packages/affix/index.js
 import { html as html3 } from "lit";
 
-// node_modules/.pnpm/@warp-ds+css@2.0.0-next.4_@warp-ds+uno@2.0.0_unocss@0.58.5_postcss@8.4.38_rollup@4.18.0_vite@_d2fzbudswaxjysaqn4v4imsdwy/node_modules/@warp-ds/css/component-classes/index.js
+// node_modules/.pnpm/@warp-ds+css@2.0.0-next.4_@warp-ds+uno@2.0.0_unocss@0.61.3_postcss@8.4.39_rollup@4.18.1_vite@_fn7nbuinwdlc4yeboswpxt5lie/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",
@@ -1452,14 +1427,14 @@ var attention = {
 import WarpElement from "@warp-ds/elements-core";
 import { ifDefined } from "lit/directives/if-defined.js";
 
-// node_modules/.pnpm/@warp-ds+icons@2.0.1/node_modules/@warp-ds/icons/dist/elements/search-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.0.2/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.7.1/node_modules/@lingui/core/dist/index.mjs
+// node_modules/.pnpm/@lingui+core@4.11.2/node_modules/@lingui/core/dist/index.mjs
 var import_unraw = __toESM(require_dist(), 1);
 
-// node_modules/.pnpm/@lingui+message-utils@4.7.1/node_modules/@lingui/message-utils/dist/compileMessage.mjs
+// node_modules/.pnpm/@lingui+message-utils@4.11.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) {
@@ -1481,19 +1456,17 @@ function processTokens(tokens, mapText) {
         return [token.arg, token.key];
       }
     }
-    const offset2 = token.pluralOffset;
+    const offset3 = token.pluralOffset;
     const formatProps = {};
-    token.cases.forEach((item) => {
-      formatProps[item.key.replace(/^=(.)+/, "$1")] = processTokens(
-        item.tokens,
-        mapText
-      );
+    token.cases.forEach(({ key, tokens: tokens2 }) => {
+      const prop = key[0] === "=" ? key.slice(1) : key;
+      formatProps[prop] = processTokens(tokens2, mapText);
     });
     return [
       token.arg,
       token.type,
       __spreadValues({
-        offset: offset2
+        offset: offset3
       }, formatProps)
     ];
   });
@@ -1509,7 +1482,7 @@ Message: ${message}`);
   }
 }
 
-// node_modules/.pnpm/@lingui+core@4.7.1/node_modules/@lingui/core/dist/index.mjs
+// node_modules/.pnpm/@lingui+core@4.11.2/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 +1508,7 @@ function number(locales, value, format) {
   return formatter.format(value);
 }
 function plural(locales, ordinal, value, _a) {
-  var _b = _a, { offset: offset2 = 0 } = _b, rules = __objRest(_b, ["offset"]);
+  var _b = _a, { offset: offset3 = 0 } = _b, rules = __objRest(_b, ["offset"]);
   var _a2, _b2;
   const _locales = normalizeLocales(locales);
   const plurals = ordinal ? getMemoized(
@@ -1545,7 +1518,7 @@ function plural(locales, ordinal, value, _a) {
     () => cacheKey("plural-cardinal", _locales),
     () => new Intl.PluralRules(_locales, { type: "cardinal" })
   );
-  return (_b2 = (_a2 = rules[value]) != null ? _a2 : rules[plurals.select(value - offset2)]) != null ? _b2 : rules.other;
+  return (_b2 = (_a2 = rules[value]) != null ? _a2 : rules[plurals.select(value - offset3)]) != null ? _b2 : rules.other;
 }
 function getMemoized(getKey, construct) {
   const key = getKey();
@@ -1574,14 +1547,14 @@ var getDefaultFormats = (locale, passedLocales, formats = {}) => {
   };
   return {
     plural: (value, cases) => {
-      const { offset: offset2 = 0 } = cases;
+      const { offset: offset3 = 0 } = cases;
       const message = plural(locales, false, value, cases);
-      return replaceOctothorpe(value - offset2, message);
+      return replaceOctothorpe(value - offset3, message);
     },
     selectordinal: (value, cases) => {
-      const { offset: offset2 = 0 } = cases;
+      const { offset: offset3 = 0 } = cases;
       const message = plural(locales, true, value, cases);
-      return replaceOctothorpe(value - offset2, message);
+      return replaceOctothorpe(value - offset3, message);
     },
     select: selectFormatter,
     number: (value, format) => number(locales, value, style(format)),
@@ -1595,11 +1568,11 @@ var selectFormatter = (value, rules) => {
 function interpolate(translation, locale, locales) {
   return (values = {}, formats) => {
     const formatters = getDefaultFormats(locale, locales, formats);
-    const formatMessage = (tokens) => {
+    const formatMessage = (tokens, replaceOctothorpe = false) => {
       if (!Array.isArray(tokens))
         return tokens;
       return tokens.reduce((message, token) => {
-        if (token === "#") {
+        if (token === "#" && replaceOctothorpe) {
           return message + OCTOTHORPE_PH;
         }
         if (isString(token)) {
@@ -1610,7 +1583,10 @@ function interpolate(translation, locale, locales) {
         if (type === "plural" || type === "selectordinal" || type === "select") {
           Object.entries(format).forEach(
             ([key, value2]) => {
-              interpolatedFormat[key] = formatMessage(value2);
+              interpolatedFormat[key] = formatMessage(
+                value2,
+                type === "plural" || type === "selectordinal"
+              );
             }
           );
         } else {
@@ -1778,6 +1754,9 @@ var I18n = class extends EventEmitter {
   }
   _(id, values, options) {
     let message = options == null ? void 0 : options.message;
+    if (!id) {
+      id = "";
+    }
     if (!isString(id)) {
       values = id.values || values;
       message = id.message;
@@ -1818,7 +1797,7 @@ function setupI18n(params = {}) {
 }
 var i18n = setupI18n();
 
-// node_modules/.pnpm/@warp-ds+icons@2.0.1/node_modules/@warp-ds/icons/dist/elements/search-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.0.2/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"}');
@@ -1907,7 +1886,7 @@ if (!customElements.get("w-icon-search-16")) {
   customElements.define("w-icon-search-16", IconSearch16);
 }
 
-// node_modules/.pnpm/@warp-ds+icons@2.0.1/node_modules/@warp-ds/icons/dist/elements/close-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.0.2/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 messages4 = JSON.parse('{"icon.title.close":"Kryss"}');
@@ -2017,8 +1996,7 @@ function kebabCaseAttributes(constructor) {
 function classes(defn) {
   const classes3 = [];
   for (const [key, value] of Object.entries(defn)) {
-    if (value)
-      classes3.push(key);
+    if (value) classes3.push(key);
   }
   return classes3.join(" ");
 }
@@ -2097,8 +2075,7 @@ import { css, html as html8 } from "lit";
 
 // node_modules/.pnpm/@chbphone55+classnames@2.0.0/node_modules/@chbphone55/classnames/dist/index.m.js
 var r = function() {
-  for (var t = [], n2 = arguments.length; n2--; )
-    t[n2] = arguments[n2];
+  for (var t = [], n2 = arguments.length; n2--; ) t[n2] = arguments[n2];
   return t.reduce(function(t2, n3) {
     return t2.concat("string" == typeof n3 ? n3 : Array.isArray(n3) ? r.apply(void 0, n3) : "object" == typeof n3 && n3 ? Object.keys(n3).map(function(r3) {
       return n3[r3] ? r3 : "";
@@ -2109,7 +2086,7 @@ var r = function() {
 // packages/alert/index.js
 import WarpElement2 from "@warp-ds/elements-core";
 
-// node_modules/.pnpm/@warp-ds+icons@2.0.1/node_modules/@warp-ds/icons/dist/elements/info-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.0.2/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 messages5 = JSON.parse('{"icon.title.info":"Informasjonssirkel"}');
@@ -2200,7 +2177,7 @@ if (!customElements.get("w-icon-info-16")) {
   customElements.define("w-icon-info-16", IconInfo16);
 }
 
-// node_modules/.pnpm/@warp-ds+icons@2.0.1/node_modules/@warp-ds/icons/dist/elements/warning-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.0.2/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 messages6 = JSON.parse('{"icon.title.warning":"Varseltrekant med utropstegn"}');
@@ -2291,7 +2268,7 @@ if (!customElements.get("w-icon-warning-16")) {
   customElements.define("w-icon-warning-16", IconWarning16);
 }
 
-// node_modules/.pnpm/@warp-ds+icons@2.0.1/node_modules/@warp-ds/icons/dist/elements/error-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.0.2/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 messages7 = JSON.parse('{"icon.title.error":"\xC5ttekant med utropstegn"}');
@@ -2382,7 +2359,7 @@ if (!customElements.get("w-icon-error-16")) {
   customElements.define("w-icon-error-16", IconError16);
 }
 
-// node_modules/.pnpm/@warp-ds+icons@2.0.1/node_modules/@warp-ds/icons/dist/elements/success-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.0.2/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 messages8 = JSON.parse('{"icon.title.success":"Sirkel med sjekkmerke"}');
@@ -2517,8 +2494,7 @@ var WarpAlert = class extends WarpElement2 {
     }
     if (this.variant === variants.positive) {
       return html8`<w-icon-success-16></w-icon-success-16>`;
-    } else
-      return "";
+    } else return "";
   }
   render() {
     return html8`
@@ -2563,7 +2539,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.2/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
+// node_modules/.pnpm/@floating-ui+utils@0.2.4/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
 var sides = ["top", "right", "bottom", "left"];
 var min = Math.min;
 var max = Math.max;
@@ -2634,8 +2610,7 @@ function getSideList(side2, isStart, rtl) {
   switch (side2) {
     case "top":
     case "bottom":
-      if (rtl)
-        return isStart ? rl : lr;
+      if (rtl) return isStart ? rl : lr;
       return isStart ? lr : rl;
     case "left":
     case "right":
@@ -2693,7 +2668,7 @@ function rectToClientRect(rect) {
   };
 }
 
-// node_modules/.pnpm/@floating-ui+core@1.6.2/node_modules/@floating-ui/core/dist/floating-ui.core.mjs
+// node_modules/.pnpm/@floating-ui+core@1.6.4/node_modules/@floating-ui/core/dist/floating-ui.core.mjs
 function computeCoordsFromPlacement(_ref, placement, rtl) {
   let {
     reference,
@@ -2930,14 +2905,14 @@ var arrow = (options) => ({
     const min$1 = minPadding;
     const max2 = clientSize - arrowDimensions[length] - maxPadding;
     const center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference;
-    const offset2 = clamp(min$1, center, max2);
-    const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center !== offset2 && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
+    const offset3 = clamp(min$1, center, max2);
+    const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center !== offset3 && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
     const alignmentOffset = shouldAddOffset ? center < min$1 ? center - min$1 : center - max2 : 0;
     return {
       [axis]: coords[axis] + alignmentOffset,
       data: __spreadValues({
-        [axis]: offset2,
-        centerOffset: center - offset2 - alignmentOffset
+        [axis]: offset3,
+        centerOffset: center - offset3 - alignmentOffset
       }, shouldAddOffset && {
         alignmentOffset
       }),
@@ -2981,10 +2956,12 @@ var flip = function(options) {
         return {};
       }
       const side2 = getSide(placement);
+      const initialSideAxis = getSideAxis(initialPlacement);
       const isBasePlacement = getSide(initialPlacement) === initialPlacement;
       const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating));
       const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));
-      if (!specifiedFallbackPlacements && fallbackAxisSideDirection !== "none") {
+      const hasFallbackAxisSideDirection = fallbackAxisSideDirection !== "none";
+      if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) {
         fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
       }
       const placements2 = [initialPlacement, ...fallbackPlacements];
@@ -3021,8 +2998,16 @@ var flip = function(options) {
         if (!resetPlacement) {
           switch (fallbackStrategy) {
             case "bestFit": {
-              var _overflowsData$map$so;
-              const placement2 = (_overflowsData$map$so = overflowsData.map((d2) => [d2.placement, d2.overflows.filter((overflow2) => overflow2 > 0).reduce((acc, overflow2) => acc + overflow2, 0)]).sort((a2, b2) => a2[1] - b2[1])[0]) == null ? void 0 : _overflowsData$map$so[0];
+              var _overflowsData$filter2;
+              const placement2 = (_overflowsData$filter2 = overflowsData.filter((d2) => {
+                if (hasFallbackAxisSideDirection) {
+                  const currentSideAxis = getSideAxis(d2.placement);
+                  return currentSideAxis === initialSideAxis || // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  currentSideAxis === "y";
+                }
+                return true;
+              }).map((d2) => [d2.placement, d2.overflows.filter((overflow2) => overflow2 > 0).reduce((acc, overflow2) => acc + overflow2, 0)]).sort((a2, b2) => a2[1] - b2[1])[0]) == null ? void 0 : _overflowsData$filter2[0];
               if (placement2) {
                 resetPlacement = placement2;
               }
@@ -3171,7 +3156,7 @@ var offset = function(options) {
   };
 };
 
-// node_modules/.pnpm/@floating-ui+utils@0.2.2/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
+// node_modules/.pnpm/@floating-ui+utils@0.2.4/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
 function getNodeName(node) {
   if (isNode(node)) {
     return (node.nodeName || "").toLowerCase();
@@ -3213,6 +3198,15 @@ function isOverflowElement(element) {
 function isTableElement(element) {
   return ["table", "td", "th"].includes(getNodeName(element));
 }
+function isTopLayer(element) {
+  return [":popover-open", ":modal"].some((selector) => {
+    try {
+      return element.matches(selector);
+    } catch (e) {
+      return false;
+    }
+  });
+}
 function isContainingBlock(element) {
   const webkit = isWebKit();
   const css11 = getComputedStyle(element);
@@ -3221,6 +3215,9 @@ function isContainingBlock(element) {
 function getContainingBlock(element) {
   let currentNode = getParentNode(element);
   while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
+    if (isTopLayer(currentNode)) {
+      return null;
+    }
     if (isContainingBlock(currentNode)) {
       return currentNode;
     }
@@ -3229,8 +3226,7 @@ function getContainingBlock(element) {
   return null;
 }
 function isWebKit() {
-  if (typeof CSS === "undefined" || !CSS.supports)
-    return false;
+  if (typeof CSS === "undefined" || !CSS.supports) return false;
   return CSS.supports("-webkit-backdrop-filter", "none");
 }
 function isLastTraversableNode(node) {
@@ -3247,8 +3243,8 @@ function getNodeScroll(element) {
     };
   }
   return {
-    scrollLeft: element.pageXOffset,
-    scrollTop: element.pageYOffset
+    scrollLeft: element.scrollX,
+    scrollTop: element.scrollY
   };
 }
 function getParentNode(node) {
@@ -3291,7 +3287,7 @@ function getOverflowAncestors(node, list, traverseIframes) {
   return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
 }
 
-// node_modules/.pnpm/@floating-ui+dom@1.6.3/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
+// node_modules/.pnpm/@floating-ui+dom@1.6.7/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
 function getCssDimensions(element) {
   const css11 = getComputedStyle(element);
   let width = parseFloat(css11.width) || 0;
@@ -3409,16 +3405,6 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
     y: y2
   });
 }
-var topLayerSelectors = [":popover-open", ":modal"];
-function isTopLayer(floating) {
-  return topLayerSelectors.some((selector) => {
-    try {
-      return floating.matches(selector);
-    } catch (e) {
-      return false;
-    }
-  });
-}
 function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
   let {
     elements,
@@ -3578,7 +3564,7 @@ function getClippingRect(_ref) {
     rootBoundary,
     strategy
   } = _ref;
-  const elementClippingAncestors = boundary === "clippingAncestors" ? getClippingElementAncestors(element, this._c) : [].concat(boundary);
+  const elementClippingAncestors = boundary === "clippingAncestors" ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary);
   const clippingAncestors = [...elementClippingAncestors, rootBoundary];
   const firstClippingAncestor = clippingAncestors[0];
   const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
@@ -3637,6 +3623,9 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
     height: rect.height
   };
 }
+function isStaticPositioned(element) {
+  return getComputedStyle(element).position === "static";
+}
 function getTrueOffsetParent(element, polyfill) {
   if (!isHTMLElement(element) || getComputedStyle(element).position === "fixed") {
     return null;
@@ -3647,28 +3636,41 @@ function getTrueOffsetParent(element, polyfill) {
   return element.offsetParent;
 }
 function getOffsetParent(element, polyfill) {
-  const window2 = getWindow(element);
-  if (!isHTMLElement(element) || isTopLayer(element)) {
-    return window2;
+  const win = getWindow(element);
+  if (isTopLayer(element)) {
+    return win;
+  }
+  if (!isHTMLElement(element)) {
+    let svgOffsetParent = getParentNode(element);
+    while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {
+      if (isElement(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) {
+        return svgOffsetParent;
+      }
+      svgOffsetParent = getParentNode(svgOffsetParent);
+    }
+    return win;
   }
   let offsetParent = getTrueOffsetParent(element, polyfill);
-  while (offsetParent && isTableElement(offsetParent) && getComputedStyle(offsetParent).position === "static") {
+  while (offsetParent && isTableElement(offsetParent) && isStaticPositioned(offsetParent)) {
     offsetParent = getTrueOffsetParent(offsetParent, polyfill);
   }
-  if (offsetParent && (getNodeName(offsetParent) === "html" || getNodeName(offsetParent) === "body" && getComputedStyle(offsetParent).position === "static" && !isContainingBlock(offsetParent))) {
-    return window2;
+  if (offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned(offsetParent) && !isContainingBlock(offsetParent)) {
+    return win;
   }
-  return offsetParent || getContainingBlock(element) || window2;
+  return offsetParent || getContainingBlock(element) || win;
 }
 var getElementRects = async function(data) {
   const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
   const getDimensionsFn = this.getDimensions;
+  const floatingDimensions = await getDimensionsFn(data.floating);
   return {
     reference: getRectRelativeToOffsetParent(data.reference, await getOffsetParentFn(data.floating), data.strategy),
-    floating: __spreadValues({
+    floating: {
       x: 0,
-      y: 0
-    }, await getDimensionsFn(data.floating))
+      y: 0,
+      width: floatingDimensions.width,
+      height: floatingDimensions.height
+    }
   };
 };
 function isRTL(element) {
@@ -3686,6 +3688,7 @@ var platform = {
   isElement,
   isRTL
 };
+var offset2 = offset;
 var flip2 = flip;
 var hide2 = hide;
 var arrow2 = arrow;
@@ -3702,7 +3705,7 @@ var computePosition2 = (reference, floating, options) => {
   }));
 };
 
-// node_modules/.pnpm/@warp-ds+core@1.1.2_@floating-ui+dom@1.6.3/node_modules/@warp-ds/core/dist/attention/utils/helpers.js
+// node_modules/.pnpm/@warp-ds+core@1.1.5_@floating-ui+dom@1.6.7/node_modules/@warp-ds/core/dist/attention/utils/helpers.js
 var TOP_START = "top-start";
 var TOP = "top";
 var TOP_END = "top-end";
@@ -3793,10 +3796,12 @@ async function useRecompute(state) {
   computePosition2(targetEl, attentionEl, {
     placement: (_a = state == null ? void 0 : state.directionName) != null ? _a : BOTTOM,
     middleware: [
-      offset({ mainAxis: (_b = state == null ? void 0 : state.distance) != null ? _b : 8, crossAxis: (_c = state == null ? void 0 : state.skidding) != null ? _c : 0 }),
+      offset2({ mainAxis: (_b = state == null ? void 0 : state.distance) != null ? _b : 8, crossAxis: (_c = state == null ? void 0 : state.skidding) != null ? _c : 0 }),
+      // offers flexibility over how to place the attentionEl towards its targetEl both on the x and y axis (horizontally and vertically).
       (state == null ? void 0 : state.flip) && flip2({
         // when flip is set to true it will move the attentionEl's placement to its opposite side or to the preferred placements if fallbackPlacements has a value
         crossAxis: state == null ? void 0 : state.crossAxis,
+        // checks overflow to trigger a flip. When disabled, it will ignore overflow
         fallbackPlacements: state == null ? void 0 : state.fallbackPlacements
       }),
       !(state == null ? void 0 : state.noArrow) && (state == null ? void 0 : state.arrowEl) && arrow2({ element: state == null ? void 0 : state.arrowEl }),
@@ -3878,12 +3883,9 @@ function detectLocale7() {
   }
 }
 var getMessages7 = (locale, enMsg, nbMsg, fiMsg, daMsg) => {
-  if (locale === "nb")
-    return nbMsg;
-  if (locale === "fi")
-    return fiMsg;
-  if (locale === "da")
-    return daMsg;
+  if (locale === "nb") return nbMsg;
+  if (locale === "fi") return fiMsg;
+  if (locale === "da") return daMsg;
   return enMsg;
 };
 var activateI18n7 = (enMessages, nbMessages, fiMessages, daMessages) => {
@@ -4153,16 +4155,14 @@ ${JSON.stringify(directions)}`
     this.updateComplete.then(() => this.dispatchEvent(event));
   }
   keypressed(e) {
-    if (!this.canClose)
-      return;
+    if (!this.canClose) return;
     if (e.key === "Escape") {
       e.preventDefault();
       this.close();
     }
   }
   render() {
-    if (!this.callout && this._targetEl === void 0)
-      return html9``;
+    if (!this.callout && this._targetEl === void 0) return html9``;
     return html9`
       <div class=${ifDefined2(this.className ? this.className : void 0)}>
         ${this.placement === "right-start" || this.placement === "right" || this.placement === "right-end" || this.placement === "bottom-start" || this.placement === "bottom" || this.placement === "bottom-end" ? html9`
@@ -4330,7 +4330,7 @@ if (!customElements.get("w-box")) {
 // packages/breadcrumbs/index.js
 import { html as html12 } from "lit";
 
-// node_modules/.pnpm/@warp-ds+core@1.1.2_@floating-ui+dom@1.6.3/node_modules/@warp-ds/core/dist/breadcrumbs/index.js
+// node_modules/.pnpm/@warp-ds+core@1.1.5_@floating-ui+dom@1.6.7/node_modules/@warp-ds/core/dist/breadcrumbs/index.js
 function interleave(array, separator2) {
   return array.flatMap((el) => [el, separator2]).slice(0, -1);
 }
@@ -4451,8 +4451,7 @@ __publicField(WarpBroadcast, "properties", {
   _messages: {
     state: true,
     hasChanged(newVal, oldVal) {
-      if (!oldVal || oldVal.length === 0)
-        return true;
+      if (!oldVal || oldVal.length === 0) return true;
       const newIds = newVal.map(({ id }) => id).sort();
       const oldIds = oldVal.map(({ id }) => id).sort();
       return JSON.stringify(newIds) !== JSON.stringify(oldIds);
@@ -4639,8 +4638,7 @@ var WarpCard = class extends WarpElement9 {
     return html15`<span role="checkbox" aria-checked="true" aria-disabled="true"></span>`;
   }
   keypressed(e) {
-    if (!this.clickable || e.altKey || e.ctrlKey)
-      return;
+    if (!this.clickable || e.altKey || e.ctrlKey) return;
     if (e.key === keys.ENTER || e.key === keys.SPACE) {
       e.preventDefault();
       this.click();
@@ -4686,7 +4684,7 @@ 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.0.1/node_modules/@warp-ds/icons/dist/elements/chevron-down-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.0.2/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 messages21 = JSON.parse('{"icon.title.chevron-down":"Nedoverpil"}');
@@ -4777,7 +4775,7 @@ if (!customElements.get("w-icon-chevron-down-16")) {
   customElements.define("w-icon-chevron-down-16", IconChevronDown16);
 }
 
-// node_modules/.pnpm/@warp-ds+icons@2.0.1/node_modules/@warp-ds/icons/dist/elements/chevron-up-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.0.2/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 messages28 = JSON.parse('{"icon.title.chevron-up":"Oppoverpil"}');
@@ -4893,61 +4891,61 @@ var WarpExpandable = class extends kebabCaseAttributes(WarpElement10) {
   }
   get _expandableSlot() {
     return html18`<div
-      class=${fclasses({
+      class="${classes({
       [this.contentClass || ""]: true,
       [box.box]: this.box,
       [expandable.paddingTop]: this._hasTitle && this.box
-    })}>
+    })}">
       <slot></slot>
     </div>`;
   }
   get _chevronUpClasses() {
-    return fclasses({
+    return classes({
       [expandable.elementsTransformChevronUpPart]: true,
       [expandable.elementsChevronUpCollapsePart]: !this.expanded && this._showChevronUp
     });
   }
   get _chevronDownClasses() {
-    return fclasses({
+    return classes({
       [expandable.elementsTransformChevronDownPart]: true,
       [expandable.elementsChevronDownExpandPart]: this.expanded && !this._showChevronUp
     });
   }
   render() {
     return html18` <div
-      class=${fclasses({
+      class="${classes({
       [expandable.expandable]: true,
       [expandable.expandableBox]: this.box,
       [expandable.expandableBleed]: this.bleed
-    })}>
+    })}">
       ${this._hasTitle ? html18`<w-unstyled-heading level=${this.headingLevel}>
             <button
               type="button"
               aria-expanded="${this.expanded}"
-              class=${fclasses({
+              class="${classes({
       [this.buttonClass || ""]: true,
       [expandable.button]: true,
       [expandable.buttonBox]: this.box
-    })}
+    })}"
               @click=${() => this.expanded = !this.expanded}>
               <div class="${expandable.title}">
                 ${this.title ? html18`<span class="${expandable.titleType}">${this.title}</span>` : html18`<slot name="title"></slot>`}
                 ${this.noChevron ? "" : html18`<div
-                      class=${fclasses({
+                      class="${classes({
       [expandable.chevron]: true,
       [expandable.chevronBox]: this.box,
       [expandable.chevronNonBox]: !this.box
-    })}>
+    })}">
                       ${this._showChevronUp ? html18`<w-icon-chevron-up-16 class="${this._chevronUpClasses}"></w-icon-chevron-up-16>` : html18`<w-icon-chevron-down-16 class="${this._chevronDownClasses}"></w-icon-chevron-down-16>`}
                     </div>`}
               </div>
             </button>
           </w-unstyled-heading>` : ""}
       ${this.animated ? html18`<w-expand-transition ?show=${this.expanded}> ${this._expandableSlot} </w-expand-transition>` : html18`<div
-            class=${fclasses({
+            class="${classes({
       [expandable.expansion]: true,
       [expandable.expansionNotExpanded]: !this.expanded
-    })}
+    })}"
             aria-hidden=${ifDefined4(!this.expanded ? true : void 0)}>
             ${this._expandableSlot}
           </div>`}
@@ -5049,8 +5047,7 @@ var windowExists2 = typeof window !== "undefined";
 if (windowExists2) {
   const query = window.matchMedia("(prefers-reduced-motion: reduce)");
   const callback = ({ matches }) => reduceMotion = matches;
-  if (query.addEventListener)
-    query.addEventListener("change", callback);
+  if (query.addEventListener) query.addEventListener("change", callback);
   callback(query);
 }
 
@@ -5081,8 +5078,7 @@ var Move = class {
   }
   async play() {
     this.last = this.el.getBoundingClientRect();
-    if (!this.el.animate)
-      return;
+    if (!this.el.animate) return;
     const animation = this.el.animate(this.keyframes, this.animationOptions);
     await animation.finished;
   }
@@ -5096,15 +5092,13 @@ var Move = class {
     return __spreadValues(__spreadValues({}, this.defaults), this.userAnimationOptions);
   }
   get animationOptions() {
-    if (!this.shouldReduceMotion)
-      return this.mergedOptions;
-    if (!reduceMotion)
-      return this.mergedOptions;
+    if (!this.shouldReduceMotion) return this.mergedOptions;
+    if (!reduceMotion) return this.mergedOptions;
     return __spreadProps(__spreadValues({}, this.mergedOptions), { duration: 0 });
   }
 };
 
-// node_modules/.pnpm/@warp-ds+icons@2.0.1/node_modules/@warp-ds/icons/dist/elements/arrow-left-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.0.2/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 messages30 = JSON.parse('{"icon.title.arrow-left":"Pil som peker mot venstre"}');
@@ -5238,8 +5232,7 @@ var ModalHeader = class extends CanCloseMixin(WarpElement12) {
         </button>` : nothing3;
   }
   get closeButton() {
-    if (this[NO_CLOSE_BUTTON])
-      return nothing3;
+    if (this[NO_CLOSE_BUTTON]) return nothing3;
     return html21` <button
       type="button"
       class="${modalElement.headerButton} ${this._hasTopContent ? modalElement.headerCloseButtonOnImage : modalElement.headerCloseButton}"
@@ -5376,13 +5369,11 @@ var ModalMain = class extends ProvidesCanCloseToSlotsMixin(WarpElement13) {
     `;
   }
   willUpdate(changedProperties) {
-    if (changedProperties.has("show"))
-      this[this.show ? "open" : "close"]();
+    if (changedProperties.has("show")) this[this.show ? "open" : "close"]();
   }
   handleListeners(verb = "addEventListener") {
     document[verb]("keydown", this.interceptEscape);
-    if (!this[NO_BACKDROP_CLICKS])
-      this.dialogEl.value[verb]("mousedown", this.closeOnBackdropClick);
+    if (!this[NO_BACKDROP_CLICKS]) this.dialogEl.value[verb]("mousedown", this.closeOnBackdropClick);
     this.dialogEl.value[verb]("close", this.eventPreventer);
     this.dialogEl.value[verb]("cancel", this.eventPreventer);
     this.dialogInnerEl.value[verb]("transitionend", this.modifyBorderRadius);
@@ -5393,8 +5384,7 @@ var ModalMain = class extends ProvidesCanCloseToSlotsMixin(WarpElement13) {
   }
   /** @param {MouseEvent} evt */
   closeOnBackdropClick(evt) {
-    if (this.dialogEl.value === evt.target)
-      this.close();
+    if (this.dialogEl.value === evt.target) this.close();
   }
   /** @param {KeyboardEvent} evt */
   interceptEscape(evt) {
@@ -5404,10 +5394,8 @@ var ModalMain = class extends ProvidesCanCloseToSlotsMixin(WarpElement13) {
     }
   }
   modifyBorderRadius() {
-    if (this.dialogInnerEl.value.scrollHeight * 1.02 > innerHeight)
-      this.dialogInnerEl.value.style.borderRadius = "0px";
-    else
-      this.dialogInnerEl.value.style.borderRadius = null;
+    if (this.dialogInnerEl.value.scrollHeight * 1.02 > innerHeight) this.dialogInnerEl.value.style.borderRadius = "0px";
+    else this.dialogInnerEl.value.style.borderRadius = null;
   }
 };
 __publicField(ModalMain, "properties", {
@@ -5586,15 +5574,11 @@ var messages45 = JSON.parse('{"select.label.optional":"(vapaaehtoinen)"}');
 var messages46 = JSON.parse('{"select.label.optional":"(valgfritt)"}');
 
 // packages/select/index.js
-var _classes, classes_get, _helpTextClasses, helpTextClasses_get, _chevronClasses, chevronClasses_get, _id, id_get, _helpId, helpId_get;
+var _WarpSelect_instances, classes_get, helpTextClasses_get, chevronClasses_get, id_get, helpId_get;
 var WarpSelect = class extends kebabCaseAttributes(WarpElement15) {
   constructor() {
     super();
-    __privateAdd(this, _classes);
-    __privateAdd(this, _helpTextClasses);
-    __privateAdd(this, _chevronClasses);
-    __privateAdd(this, _id);
-    __privateAdd(this, _helpId);
+    __privateAdd(this, _WarpSelect_instances);
     activateI18n7(messages44, messages46, messages45, messages43);
     this._options = this.innerHTML;
   }
@@ -5602,7 +5586,7 @@ var WarpSelect = class extends kebabCaseAttributes(WarpElement15) {
     return html24`<div class="${select.wrapper}">
       ${when(
       this.label,
-      () => html24`<label class="${label.label}" for="${__privateGet(this, _id, id_get)}">
+      () => html24`<label class="${label.label}" for="${__privateGet(this, _WarpSelect_instances, id_get)}">
             ${this.label}
             ${when(
         this.optional,
@@ -5618,30 +5602,29 @@ var WarpSelect = class extends kebabCaseAttributes(WarpElement15) {
     )}
       <div class="${select.selectWrapper}">
         <select
-          class="${__privateGet(this, _classes, classes_get)}"
-          id="${__privateGet(this, _id, id_get)}"
+          class="${__privateGet(this, _WarpSelect_instances, classes_get)}"
+          id="${__privateGet(this, _WarpSelect_instances, id_get)}"
           ?autofocus=${this.autoFocus}
-          aria-describedby="${ifDefined5(__privateGet(this, _helpId, helpId_get))}"
+          aria-describedby="${ifDefined5(__privateGet(this, _WarpSelect_instances, helpId_get))}"
           aria-invalid="${ifDefined5(this.invalid)}"
-          aria-errormessage="${ifDefined5(this.invalid && __privateGet(this, _helpId, helpId_get))}">
+          aria-errormessage="${ifDefined5(this.invalid && __privateGet(this, _WarpSelect_instances, helpId_get))}">
           ${unsafeHTML(this._options)}
         </select>
-        <div class="${__privateGet(this, _chevronClasses, chevronClasses_get)}">
+        <div class="${__privateGet(this, _WarpSelect_instances, chevronClasses_get)}">
           <w-icon-chevron-down-16></w-icon-chevron-down-16>
         </div>
       </div>
-      ${when(this.always || this.invalid, () => html24`<div id="${__privateGet(this, _helpId, helpId_get)}" class="${__privateGet(this, _helpTextClasses, helpTextClasses_get)}">${this.hint}</div>`)}
+      ${when(this.always || this.invalid, () => html24`<div id="${__privateGet(this, _WarpSelect_instances, helpId_get)}" class="${__privateGet(this, _WarpSelect_instances, helpTextClasses_get)}">${this.hint}</div>`)}
     </div>`;
   }
 };
-_classes = new WeakSet();
+_WarpSelect_instances = new WeakSet();
 classes_get = function() {
   return r({
     [select.default]: true,
     [select.invalid]: this.invalid
   });
 };
-_helpTextClasses = new WeakSet();
 helpTextClasses_get = function() {
   return r({
     [helpText.helpText]: true,
@@ -5649,20 +5632,17 @@ helpTextClasses_get = function() {
     [helpText.helpTextColorInvalid]: this.invalid
   });
 };
-_chevronClasses = new WeakSet();
 chevronClasses_get = function() {
   return r({
     [select.chevron]: true,
     [select.chevronDisabled]: this.disabled
   });
 };
-_id = new WeakSet();
 id_get = function() {
   return "select_id";
 };
-_helpId = new WeakSet();
 helpId_get = function() {
-  return this.hint ? `${__privateGet(this, _id, id_get)}__hint` : void 0;
+  return this.hint ? `${__privateGet(this, _WarpSelect_instances, id_get)}__hint` : void 0;
 };
 __publicField(WarpSelect, "properties", {
   // Whether the element should receive focus on render
@@ -5717,15 +5697,13 @@ var WarpTextField = class extends WarpElement16 {
     }
   }
   get _helpId() {
-    if (this.helpText)
-      return `${this._id}__hint`;
+    if (this.helpText) return `${this._id}__hint`;
   }
   get _id() {
     return "textfield";
   }
   get _error() {
-    if (this.invalid && this._helpId)
-      return this._helpId;
+    if (this.invalid && this._helpId) return this._helpId;
   }
   handler(e) {
     const { name, value } = e.target;
@@ -5741,14 +5719,12 @@ var WarpTextField = class extends WarpElement16 {
   prefixSlotChange(e) {
     const el = this.renderRoot.querySelector("slot[name=prefix]");
     const affixes = el.assignedElements();
-    if (affixes.length)
-      this._hasPrefix = true;
+    if (affixes.length) this._hasPrefix = true;
   }
   suffixSlotChange(e) {
     const el = this.renderRoot.querySelector("slot[name=suffix]");
     const affixes = el.assignedElements();
-    if (affixes.length)
-      this._hasSuffix = true;
+    if (affixes.length) this._hasSuffix = true;
   }
   render() {
     return html25`
@@ -5825,8 +5801,7 @@ if (!customElements.get("w-textfield")) {
 
 // packages/toast/api.js
 function toast2(message, options) {
-  if (!windowExists)
-    return;
+  if (!windowExists) return;
   const toast3 = customElements.get("w-toast-container").init();
   const data = __spreadValues({
     id: Date.now().toString(36) + Math.random().toString(36).slice(2, 5),
@@ -5838,14 +5813,12 @@ function toast2(message, options) {
   return data;
 }
 function removeToast(id) {
-  if (!windowExists)
-    return;
+  if (!windowExists) return;
   const toast3 = customElements.get("w-toast-container").init();
   return toast3.del(id);
 }
 function updateToast(id, options) {
-  if (!windowExists)
-    return;
+  if (!windowExists) return;
   const toast3 = customElements.get("w-toast-container").init();
   toast3.set(__spreadValues(__spreadValues({}, toast3.get(id)), options));
   return toast3.get(id);
@@ -5866,10 +5839,8 @@ var WarpToastContainer = class extends WarpElement17 {
       const keep = [];
       const remove = [];
       for (const toast3 of this._toasts) {
-        if (Date.now() <= toast3[1].duration)
-          keep.push(toast3);
-        else
-          remove.push(toast3);
+        if (Date.now() <= toast3[1].duration) keep.push(toast3);
+        else remove.push(toast3);
       }
       const collapseTasks = [];
       for (const [id] of remove) {
@@ -5877,15 +5848,13 @@ var WarpToastContainer = class extends WarpElement17 {
         collapseTasks.push(el.collapse());
       }
       Promise.all(collapseTasks).then(() => {
-        if (keep.length !== this._toasts.size)
-          this._toasts = new Map(keep);
+        if (keep.length !== this._toasts.size) this._toasts = new Map(keep);
       });
     }, 500);
   }
   disconnectedCallback() {
     super.disconnectedCallback();
-    if (this._interval)
-      clearTimeout(this._interval);
+    if (this._interval) clearTimeout(this._interval);
   }
   static init() {
     let el = document.querySelector("w-toast-container");
@@ -5907,8 +5876,7 @@ var WarpToastContainer = class extends WarpElement17 {
     if (!id) {
       throw new Error('undefined "id" given when attempting to retrieve toast');
     }
-    if (typeof id !== "string" && !Number.isInteger(id))
-      throw new Error('"id" must be number or string when attempting to retrieve toast');
+    if (typeof id !== "string" && !Number.isInteger(id)) throw new Error('"id" must be number or string when attempting to retrieve toast');
     return this._toasts.get(id);
   }
   /**
@@ -5917,8 +5885,7 @@ var WarpToastContainer = class extends WarpElement17 {
    * @returns {WarpToastContainer}
    */
   set(toast3) {
-    if (!toast3.id)
-      throw new Error('invalid or undefined "id" on toast object');
+    if (!toast3.id) throw new Error('invalid or undefined "id" on toast object');
     const result = this._toasts.set(toast3.id, __spreadProps(__spreadValues({}, toast3), {
       duration: Date.now() + (toast3.duration || 5e3)
     }));
@@ -5934,11 +5901,9 @@ var WarpToastContainer = class extends WarpElement17 {
     if (!id) {
       throw new Error('undefined "id" given when attempting to retrieve toast');
     }
-    if (typeof id !== "string" && !Number.isInteger(id))
-      throw new Error('"id" must be number or string when attempting to retrieve toast');
+    if (typeof id !== "string" && !Number.isInteger(id)) throw new Error('"id" must be number or string when attempting to retrieve toast');
     const el = this.renderRoot.querySelector(`#${id}`);
-    if (!this._toasts.has(id))
-      return false;
+    if (!this._toasts.has(id)) return false;
     await el.collapse();
     const result = this._toasts.delete(id);
     this._toasts = new Map(Array.from(this._toasts));
@@ -5990,8 +5955,7 @@ var prefersMotion = true;
 if (windowExists3) {
   const query = window.matchMedia("(prefers-reduced-motion: reduce)");
   const callback = ({ matches }) => prefersMotion = !matches;
-  if (query.addEventListener)
-    query.addEventListener("change", callback);
+  if (query.addEventListener) query.addEventListener("change", callback);
   callback(query);
 }
 var removeTransition = (el) => {
@@ -6008,19 +5972,16 @@ var addTransition = (el) => {
 var getAfterExpandCallback = (el, done) => () => {
   el.style.height = "auto";
   el.style.overflow = null;
-  if (done)
-    done();
+  if (done) done();
 };
 var getAfterCollapseCallback = (done) => () => {
-  if (done)
-    done();
+  if (done) done();
 };
 var expand = (el, done) => {
   const returnPromise = (() => {
-    if (!done)
-      return new Promise((r3) => {
-        done = r3;
-      });
+    if (!done) return new Promise((r3) => {
+      done = r3;
+    });
   })();
   const afterExpandCallback = getAfterExpandCallback(el, done);
   removeTransition(el);
@@ -6033,15 +5994,13 @@ var expand = (el, done) => {
     addTransition(el);
     requestAnimationFrame(() => el.style.height = dest + "px");
   });
-  if (returnPromise)
-    return returnPromise;
+  if (returnPromise) return returnPromise;
 };
 var collapse = (el, done) => {
   const returnPromise = (() => {
-    if (!done)
-      return new Promise((r3) => {
-        done = r3;
-      });
+    if (!done) return new Promise((r3) => {
+      done = r3;
+    });
   })();
   const afterCollapseCallback = getAfterCollapseCallback(done);
   removeTransition(el);
@@ -6053,8 +6012,7 @@ var collapse = (el, done) => {
     addTransition(el);
     requestAnimationFrame(() => el.style.height = "0px");
   });
-  if (returnPromise)
-    return returnPromise;
+  if (returnPromise) return returnPromise;
 };
 
 // packages/toast/toast.js
@@ -6104,8 +6062,7 @@ var WarpToast = class extends WarpElement18 {
     super.disconnectedCallback();
   }
   updated() {
-    if (!this._expanded && this._wrapper)
-      expand(this._wrapper, () => this._expanded = true);
+    if (!this._expanded && this._wrapper) expand(this._wrapper, () => this._expanded = true);
   }
   get _primaryClasses() {
     return classes2({
@@ -6159,19 +6116,14 @@ var WarpToast = class extends WarpElement18 {
     }
   }
   get _iconMarkup() {
-    if (this._warning)
-      return html27`<w-icon-warning-16></w-icon-warning-16>`;
-    if (this._error)
-      return html27`<w-icon-error-16></w-icon-error-16>`;
-    else
-      return html27`<w-icon-success-16></w-icon-success-16>`;
+    if (this._warning) return html27`<w-icon-warning-16></w-icon-warning-16>`;
+    if (this._error) return html27`<w-icon-error-16></w-icon-error-16>`;
+    else return html27`<w-icon-success-16></w-icon-success-16>`;
   }
   async collapse() {
     return new Promise((resolve) => {
-      if (this._expanded && this._wrapper)
-        collapse(this._wrapper, resolve);
-      else
-        resolve();
+      if (this._expanded && this._wrapper) collapse(this._wrapper, resolve);
+      else resolve();
     });
   }
   close() {
@@ -6183,8 +6135,7 @@ var WarpToast = class extends WarpElement18 {
     this.updateComplete.then(() => this.dispatchEvent(event));
   }
   render() {
-    if (!this.text)
-      return html27``;
+    if (!this.text) return html27``;
     return html27` <section class="${toast.wrapper}" aria-label="${this._typeLabel}">
       <div class="${this._primaryClasses}">
         <div class="${this._iconClasses}">${this._iconMarkup}</div>
@@ -6241,8 +6192,7 @@ var ExpandTransition = class extends WarpElement19 {
     }
   }
   updated() {
-    if (!this._wrapper)
-      return;
+    if (!this._wrapper) return;
     if (!this._mounted) {
       this._mounted = true;
       return;