@duyluonganduin/acl-web-components 0.0.66 → 0.0.67

package/dist/{anduin-table-D5xijY_4.js → anduin-table-Cqv_JQvT.js}

@@ -45,10 +45,10 @@ const n3 = (r) => new o3(typeof r == "string" ? r : r + "", void 0, j5), g = (r,
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: A3, defineProperty: D3, getOwnPropertyDescriptor: P3, getOwnPropertyNames: B3, getOwnPropertySymbols: F3, getPrototypeOf: I3 } = Object, h1 = globalThis, V4 = h1.trustedTypes, O3 = V4 ? V4.emptyScript : "", Y2 = h1.reactiveElementPolyfillSupport, s2 = (r, e) => r, E2 = { toAttribute(r, e) {
+const { is: A3, defineProperty: D3, getOwnPropertyDescriptor: P3, getOwnPropertyNames: B3, getOwnPropertySymbols: F3, getPrototypeOf: O3 } = Object, h1 = globalThis, V4 = h1.trustedTypes, I3 = V4 ? V4.emptyScript : "", Y2 = h1.reactiveElementPolyfillSupport, s2 = (r, e) => r, E2 = { toAttribute(r, e) {
   switch (e) {
     case Boolean:
-      r = r ? O3 : null;
+      r = r ? I3 : null;
       break;
     case Object:
     case Array:
@@ -75,7 +75,7 @@ const { is: A3, defineProperty: D3, getOwnPropertyDescriptor: P3, getOwnProperty
   return t;
 } }, U5 = (r, e) => !A3(r, e), x4 = { attribute: !0, type: String, converter: E2, reflect: !1, useDefault: !1, hasChanged: U5 };
 Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), h1.litPropertyMetadata ?? (h1.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-let I1 = class extends HTMLElement {
+let O1 = class extends HTMLElement {
   static addInitializer(e) {
     this._$Ei(), (this.l ?? (this.l = [])).push(e);
   }
@@ -104,7 +104,7 @@ let I1 = class extends HTMLElement {
   }
   static _$Ei() {
     if (this.hasOwnProperty(s2("elementProperties"))) return;
-    const e = I3(this);
+    const e = O3(this);
     e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
   }
   static finalize() {
@@ -278,7 +278,7 @@ let I1 = class extends HTMLElement {
   firstUpdated(e) {
   }
 };
-I1.elementStyles = [], I1.shadowRootOptions = { mode: "open" }, I1[s2("elementProperties")] = /* @__PURE__ */ new Map(), I1[s2("finalized")] = /* @__PURE__ */ new Map(), Y2 == null || Y2({ ReactiveElement: I1 }), (h1.reactiveElementVersions ?? (h1.reactiveElementVersions = [])).push("2.1.2");
+O1.elementStyles = [], O1.shadowRootOptions = { mode: "open" }, O1[s2("elementProperties")] = /* @__PURE__ */ new Map(), O1[s2("finalized")] = /* @__PURE__ */ new Map(), Y2 == null || Y2({ ReactiveElement: O1 }), (h1.reactiveElementVersions ?? (h1.reactiveElementVersions = [])).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -521,7 +521,7 @@ const q3 = (r, e, t) => {
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const Z1 = globalThis;
-let h = class extends I1 {
+let h = class extends O1 {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -1510,7 +1510,7 @@ f3([
   s({ type: Number })
 ], v2.prototype, "count");
 customElements.get("anduin-badge-count") || customElements.define("anduin-badge-count", v2);
-var ut = Object.defineProperty, F = (r, e, t, o) => {
+var ut = Object.defineProperty, I = (r, e, t, o) => {
   for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && ut(e, t, i), i;
@@ -1695,53 +1695,53 @@ oe.styles = g`
     .button--icon-only.button--medium { width: 32px; min-width: 32px; padding-left: 0; padding-right: 0; }
     .button--icon-only.button--large { width: 40px; min-width: 40px; padding-left: 0; padding-right: 0; }
   `;
-let $ = oe;
-F([
+let E = oe;
+I([
   b()
-], $.prototype, "iconOnly");
-F([
+], E.prototype, "iconOnly");
+I([
   s({ converter: (r) => r || "filled" })
-], $.prototype, "appearance");
-F([
+], E.prototype, "appearance");
+I([
   s()
-], $.prototype, "variant");
-F([
+], E.prototype, "variant");
+I([
   s()
-], $.prototype, "size");
-F([
+], E.prototype, "size");
+I([
   s({ type: Boolean })
-], $.prototype, "disabled");
-F([
+], E.prototype, "disabled");
+I([
   s({ type: Boolean })
-], $.prototype, "loading");
-F([
+], E.prototype, "loading");
+I([
   s({ type: Boolean, attribute: "full-width", reflect: !0 })
-], $.prototype, "fullWidth");
-F([
+], E.prototype, "fullWidth");
+I([
   s({ type: Boolean })
-], $.prototype, "pill");
-F([
+], E.prototype, "pill");
+I([
   s({ type: Boolean })
-], $.prototype, "selected");
-F([
+], E.prototype, "selected");
+I([
   s()
-], $.prototype, "href");
-F([
+], E.prototype, "href");
+I([
   s({ type: Boolean, attribute: "open-new-tab" })
-], $.prototype, "openNewTab");
-F([
+], E.prototype, "openNewTab");
+I([
   s()
-], $.prototype, "download");
-F([
+], E.prototype, "download");
+I([
   s({ attribute: "start-icon" })
-], $.prototype, "startIcon");
-F([
+], E.prototype, "startIcon");
+I([
   s({ attribute: "end-icon" })
-], $.prototype, "endIcon");
-F([
+], E.prototype, "endIcon");
+I([
   s()
-], $.prototype, "label");
-customElements.get("anduin-button") || customElements.define("anduin-button", $);
+], E.prototype, "label");
+customElements.get("anduin-button") || customElements.define("anduin-button", E);
 var ht = Object.defineProperty, gt = (r, e, t, o) => {
   for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
     (l = r[n]) && (i = l(e, t, i) || i);
@@ -2224,14 +2224,14 @@ R2([
   s()
 ], v1.prototype, "inputid");
 customElements.get("anduin-checkbox") || customElements.define("anduin-checkbox", v1);
-var wt = Object.defineProperty, Y = (r, e, t, o) => {
+var wt = Object.defineProperty, F = (r, e, t, o) => {
   for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && wt(e, t, i), i;
 };
 const B4 = "anduin-input:change", Mt = "anduin-input:clear", j2 = class j2 extends h {
   constructor() {
-    super(...arguments), this.value = "", this.size = "default", this.disabled = !1, this.readonly = !1, this.placeholder = "", this.inputid = "", this.status = "", this.startIcon = "", this.endIcon = "", this.clearable = !1;
+    super(...arguments), this.value = "", this.size = "default", this.disabled = !1, this.readonly = !1, this.placeholder = "", this.inputid = "", this.status = "", this.startIcon = "", this.endIcon = "", this.clearable = !1, this.type = "text", this.autocomplete = "", this.name = "", this.revealable = !1, this._revealed = !1;
   }
   connectedCallback() {
     super.connectedCallback();
@@ -2242,6 +2242,9 @@ const B4 = "anduin-input:change", Mt = "anduin-input:clear", j2 = class j2 exten
       this.inputid && this.inputid === o.detail && ((i = this.inputEl) == null || i.focus());
     });
   }
+  willUpdate(e) {
+    (e.has("type") && this.type !== "password" || e.has("revealable") && !this.revealable) && (this._revealed = !1);
+  }
   updated() {
     this.inputEl && this.inputEl.value !== this.value && (this.inputEl.value = this.value);
   }
@@ -2285,24 +2288,59 @@ const B4 = "anduin-input:change", Mt = "anduin-input:clear", j2 = class j2 exten
     var e;
     this.value = "", this.inputEl && (this.inputEl.value = ""), this.dispatchEvent(new CustomEvent(B4, { detail: "", bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent(Mt, { bubbles: !0, composed: !0 })), (e = this.inputEl) == null || e.focus();
   }
+  /**
+   * Pointer presses on the reveal button must not move focus off the input:
+   * someone typing a password clicks the eye to check it and keeps typing.
+   * Keyboard users still reach the button with Tab, and pressing it there
+   * leaves focus on the button, as any toggle does.
+   */
+  onRevealPointerDown(e) {
+    e.preventDefault();
+  }
+  /**
+   * Swapping `type` between `password` and `text` keeps the value (the value
+   * mode is the same), but not the caret. Measured in Chromium with a real
+   * pointer click: `selectionStart` still reads right after Lit commits the
+   * new type, then drops to 0 at the next frame, when layout rebuilds the
+   * input's inner editor. Setting the range back straight after the commit
+   * did not stick — layout reset it anyway. Forcing that layout first and
+   * only then restoring the range does stick, measured at the next frame and
+   * 100ms later. The layout is forced with `getBoundingClientRect()`, a call:
+   * a bare `void el.offsetWidth` read is dropped by the minifier as unused,
+   * which is how the first version of this shipped nothing to the browser.
+   *
+   * Restored only while the input still has focus: an unfocused
+   * `setSelectionRange` can pull focus in some engines, and a keyboard user
+   * pressing the button is sitting on the button, not the input.
+   */
+  onRevealToggle() {
+    const e = this.inputEl, t = (e == null ? void 0 : e.selectionStart) ?? null, o = (e == null ? void 0 : e.selectionEnd) ?? null, i = (e == null ? void 0 : e.selectionDirection) ?? void 0;
+    this._revealed = !this._revealed, this.updateComplete.then(() => {
+      var n;
+      e && t !== null && o !== null && ((n = this.shadowRoot) == null ? void 0 : n.activeElement) === e && (e.getBoundingClientRect(), e.setSelectionRange(t, o, i ?? void 0));
+    });
+  }
   render() {
-    const e = this.size === "small" ? "input--small" : this.size === "large" ? "input--large" : "input--default", t = this.status ? `input--${this.status}` : "", o = !!this.startIcon, i = !!this.endIcon || this.clearable && !!this.value, n = this.clearable && !!this.value && !this.disabled && !this.readonly, l = this.size === "small" ? "12" : this.size === "large" ? "20" : "16", d = this.size === "small" ? "10" : this.size === "large" ? "16" : "14";
+    const e = this.size === "small" ? "input--small" : this.size === "large" ? "input--large" : "input--default", t = this.status ? `input--${this.status}` : "", o = !!this.startIcon, i = this.type === "password" && this.revealable, n = !!this.endIcon || this.clearable && !!this.value || i, l = this.clearable && !!this.value && !this.disabled && !this.readonly, d = this.size === "small" ? "12" : this.size === "large" ? "20" : "16", c = this.size === "small" ? "10" : this.size === "large" ? "16" : "14", C = i && this._revealed ? "text" : this.type || "text", p = i ? (l ? Number(c) + 2 : 0) + (this.endIcon ? Number(d) + 2 : 0) : 0;
     return a`
       <div class="input-wrapper">
         ${o ? a`
           <span class="input__start">
-            <anduin-icon name=${this.startIcon} size=${l}></anduin-icon>
+            <anduin-icon name=${this.startIcon} size=${d}></anduin-icon>
           </span>
         ` : u}
 
         <input
           class="input ${e}
             ${o ? "input--has-start" : ""}
-            ${i ? "input--has-end" : ""}
+            ${n ? "input--has-end" : ""}
             ${this.disabled ? "input--disabled" : ""}
             ${this.readonly ? "input--readonly" : ""}
             ${t}"
-          type="text"
+          type=${C}
+          autocomplete=${this.autocomplete || u}
+          name=${this.name || u}
+          style=${p ? `--_end-extra: ${p}px` : u}
           ?disabled=${this.disabled}
           ?readonly=${this.readonly}
           id=${this.inputid || ""}
@@ -2311,15 +2349,29 @@ const B4 = "anduin-input:change", Mt = "anduin-input:clear", j2 = class j2 exten
           @input=${this.onInput}
         />
 
-        ${i ? a`
+        ${n ? a`
           <span class="input__end">
-            ${n ? a`
+            ${l ? a`
               <button class="input__clear" type="button" @click=${this.onClear} aria-label="Clear">
-                <anduin-icon name="cross" size=${d}></anduin-icon>
+                <anduin-icon name="cross" size=${c}></anduin-icon>
+              </button>
+            ` : u}
+            ${i ? a`
+              <button
+                class="input__reveal"
+                type="button"
+                part="reveal"
+                aria-label=${this._revealed ? "Hide password" : "Show password"}
+                aria-pressed=${this._revealed ? "true" : "false"}
+                ?disabled=${this.disabled}
+                @mousedown=${this.onRevealPointerDown}
+                @click=${this.onRevealToggle}
+              >
+                <anduin-icon name=${this._revealed ? "eyeOff" : "eye"} size=${d}></anduin-icon>
               </button>
             ` : u}
             ${this.endIcon ? a`
-              <anduin-icon name=${this.endIcon} size=${l}></anduin-icon>
+              <anduin-icon name=${this.endIcon} size=${d}></anduin-icon>
             ` : u}
           </span>
         ` : u}
@@ -2350,9 +2402,15 @@ j2.shadowRootOptions = { ...h.shadowRootOptions, delegatesFocus: !0 }, j2.styles
     .input--has-start.input--default { padding-left: 32px; }
     .input--has-start.input--large   { padding-left: 42px; }
 
-    .input--has-end.input--small   { padding-right: 26px; }
-    .input--has-end.input--default { padding-right: 32px; }
-    .input--has-end.input--large   { padding-right: 42px; }
+    /*
+     * One end item fits the base padding. --_end-extra is the width of any
+     * further items beside the password reveal button; it is set only when that
+     * button is rendered, so every combination that existed before it (one end
+     * icon, the clear button, or both) keeps exactly the padding it had.
+     */
+    .input--has-end.input--small   { padding-right: calc(26px + var(--_end-extra, 0px)); }
+    .input--has-end.input--default { padding-right: calc(32px + var(--_end-extra, 0px)); }
+    .input--has-end.input--large   { padding-right: calc(42px + var(--_end-extra, 0px)); }
 
     .input--disabled { color: var(--color-muted-foreground); background-color: var(--color-disabled); cursor: not-allowed; }
     .input--readonly { background-color: var(--color-secondary); }
@@ -2372,7 +2430,8 @@ j2.shadowRootOptions = { ...h.shadowRootOptions, delegatesFocus: !0 }, j2.styles
     .input__start { left: 8px; }
     .input__end   { right: 8px; gap: 2px; }
 
-    .input__clear {
+    .input__clear,
+    .input__reveal {
       display: flex; align-items: center; justify-content: center;
       pointer-events: auto; cursor: pointer;
       background: none; border: none; padding: 0;
@@ -2380,43 +2439,63 @@ j2.shadowRootOptions = { ...h.shadowRootOptions, delegatesFocus: !0 }, j2.styles
       border-radius: 3px;
       line-height: 0;
     }
-    .input__clear:hover { color: var(--color-muted-foreground); }
+    .input__clear:hover,
+    .input__reveal:hover { color: var(--color-muted-foreground); }
+    /* The reveal button is a Tab stop. Ring it on keyboard focus only, so a
+       pointer press (which keeps focus in the input anyway) draws nothing. */
+    .input__reveal:focus-visible { outline: 2px solid var(--color-ring); outline-offset: 1px; }
+    .input__reveal:disabled { cursor: not-allowed; }
   `;
-let I = j2;
-Y([
+let R = j2;
+F([
   s()
-], I.prototype, "value");
-Y([
+], R.prototype, "value");
+F([
   s()
-], I.prototype, "size");
-Y([
+], R.prototype, "size");
+F([
   s({ type: Boolean })
-], I.prototype, "disabled");
-Y([
+], R.prototype, "disabled");
+F([
   s({ type: Boolean })
-], I.prototype, "readonly");
-Y([
+], R.prototype, "readonly");
+F([
   s()
-], I.prototype, "placeholder");
-Y([
+], R.prototype, "placeholder");
+F([
   s()
-], I.prototype, "inputid");
-Y([
+], R.prototype, "inputid");
+F([
   s()
-], I.prototype, "status");
-Y([
+], R.prototype, "status");
+F([
   s({ attribute: "start-icon" })
-], I.prototype, "startIcon");
-Y([
+], R.prototype, "startIcon");
+F([
   s({ attribute: "end-icon" })
-], I.prototype, "endIcon");
-Y([
+], R.prototype, "endIcon");
+F([
   s({ type: Boolean })
-], I.prototype, "clearable");
-Y([
+], R.prototype, "clearable");
+F([
+  s()
+], R.prototype, "type");
+F([
+  s()
+], R.prototype, "autocomplete");
+F([
+  s()
+], R.prototype, "name");
+F([
+  s({ type: Boolean })
+], R.prototype, "revealable");
+F([
+  b()
+], R.prototype, "_revealed");
+F([
   k("input")
-], I.prototype, "inputEl");
-customElements.get("anduin-input") || customElements.define("anduin-input", I);
+], R.prototype, "inputEl");
+customElements.get("anduin-input") || customElements.define("anduin-input", R);
 var Zt = Object.defineProperty, H3 = (r, e, t, o) => {
   for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
     (l = r[n]) && (i = l(e, t, i) || i);
@@ -2466,20 +2545,20 @@ function F4(r, e, t, o, i) {
       return { left: 0, top: 0 };
   }
 }
-function I4(r, e) {
+function O4(r, e) {
   return e.right >= r.left && e.left <= r.right && e.top <= r.bottom && e.bottom >= r.top;
 }
-function O4(r, e) {
+function I4(r, e) {
   const t = Math.max(r.left, e.left), o = Math.max(r.top, e.top), i = Math.min(r.right, e.right), n = Math.min(r.bottom, e.bottom);
   return i < t || n < o ? 0 : (i - t) * (n - o);
 }
 function Rt(r, e, t, o = 8) {
   const i = window.innerWidth, n = window.innerHeight, l = { left: 0, top: 0, right: i, bottom: n }, d = e.width, c = e.height;
-  if (!I4(
+  if (!O4(
     { left: r.left, top: r.top, right: r.right, bottom: r.bottom },
     l
   )) return null;
-  const C = F4(r, d, c, t, o), p = kt.map((m) => ({ p: m, off: F4(r, d, c, m, o) })).filter(({ off: m }) => I4({ left: m.left, top: m.top, right: m.left + d, bottom: m.top + c }, l));
+  const C = F4(r, d, c, t, o), p = kt.map((m) => ({ p: m, off: F4(r, d, c, m, o) })).filter(({ off: m }) => O4({ left: m.left, top: m.top, right: m.left + d, bottom: m.top + c }, l));
   if (p.length === 0)
     return {
       placement: t,
@@ -2487,10 +2566,10 @@ function Rt(r, e, t, o = 8) {
       top: Math.round(Math.min(Math.max(C.top, 0), n - c))
     };
   p.sort((m, V) => {
-    const y = { left: m.off.left, top: m.off.top, right: m.off.left + d, bottom: m.off.top + c }, v = { left: V.off.left, top: V.off.top, right: V.off.left + d, bottom: V.off.top + c }, x = O4(y, l), w = O4(v, l);
+    const y = { left: m.off.left, top: m.off.top, right: m.off.left + d, bottom: m.off.top + c }, v = { left: V.off.left, top: V.off.top, right: V.off.left + d, bottom: V.off.top + c }, x = I4(y, l), w = I4(v, l);
     if (w !== x) return w - x;
-    const D = Math.abs(m.off.left - C.left) + Math.abs(m.off.top - C.top), K = Math.abs(V.off.left - C.left) + Math.abs(V.off.top - C.top);
-    return D - K;
+    const P = Math.abs(m.off.left - C.left) + Math.abs(m.off.top - C.top), W = Math.abs(V.off.left - C.left) + Math.abs(V.off.top - C.top);
+    return P - W;
   });
   const { p: f, off: H } = p[0];
   return {
@@ -2701,7 +2780,7 @@ let p5 = be;
 customElements.get("anduin-tooltip") || customElements.define("anduin-tooltip", _2);
 customElements.get("anduin-tooltip-trigger") || customElements.define("anduin-tooltip-trigger", u5);
 customElements.get("anduin-tooltip-content") || customElements.define("anduin-tooltip-content", p5);
-var Et = Object.defineProperty, B = (r, e, t, o) => {
+var Et = Object.defineProperty, O = (r, e, t, o) => {
   for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && Et(e, t, i), i;
@@ -2913,56 +2992,56 @@ me.styles = g`
     .field--small  { min-height: 24px; padding-left: 6px;  padding-right: 6px; }
     .field--medium { min-height: 32px; padding-left: 12px; padding-right: 12px; }
   `;
-let R = me;
-B([
+let $ = me;
+O([
   s()
-], R.prototype, "value");
-B([
+], $.prototype, "value");
+O([
   s()
-], R.prototype, "placeholder");
-B([
+], $.prototype, "placeholder");
+O([
   s()
-], R.prototype, "size");
-B([
+], $.prototype, "size");
+O([
   s()
-], R.prototype, "mode");
-B([
+], $.prototype, "mode");
+O([
   s({ type: Boolean, reflect: !0 })
-], R.prototype, "disabled");
-B([
+], $.prototype, "disabled");
+O([
   s({ type: Boolean, attribute: "click-to-edit", reflect: !0 })
-], R.prototype, "clickToEdit");
-B([
+], $.prototype, "clickToEdit");
+O([
   s({ type: Boolean, attribute: "hide-switcher", reflect: !0 })
-], R.prototype, "hideSwitcher");
-B([
+], $.prototype, "hideSwitcher");
+O([
   s({ attribute: "edit-label" })
-], R.prototype, "editLabel");
-B([
+], $.prototype, "editLabel");
+O([
   s({ attribute: !1 })
-], R.prototype, "validate");
-B([
+], $.prototype, "validate");
+O([
   b()
-], R.prototype, "_editing");
-B([
+], $.prototype, "_editing");
+O([
   b()
-], R.prototype, "_draft");
-B([
+], $.prototype, "_draft");
+O([
   b()
-], R.prototype, "_error");
-B([
+], $.prototype, "_error");
+O([
   b()
-], R.prototype, "_hasSlotted");
-B([
+], $.prototype, "_hasSlotted");
+O([
   b()
-], R.prototype, "_openWidth");
-B([
+], $.prototype, "_openWidth");
+O([
   k(".field")
-], R.prototype, "_field");
-B([
+], $.prototype, "_field");
+O([
   k(".text")
-], R.prototype, "_text");
-customElements.get("anduin-inline-edit") || customElements.define("anduin-inline-edit", R);
+], $.prototype, "_text");
+customElements.get("anduin-inline-edit") || customElements.define("anduin-inline-edit", $);
 var Dt = Object.defineProperty, y1 = (r, e, t, o) => {
   for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
     (l = r[n]) && (i = l(e, t, i) || i);
@@ -3046,33 +3125,33 @@ U2.shadowRootOptions = { ...h.shadowRootOptions, delegatesFocus: !0 }, U2.styles
     .textarea--warning  { border-color: var(--color-warning-active); }
     .textarea--loading  { border-color: var(--color-input); }
   `;
-let W = U2;
+let Y = U2;
 y1([
   s()
-], W.prototype, "value");
+], Y.prototype, "value");
 y1([
   s({ type: Boolean })
-], W.prototype, "disabled");
+], Y.prototype, "disabled");
 y1([
   s({ type: Boolean })
-], W.prototype, "readonly");
+], Y.prototype, "readonly");
 y1([
   s()
-], W.prototype, "placeholder");
+], Y.prototype, "placeholder");
 y1([
   s()
-], W.prototype, "inputid");
+], Y.prototype, "inputid");
 y1([
   s({ type: Number })
-], W.prototype, "rows");
+], Y.prototype, "rows");
 y1([
   s()
-], W.prototype, "status");
+], Y.prototype, "status");
 y1([
   k("textarea")
-], W.prototype, "textareaEl");
-customElements.get("anduin-textarea") || customElements.define("anduin-textarea", W);
-var Bt = Object.defineProperty, U = (r, e, t, o) => {
+], Y.prototype, "textareaEl");
+customElements.get("anduin-textarea") || customElements.define("anduin-textarea", Y);
+var Bt = Object.defineProperty, G = (r, e, t, o) => {
   for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && Bt(e, t, i), i;
@@ -3111,13 +3190,13 @@ He.styles = g`
     :host([fill]) .tabs { flex: 1; min-height: 0; }
   `;
 let j1 = He;
-U([
+G([
   s({ attribute: "default-value" })
 ], j1.prototype, "defaultValue");
-U([
+G([
   s()
 ], j1.prototype, "value");
-U([
+G([
   s({ type: Boolean, reflect: !0 })
 ], j1.prototype, "fill");
 const _e = class _e extends h {
@@ -3182,10 +3261,10 @@ _e.styles = g`
     }
   `;
 let y2 = _e;
-U([
+G([
   s()
 ], y2.prototype, "alignment");
-U([
+G([
   k(".tabs-list__indicator")
 ], y2.prototype, "indicator");
 const ye = class ye extends h {
@@ -3246,22 +3325,22 @@ ye.styles = g`
     }
   `;
 let l1 = ye;
-U([
+G([
   s({ reflect: !0 })
 ], l1.prototype, "value");
-U([
+G([
   s({ attribute: "start-icon" })
 ], l1.prototype, "startIcon");
-U([
+G([
   s({ type: Boolean })
 ], l1.prototype, "disabled");
-U([
+G([
   s({ type: Boolean, attribute: "show-badge" })
 ], l1.prototype, "showBadge");
-U([
+G([
   s({ attribute: "badge-count" })
 ], l1.prototype, "badgeCount");
-U([
+G([
   b()
 ], l1.prototype, "isActive");
 const Le = class Le extends h {
@@ -3293,22 +3372,22 @@ Le.styles = g`
     .tab-content { width: 100%; height: var(--_tab-fill-height, auto); overflow-x: hidden; overflow-y: auto; }
   `;
 let L2 = Le;
-U([
+G([
   s()
 ], L2.prototype, "value");
-U([
+G([
   b()
 ], L2.prototype, "isActive");
 customElements.get("anduin-tabs") || customElements.define("anduin-tabs", j1);
 customElements.get("anduin-tabs-list") || customElements.define("anduin-tabs-list", y2);
 customElements.get("anduin-tab-trigger") || customElements.define("anduin-tab-trigger", l1);
 customElements.get("anduin-tab-content") || customElements.define("anduin-tab-content", L2);
-var It = Object.defineProperty, q5 = (r, e, t, o) => {
+var Ot = Object.defineProperty, q5 = (r, e, t, o) => {
   for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
     (l = r[n]) && (i = l(e, t, i) || i);
-  return i && It(e, t, i), i;
+  return i && Ot(e, t, i), i;
 };
-const Ot = "anduin-tag-close:click", Tt = {
+const It = "anduin-tag-close:click", Tt = {
   gray: "tag--light-gray",
   primary: "tag--light-primary",
   success: "tag--light-success",
@@ -3437,7 +3516,7 @@ q5([
 ], U1.prototype, "disabled");
 const xe = class xe extends h {
   onClick() {
-    this.dispatchEvent(new CustomEvent(Ot, { bubbles: !0, composed: !0 }));
+    this.dispatchEvent(new CustomEvent(It, { bubbles: !0, composed: !0 }));
   }
   render() {
     return a`
@@ -3460,7 +3539,7 @@ xe.styles = g`
 let h5 = xe;
 customElements.get("anduin-tag") || customElements.define("anduin-tag", U1);
 customElements.get("anduin-tag-close") || customElements.define("anduin-tag-close", h5);
-var jt = Object.defineProperty, O = (r, e, t, o) => {
+var jt = Object.defineProperty, T = (r, e, t, o) => {
   for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && jt(e, t, i), i;
@@ -3553,25 +3632,25 @@ we.styles = g`
     .toggle-group--gap ::slotted(anduin-toggle-group-item) { --toggle-group-item-radius: 4px; --toggle-group-item-border-left: 1px; }
   `;
 let X = we;
-O([
+T([
   s()
 ], X.prototype, "mode");
-O([
+T([
   s({ attribute: "default-value" })
 ], X.prototype, "defaultValue");
-O([
+T([
   s()
 ], X.prototype, "value");
-O([
+T([
   s()
 ], X.prototype, "size");
-O([
+T([
   s()
 ], X.prototype, "variant");
-O([
+T([
   s({ type: Boolean })
 ], X.prototype, "gap");
-O([
+T([
   b()
 ], X.prototype, "internalValue");
 const Me = class Me extends h {
@@ -3661,25 +3740,25 @@ Me.styles = g`
     .toggle-item--variant-primary.toggle-item--selected .toggle-item__icon { color: var(--color-primary-icon); }
   `;
 let J = Me;
-O([
+T([
   s({ reflect: !0 })
 ], J.prototype, "value");
-O([
+T([
   s({ attribute: "start-icon" })
 ], J.prototype, "startIcon");
-O([
+T([
   s({ type: Boolean })
 ], J.prototype, "disabled");
-O([
+T([
   s({ attribute: !1 })
 ], J.prototype, "selected");
-O([
+T([
   s({ attribute: !1 })
 ], J.prototype, "groupSize");
-O([
+T([
   s({ attribute: !1 })
 ], J.prototype, "groupVariant");
-O([
+T([
   s({ attribute: !1 })
 ], J.prototype, "groupMode");
 function e5(r) {
@@ -3895,10 +3974,10 @@ const v5 = "anduin-popover:close", b5 = "anduin-popover:open-change", Re = class
     t.style.transform = i;
     const l = t.getBoundingClientRect(), d = 4, c = window.innerWidth, C = window.innerHeight, p = 8;
     let f = 0, H = 0, m = "bottom";
-    const V = !this.placement.startsWith("top"), y = C - o.bottom - d, v = o.top - d, x = y >= l.height, w = v >= l.height, D = V ? x || y >= v : !w && x;
-    m = D ? "bottom" : "top", H = D ? o.bottom + d : o.top - l.height - d;
-    const K = this.placement.endsWith("end") ? "end" : this.placement.endsWith("start") ? "start" : "center";
-    K === "start" ? f = o.left : K === "end" ? f = o.right - l.width : f = o.left + o.width / 2 - l.width / 2, f = Math.max(p, Math.min(f, c - l.width - p)), H = Math.max(p, Math.min(H, C - l.height - p)), t.style.transform = `translate(${Math.round(f - n.left)}px, ${Math.round(H - n.top)}px)`, t.dataset.side = m;
+    const V = !this.placement.startsWith("top"), y = C - o.bottom - d, v = o.top - d, x = y >= l.height, w = v >= l.height, P = V ? x || y >= v : !w && x;
+    m = P ? "bottom" : "top", H = P ? o.bottom + d : o.top - l.height - d;
+    const W = this.placement.endsWith("end") ? "end" : this.placement.endsWith("start") ? "start" : "center";
+    W === "start" ? f = o.left : W === "end" ? f = o.right - l.width : f = o.left + o.width / 2 - l.width / 2, f = Math.max(p, Math.min(f, c - l.width - p)), H = Math.max(p, Math.min(H, C - l.height - p)), t.style.transform = `translate(${Math.round(f - n.left)}px, ${Math.round(H - n.top)}px)`, t.dataset.side = m;
   }
   render() {
     return a`
@@ -5496,7 +5575,7 @@ var H7 = Object.defineProperty, k3 = (r, e, t, o) => {
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && H7(e, t, i), i;
 };
-const _7 = "anduin-switcher:change", Ie = class Ie extends h {
+const _7 = "anduin-switcher:change", Oe = class Oe extends h {
   constructor() {
     super(...arguments), this.checked = !1, this.disabled = !1;
   }
@@ -5525,7 +5604,7 @@ const _7 = "anduin-switcher:change", Ie = class Ie extends h {
     `;
   }
 };
-Ie.styles = g`
+Oe.styles = g`
     :host { display: inline-flex; font-family: var(--font-sans); }
 
     label {
@@ -5589,7 +5668,7 @@ Ie.styles = g`
       line-height: 20px;
     }
   `;
-let w2 = Ie;
+let w2 = Oe;
 k3([
   s({ type: Boolean })
 ], w2.prototype, "checked");
@@ -5597,12 +5676,12 @@ k3([
   s({ type: Boolean })
 ], w2.prototype, "disabled");
 customElements.get("anduin-switcher") || customElements.define("anduin-switcher", w2);
-var y7 = Object.defineProperty, E = (r, e, t, o) => {
+var y7 = Object.defineProperty, z = (r, e, t, o) => {
   for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && y7(e, t, i), i;
 };
-const G4 = "anduin-dropdown:change", Oe = class Oe extends h {
+const G4 = "anduin-dropdown:change", Ie = class Ie extends h {
   constructor() {
     super(...arguments), this.value = "", this.placeholder = "Select...", this.options = [], this.icon = "", this.searchable = !0, this.disabled = !1, this.placement = "bottom-start", this.appearance = "filled", this.variant = "gray0", this.size = "default", this.fullWidth = !1, this.clearable = !0, this._open = !1, this._query = "", this._activeIndex = -1, this._onOutsideClick = (e) => {
       var t;
@@ -5761,7 +5840,7 @@ const G4 = "anduin-dropdown:change", Oe = class Oe extends h {
     `;
   }
 };
-Oe.styles = g`
+Ie.styles = g`
     :host { display: inline-block; font-family: var(--font-sans); }
     :host([full-width]) { display: block; width: 100%; }
     :host([full-width]) .trigger { width: 100%; }
@@ -6008,59 +6087,59 @@ Oe.styles = g`
       text-align: center;
     }
   `;
-let M = Oe;
-E([
+let M = Ie;
+z([
   s()
 ], M.prototype, "value");
-E([
+z([
   s()
 ], M.prototype, "placeholder");
-E([
+z([
   s({ attribute: !1 })
 ], M.prototype, "options");
-E([
+z([
   s()
 ], M.prototype, "icon");
-E([
+z([
   s({ type: Boolean })
 ], M.prototype, "searchable");
-E([
+z([
   s({ type: Boolean })
 ], M.prototype, "disabled");
-E([
+z([
   s()
 ], M.prototype, "placement");
-E([
+z([
   s()
 ], M.prototype, "appearance");
-E([
+z([
   s()
 ], M.prototype, "variant");
-E([
+z([
   s()
 ], M.prototype, "size");
-E([
+z([
   s({ type: Boolean, attribute: "full-width", reflect: !0 })
 ], M.prototype, "fullWidth");
-E([
+z([
   s({ converter: (r) => r !== "false" })
 ], M.prototype, "clearable");
-E([
+z([
   b()
 ], M.prototype, "_open");
-E([
+z([
   b()
 ], M.prototype, "_query");
-E([
+z([
   b()
 ], M.prototype, "_activeIndex");
-E([
+z([
   k(".trigger")
 ], M.prototype, "_triggerEl");
-E([
+z([
   k(".panel")
 ], M.prototype, "_panelEl");
-E([
+z([
   k("anduin-input")
 ], M.prototype, "_searchEl");
 customElements.get("anduin-dropdown") || customElements.define("anduin-dropdown", M);
@@ -6328,35 +6407,35 @@ Te.styles = g`
       border-top: 1px solid var(--color-border);
     }
   `;
-let G = Te;
+let K = Te;
 c1([
   s({ type: Boolean, reflect: !0 })
-], G.prototype, "open");
+], K.prototype, "open");
 c1([
   s()
-], G.prototype, "heading");
+], K.prototype, "heading");
 c1([
   s({ type: Boolean, attribute: "hide-header" })
-], G.prototype, "hideHeader");
+], K.prototype, "hideHeader");
 c1([
   s({ type: Boolean, attribute: "hide-footer" })
-], G.prototype, "hideFooter");
+], K.prototype, "hideFooter");
 c1([
   s({ attribute: "default-width" })
-], G.prototype, "defaultWidth");
+], K.prototype, "defaultWidth");
 c1([
   s({ reflect: !0 })
-], G.prototype, "placement");
+], K.prototype, "placement");
 c1([
   s({ type: Boolean, attribute: "allow-interact-outside" })
-], G.prototype, "allowInteractOutside");
+], K.prototype, "allowInteractOutside");
 c1([
   b()
-], G.prototype, "_leaving");
+], K.prototype, "_leaving");
 c1([
   b()
-], G.prototype, "_width");
-customElements.get("anduin-drawer") || customElements.define("anduin-drawer", G);
+], K.prototype, "_width");
+customElements.get("anduin-drawer") || customElements.define("anduin-drawer", K);
 class w7 extends HTMLElement {
   constructor() {
     super(...arguments), this._onClick = () => {
@@ -6373,7 +6452,7 @@ class w7 extends HTMLElement {
   }
 }
 customElements.get("anduin-drawer-close") || customElements.define("anduin-drawer-close", w7);
-var M7 = Object.defineProperty, z = (r, e, t, o) => {
+var M7 = Object.defineProperty, S = (r, e, t, o) => {
   for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && M7(e, t, i), i;
@@ -6665,58 +6744,58 @@ Ne.styles = g`
     }
   `;
 let Z = Ne;
-z([
+S([
   s()
 ], Z.prototype, "value");
-z([
+S([
   s()
 ], Z.prototype, "size");
-z([
+S([
   s({ type: Boolean })
 ], Z.prototype, "disabled");
-z([
+S([
   s({ type: Boolean })
 ], Z.prototype, "readonly");
-z([
+S([
   s()
 ], Z.prototype, "placeholder");
-z([
+S([
   s()
 ], Z.prototype, "inputid");
-z([
+S([
   s()
 ], Z.prototype, "status");
-z([
+S([
   s({ attribute: "start-icon" })
 ], Z.prototype, "startIcon");
-z([
+S([
   s({ attribute: "end-icon" })
 ], Z.prototype, "endIcon");
-z([
+S([
   s({ type: Boolean })
 ], Z.prototype, "clearable");
-z([
+S([
   s({ attribute: !1 })
 ], Z.prototype, "suggestions");
-z([
+S([
   s({ type: Boolean })
 ], Z.prototype, "filter");
-z([
+S([
   s({ type: Boolean, attribute: "hide-when-empty" })
 ], Z.prototype, "hideWhenEmpty");
-z([
+S([
   s({ attribute: "empty-text" })
 ], Z.prototype, "emptyText");
-z([
+S([
   b()
 ], Z.prototype, "_open");
-z([
+S([
   b()
 ], Z.prototype, "_activeIndex");
-z([
+S([
   k("input")
 ], Z.prototype, "_inputEl");
-z([
+S([
   k(".panel")
 ], Z.prototype, "_panelEl");
 customElements.get("anduin-suggestion") || customElements.define("anduin-suggestion", Z);
@@ -7001,10 +7080,10 @@ Ge.styles = g`
     }
     .panel-group--vertical { flex-direction: column; }
   `;
-let I2 = Ge;
+let O2 = Ge;
 P1([
   s({ reflect: !0 })
-], I2.prototype, "orientation");
+], O2.prototype, "orientation");
 const Ke = class Ke extends h {
   constructor() {
     super(...arguments), this.defaultSize = "", this.minSize = "", this.maxSize = "", this.applied = !1;
@@ -7178,7 +7257,7 @@ P1([
 P1([
   b()
 ], Y1.prototype, "dragging");
-customElements.get("anduin-resizable-panel-group") || customElements.define("anduin-resizable-panel-group", I2);
+customElements.get("anduin-resizable-panel-group") || customElements.define("anduin-resizable-panel-group", O2);
 customElements.get("anduin-resizable-panel") || customElements.define("anduin-resizable-panel", W1);
 customElements.get("anduin-resizable-handle") || customElements.define("anduin-resizable-handle", Y1);
 var S7 = Object.defineProperty, X1 = (r, e, t, o) => {
@@ -7761,10 +7840,10 @@ r4.styles = g`
       border-bottom: 1px solid var(--color-border);
     }
   `;
-let O2 = r4;
+let I2 = r4;
 B1([
   s({ type: Boolean, reflect: !0 })
-], O2.prototype, "divider");
+], I2.prototype, "divider");
 const l4 = class l4 extends h {
   constructor() {
     super(...arguments), this.divider = !1;
@@ -8077,7 +8156,7 @@ p4.styles = g`
 let F5 = p4;
 customElements.get("anduin-sidebar") || customElements.define("anduin-sidebar", E5);
 customElements.get("anduin-sidebar-content") || customElements.define("anduin-sidebar-content", z5);
-customElements.get("anduin-sidebar-header") || customElements.define("anduin-sidebar-header", O2);
+customElements.get("anduin-sidebar-header") || customElements.define("anduin-sidebar-header", I2);
 customElements.get("anduin-sidebar-footer") || customElements.define("anduin-sidebar-footer", T2);
 customElements.get("anduin-sidebar-group") || customElements.define("anduin-sidebar-group", S5);
 customElements.get("anduin-sidebar-group-label") || customElements.define("anduin-sidebar-group-label", A5);
@@ -8086,7 +8165,7 @@ customElements.get("anduin-sidebar-menu-item") || customElements.define("anduin-
 customElements.get("anduin-sidebar-action") || customElements.define("anduin-sidebar-action", P5);
 customElements.get("anduin-sidebar-badge") || customElements.define("anduin-sidebar-badge", B5);
 customElements.get("anduin-sidebar-separator") || customElements.define("anduin-sidebar-separator", F5);
-function P(r) {
+function B(r) {
   if (!r) return null;
   const e = /^(\d{4})-(\d{1,2})-(\d{1,2})$/.exec(r.trim());
   if (!e) return null;
@@ -8097,7 +8176,7 @@ function x1(r) {
   const e = (t) => String(t).padStart(2, "0");
   return `${r.getFullYear()}-${e(r.getMonth() + 1)}-${e(r.getDate())}`;
 }
-function O1() {
+function I1() {
   const r = /* @__PURE__ */ new Date();
   return new Date(r.getFullYear(), r.getMonth(), r.getDate());
 }
@@ -8105,15 +8184,15 @@ function u1(r, e) {
   const t = r.getFullYear(), o = r.getMonth() + e, i = new Date(t, o + 1, 0).getDate();
   return new Date(t, o, Math.min(r.getDate(), i));
 }
-function I7(r, e) {
+function O7(r, e) {
   return new Date(r, e + 1, 0).getDate();
 }
-var O7 = Object.defineProperty, i1 = (r, e, t, o) => {
+var I7 = Object.defineProperty, i1 = (r, e, t, o) => {
   for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
     (l = r[n]) && (i = l(e, t, i) || i);
-  return i && O7(e, t, i), i;
+  return i && I7(e, t, i), i;
 };
-const Z2 = "anduin-calendar:change", I5 = "anduin-calendar:day-hover", q4 = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], X4 = [
+const Z2 = "anduin-calendar:change", O5 = "anduin-calendar:day-hover", q4 = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], X4 = [
   "January",
   "February",
   "March",
@@ -8136,7 +8215,7 @@ function N7(r) {
 }
 const h4 = class h4 extends h {
   constructor() {
-    super(...arguments), this.value = "", this.minDate = "", this.maxDate = "", this.rangeStart = "", this.rangeEnd = "", this.rangeMode = !1, this._viewMonth = O1().getMonth(), this._viewYear = O1().getFullYear(), this._focus = "", this._openSelect = null, this._viewSeeded = !1, this._pendingFocus = !1, this._onOutsideClick = (e) => {
+    super(...arguments), this.value = "", this.minDate = "", this.maxDate = "", this.rangeStart = "", this.rangeEnd = "", this.rangeMode = !1, this._viewMonth = I1().getMonth(), this._viewYear = I1().getFullYear(), this._focus = "", this._openSelect = null, this._viewSeeded = !1, this._pendingFocus = !1, this._onOutsideClick = (e) => {
       this._openSelect && !e.composedPath().includes(this) && (this._openSelect = null);
     };
   }
@@ -8148,11 +8227,11 @@ const h4 = class h4 extends h {
   }
   willUpdate(e) {
     if (e.has("value")) {
-      const t = P(this.value);
+      const t = B(this.value);
       if (t)
         this._viewYear = t.getFullYear(), this._viewMonth = t.getMonth(), this._viewSeeded = !0;
       else if (!this._viewSeeded) {
-        const o = O1();
+        const o = I1();
         this._viewYear = o.getFullYear(), this._viewMonth = o.getMonth();
       }
     }
@@ -8166,10 +8245,10 @@ const h4 = class h4 extends h {
   }
   // ── Constraints ─────────────────────────────────────────────────
   get _min() {
-    return P(this.minDate);
+    return B(this.minDate);
   }
   get _max() {
-    return P(this.maxDate);
+    return B(this.maxDate);
   }
   _isDisabled(e) {
     const t = this._min, o = this._max;
@@ -8191,7 +8270,7 @@ const h4 = class h4 extends h {
     this._isDisabled(o) || (this._focus = x1(o), (o.getMonth() !== e.getMonth() || o.getFullYear() !== e.getFullYear()) && (this._viewYear = o.getFullYear(), this._viewMonth = o.getMonth(), this._viewSeeded = !0), this._pendingFocus = !0);
   }
   _onGridKeyDown(e) {
-    const t = P(this._focus) ?? this._defaultFocusDate();
+    const t = B(this._focus) ?? this._defaultFocusDate();
     switch (e.key) {
       // Shift turns the horizontal arrows into month steps and the vertical
       // ones into year steps.
@@ -8234,17 +8313,17 @@ const h4 = class h4 extends h {
     this.value = t, this._focus = t, this.dispatchEvent(new CustomEvent(Z2, { detail: t, bubbles: !0, composed: !0 }));
   }
   _emitHover(e) {
-    this.dispatchEvent(new CustomEvent(I5, { detail: e, bubbles: !0, composed: !0 }));
+    this.dispatchEvent(new CustomEvent(O5, { detail: e, bubbles: !0, composed: !0 }));
   }
   /** The day that owns `tabindex="0"` when nothing has been focused yet. */
   _defaultFocusDate() {
-    const e = P(this._focus);
+    const e = B(this._focus);
     if (e && e.getMonth() === this._viewMonth && e.getFullYear() === this._viewYear)
       return e;
-    const t = P(this.value);
+    const t = B(this.value);
     if (t && t.getMonth() === this._viewMonth && t.getFullYear() === this._viewYear)
       return t;
-    const o = O1();
+    const o = I1();
     return o.getMonth() === this._viewMonth && o.getFullYear() === this._viewYear ? o : this._clamp(new Date(this._viewYear, this._viewMonth, 1));
   }
   // ── Month / year pickers ────────────────────────────────────────
@@ -8293,7 +8372,7 @@ const h4 = class h4 extends h {
   }
   // ── Render ──────────────────────────────────────────────────────
   render() {
-    const e = x1(O1()), t = P(this.value), o = P(this.rangeStart), i = P(this.rangeEnd), n = this.rangeMode || !!(o || i), l = x1(this._defaultFocusDate()), d = new Date(this._viewYear, this._viewMonth, 1), c = new Date(this._viewYear, this._viewMonth + 1, 0).getDate(), C = d.getDay(), p = [
+    const e = x1(I1()), t = B(this.value), o = B(this.rangeStart), i = B(this.rangeEnd), n = this.rangeMode || !!(o || i), l = x1(this._defaultFocusDate()), d = new Date(this._viewYear, this._viewMonth, 1), c = new Date(this._viewYear, this._viewMonth + 1, 0).getDate(), C = d.getDay(), p = [
       ...Array.from({ length: C }, () => null),
       ...Array.from({ length: c }, (y, v) => v + 1)
     ];
@@ -8363,7 +8442,7 @@ const h4 = class h4 extends h {
               <tr>
                 ${y.map((v) => {
       if (v === null) return a`<td class="calendar__day-cell"></td>`;
-      const x = new Date(this._viewYear, this._viewMonth, v), w = x1(x), D = x.getTime(), K = this._isDisabled(x), Q1 = !!o && D === o.getTime(), o1 = !!i && D === i.getTime(), H4 = !!o && !!i && D > o.getTime() && D < i.getTime(), _4 = !n && !!t && D === t.getTime(), E3 = [
+      const x = new Date(this._viewYear, this._viewMonth, v), w = x1(x), P = x.getTime(), W = this._isDisabled(x), Q1 = !!o && P === o.getTime(), o1 = !!i && P === i.getTime(), H4 = !!o && !!i && P > o.getTime() && P < i.getTime(), _4 = !n && !!t && P === t.getTime(), E3 = [
         "calendar__day-cell",
         H4 ? "calendar__day-cell--in-range" : "",
         // Only tint the edge cell when it actually opens a span —
@@ -8377,7 +8456,7 @@ const h4 = class h4 extends h {
         Q1 ? "calendar__day-button--range-start" : "",
         o1 ? "calendar__day-button--range-end" : "",
         H4 ? "calendar__day-button--in-range" : "",
-        K ? "calendar__day-button--disabled" : ""
+        W ? "calendar__day-button--disabled" : ""
       ].filter(Boolean).join(" ");
       return a`
                     <td
@@ -8389,14 +8468,14 @@ const h4 = class h4 extends h {
                         type="button"
                         class="${z3}"
                         part="day"
-                        aria-disabled="${K}"
+                        aria-disabled="${W}"
                         aria-label="${J4[x.getDay()]}, ${X4[x.getMonth()]} ${N7(v)}, ${x.getFullYear()}"
                         tabindex="${w === l ? 0 : -1}"
                         @click=${() => {
-        K || this._pick(x);
+        W || this._pick(x);
       }}
                         @mouseenter=${() => {
-        K || this._emitHover(w);
+        W || this._emitHover(w);
       }}
                       >${v}</button>
                     </td>
@@ -8505,38 +8584,38 @@ h4.styles = g`
     .calendar__day-button--in-range { color: var(--color-primary-subtle-foreground); }
     .calendar__day-button--in-range:hover { background-color: var(--color-primary-subtle-active); }
   `;
-let j = h4;
+let U = h4;
 i1([
   s({ reflect: !0 })
-], j.prototype, "value");
+], U.prototype, "value");
 i1([
   s({ attribute: "min-date" })
-], j.prototype, "minDate");
+], U.prototype, "minDate");
 i1([
   s({ attribute: "max-date" })
-], j.prototype, "maxDate");
+], U.prototype, "maxDate");
 i1([
   s({ attribute: "range-start" })
-], j.prototype, "rangeStart");
+], U.prototype, "rangeStart");
 i1([
   s({ attribute: "range-end" })
-], j.prototype, "rangeEnd");
+], U.prototype, "rangeEnd");
 i1([
   s({ type: Boolean, attribute: "range-mode" })
-], j.prototype, "rangeMode");
+], U.prototype, "rangeMode");
 i1([
   b()
-], j.prototype, "_viewMonth");
+], U.prototype, "_viewMonth");
 i1([
   b()
-], j.prototype, "_viewYear");
+], U.prototype, "_viewYear");
 i1([
   b()
-], j.prototype, "_focus");
+], U.prototype, "_focus");
 i1([
   b()
-], j.prototype, "_openSelect");
-customElements.get("anduin-calendar") || customElements.define("anduin-calendar", j);
+], U.prototype, "_openSelect");
+customElements.get("anduin-calendar") || customElements.define("anduin-calendar", U);
 var j7 = Object.defineProperty, J1 = (r, e, t, o) => {
   for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
     (l = r[n]) && (i = l(e, t, i) || i);
@@ -8547,7 +8626,7 @@ const U7 = "anduin-date-range:change", g4 = class g4 extends h {
     super(...arguments), this.startDate = "", this.endDate = "", this.minDate = "", this.maxDate = "", this._anchor = null, this._hover = null, this._panels = /* @__PURE__ */ new Map(), this._pushedValue = /* @__PURE__ */ new Map(), this._onCalendarChange = (e) => {
       e.stopPropagation();
       const t = e.detail;
-      if (!P(t)) return;
+      if (!B(t)) return;
       if (this._anchor === null) {
         this._anchor = t, this._hover = null;
         return;
@@ -8563,10 +8642,10 @@ const U7 = "anduin-date-range:change", g4 = class g4 extends h {
     };
   }
   connectedCallback() {
-    super.connectedCallback(), this.addEventListener(Z2, this._onCalendarChange), this.addEventListener(I5, this._onCalendarHover);
+    super.connectedCallback(), this.addEventListener(Z2, this._onCalendarChange), this.addEventListener(O5, this._onCalendarHover);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener(Z2, this._onCalendarChange), this.removeEventListener(I5, this._onCalendarHover);
+    super.disconnectedCallback(), this.removeEventListener(Z2, this._onCalendarChange), this.removeEventListener(O5, this._onCalendarHover);
   }
   updated() {
     this._sync();
@@ -8594,7 +8673,7 @@ const U7 = "anduin-date-range:change", g4 = class g4 extends h {
   /** Which month each panel opens on: the start date on the left, the month
    *  after it on the right. Falls back to today when there's no range yet. */
   _panelValue(e) {
-    const t = P(this.startDate) ?? O1();
+    const t = B(this.startDate) ?? I1();
     return x1(e === "start" ? t : u1(t, 1));
   }
   /** The range the calendars should paint — the live preview while selecting,
@@ -8606,7 +8685,7 @@ const U7 = "anduin-date-range:change", g4 = class g4 extends h {
     return [e, t];
   }
   _sorted(e, t) {
-    const o = P(e), i = P(t);
+    const o = B(e), i = B(t);
     return !o || !i ? [e, t] : o.getTime() <= i.getTime() ? [e, t] : [t, e];
   }
   render() {
@@ -8693,12 +8772,12 @@ v4.styles = g`
 
     .date-range-default { display: flex; flex-direction: row; gap: 16px; }
   `;
-let O5 = v4;
+let I5 = v4;
 customElements.get("anduin-date-range") || customElements.define("anduin-date-range", t1);
-customElements.get("anduin-date-range-default") || customElements.define("anduin-date-range-default", O5);
+customElements.get("anduin-date-range-default") || customElements.define("anduin-date-range-default", I5);
 customElements.get("anduin-date-range-start") || customElements.define("anduin-date-range-start", G7);
 customElements.get("anduin-date-range-end") || customElements.define("anduin-date-range-end", K7);
-var W7 = Object.defineProperty, T = (r, e, t, o) => {
+var W7 = Object.defineProperty, N = (r, e, t, o) => {
   for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && W7(e, t, i), i;
@@ -8791,11 +8870,11 @@ const i2 = 1, G2 = class G2 extends h {
    * carries a full date — a partial format like `MM/dd` has no year to compare.
    */
   _clampToBounds(e) {
-    const t = P(this.minDate), o = P(this.maxDate);
+    const t = B(this.minDate), o = B(this.maxDate);
     if (!t && !o) return e;
     const i = this._indexOfType("month"), n = this._indexOfType("day"), l = this._indexOfType("year");
     if (i < 0 || n < 0 || l < 0) return e;
-    const d = Number(e[l]), c = Number(e[i]), C = Number(e[n]), p = Math.min(C, I7(d, c - 1)), f = new Date(d, c - 1, p), H = t && f.getTime() < t.getTime() ? t : o && f.getTime() > o.getTime() ? o : null;
+    const d = Number(e[l]), c = Number(e[i]), C = Number(e[n]), p = Math.min(C, O7(d, c - 1)), f = new Date(d, c - 1, p), H = t && f.getTime() < t.getTime() ? t : o && f.getTime() > o.getTime() ? o : null;
     if (!H) {
       if (p === C) return e;
       const V = [...e];
@@ -8991,51 +9070,51 @@ G2.shadowRootOptions = { ...h.shadowRootOptions, delegatesFocus: !0 }, G2.styles
     .date-input--warning  { border-color: var(--color-warning-active); }
     .date-input--loading  { border-color: var(--color-input); }
   `;
-let S = G2;
-T([
+let A = G2;
+N([
   s()
-], S.prototype, "format");
-T([
+], A.prototype, "format");
+N([
   s()
-], S.prototype, "value");
-T([
+], A.prototype, "value");
+N([
   s()
-], S.prototype, "size");
-T([
+], A.prototype, "size");
+N([
   s({ type: Boolean })
-], S.prototype, "disabled");
-T([
+], A.prototype, "disabled");
+N([
   s({ type: Boolean })
-], S.prototype, "readonly");
-T([
+], A.prototype, "readonly");
+N([
   s()
-], S.prototype, "status");
-T([
+], A.prototype, "status");
+N([
   s({ attribute: "start-icon" })
-], S.prototype, "startIcon");
-T([
+], A.prototype, "startIcon");
+N([
   s({ attribute: "min-date" })
-], S.prototype, "minDate");
-T([
+], A.prototype, "minDate");
+N([
   s({ attribute: "max-date" })
-], S.prototype, "maxDate");
-T([
+], A.prototype, "maxDate");
+N([
   s()
-], S.prototype, "inputid");
-T([
+], A.prototype, "inputid");
+N([
   b()
-], S.prototype, "_digits");
-T([
+], A.prototype, "_digits");
+N([
   b()
-], S.prototype, "_active");
-T([
+], A.prototype, "_active");
+N([
   b()
-], S.prototype, "_buffer");
-T([
+], A.prototype, "_buffer");
+N([
   k("input")
-], S.prototype, "_inputEl");
-customElements.get("anduin-date-input") || customElements.define("anduin-date-input", S);
-var q7 = Object.defineProperty, N = (r, e, t, o) => {
+], A.prototype, "_inputEl");
+customElements.get("anduin-date-input") || customElements.define("anduin-date-input", A);
+var q7 = Object.defineProperty, j = (r, e, t, o) => {
   for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
     (l = r[n]) && (i = l(e, t, i) || i);
   return i && q7(e, t, i), i;
@@ -9090,7 +9169,7 @@ const b4 = class b4 extends h {
       e.stopPropagation(), this._emit(e.detail);
     }, this._onCalendarChange = (e) => {
       e.stopPropagation();
-      const t = P(e.detail);
+      const t = B(e.detail);
       t && (this._emit(Q7(t, this.format)), this._closePopover());
     }, this._onKeyDown = (e) => {
       var t;
@@ -9168,50 +9247,50 @@ b4.styles = g`
     /* The popover contributes 8px; the calendar reads better with 16px total. */
     .datepicker__panel { padding: 8px; display: flex; flex-direction: column; }
   `;
-let A = b4;
-N([
+let D = b4;
+j([
   s()
-], A.prototype, "format");
-N([
+], D.prototype, "format");
+j([
   s()
-], A.prototype, "value");
-N([
+], D.prototype, "value");
+j([
   s()
-], A.prototype, "size");
-N([
+], D.prototype, "size");
+j([
   s({ type: Boolean })
-], A.prototype, "disabled");
-N([
+], D.prototype, "disabled");
+j([
   s({ type: Boolean })
-], A.prototype, "readonly");
-N([
+], D.prototype, "readonly");
+j([
   s()
-], A.prototype, "status");
-N([
+], D.prototype, "status");
+j([
   s({ attribute: "start-icon" })
-], A.prototype, "startIcon");
-N([
+], D.prototype, "startIcon");
+j([
   s({ attribute: "min-date" })
-], A.prototype, "minDate");
-N([
+], D.prototype, "minDate");
+j([
   s({ attribute: "max-date" })
-], A.prototype, "maxDate");
-N([
+], D.prototype, "maxDate");
+j([
   s()
-], A.prototype, "placement");
-N([
+], D.prototype, "placement");
+j([
   s()
-], A.prototype, "inputid");
-N([
+], D.prototype, "inputid");
+j([
   b()
-], A.prototype, "_open");
-N([
+], D.prototype, "_open");
+j([
   k("anduin-date-input")
-], A.prototype, "_inputEl");
-N([
+], D.prototype, "_inputEl");
+j([
   k("anduin-popover")
-], A.prototype, "_popoverEl");
-customElements.get("anduin-date-picker") || customElements.define("anduin-date-picker", A);
+], D.prototype, "_popoverEl");
+customElements.get("anduin-date-picker") || customElements.define("anduin-date-picker", D);
 var e0 = Object.defineProperty, L = (r, e, t, o) => {
   for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
     (l = r[n]) && (i = l(e, t, i) || i);
@@ -9643,17 +9722,17 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
           ></span>
         ` : u;
     if (n1(e)) {
-      const v = this.renderSelectableRows, x = this.renderSelectedKeys, w = v.filter((o1) => x.has(o1.key)).length, D = v.length > 0 && w === v.length, K = w > 0 && !D, Q1 = e.renderHeader ? e.renderHeader({
-        areAllRowsSelected: D,
+      const v = this.renderSelectableRows, x = this.renderSelectedKeys, w = v.filter((o1) => x.has(o1.key)).length, P = v.length > 0 && w === v.length, W = w > 0 && !P, Q1 = e.renderHeader ? e.renderHeader({
+        areAllRowsSelected: P,
         hasSelectedRow: w > 0,
         onChange: (o1) => this.toggleAllRows(o1)
       }) : a`
             <anduin-checkbox
-              .checked=${D}
-              .indeterminate=${K}
-              aria-label="${D ? "Deselect all rows" : "Select all rows"}"
+              .checked=${P}
+              .indeterminate=${W}
+              aria-label="${P ? "Deselect all rows" : "Select all rows"}"
               @anduin-checkbox:change=${(o1) => {
-        o1.stopPropagation(), this.toggleAllRows(!D);
+        o1.stopPropagation(), this.toggleAllRows(!P);
       }}
             ></anduin-checkbox>
           `;
@@ -10343,8 +10422,8 @@ customElements.get("anduin-table") || customElements.define("anduin-table", _);
 export {
   A5 as $,
   N1 as A,
-  R as B,
-  I as C,
+  $ as B,
+  R as C,
   P2 as D,
   $1 as E,
   G1 as F,
@@ -10362,7 +10441,7 @@ export {
   K1 as R,
   Y1 as S,
   W1 as T,
-  I2 as U,
+  O2 as U,
   E5 as V,
   P5 as W,
   B5 as X,
@@ -10371,7 +10450,7 @@ export {
   S5 as _,
   e1 as a,
   l5 as a$,
-  O2 as a0,
+  I2 as a0,
   D5 as a1,
   _1 as a2,
   F5 as a3,
@@ -10414,7 +10493,7 @@ export {
   y2 as ad,
   U1 as ae,
   h5 as af,
-  W as ag,
+  Y as ag,
   w5 as ah,
   Z5 as ai,
   R5 as aj,
@@ -10432,7 +10511,7 @@ export {
   f5 as av,
   h3 as aw,
   Z2 as ax,
-  I5 as ay,
+  O5 as ay,
   xt as az,
   S2 as b,
   k7 as b0,
@@ -10450,7 +10529,7 @@ export {
   Ft as bc,
   w3 as bd,
   W2 as be,
-  Ot as bf,
+  It as bf,
   Pt as bg,
   Ut as bh,
   Gt as bi,
@@ -10467,25 +10546,25 @@ export {
   u1 as bt,
   x1 as bu,
   g3 as bv,
-  P as bw,
+  B as bw,
   g7 as bx,
-  O1 as by,
+  I1 as by,
   p0 as bz,
   v2 as c,
-  $ as d,
-  j as e,
+  E as d,
+  U as e,
   A2 as f,
   v1 as g,
-  S as h,
-  A as i,
+  A as h,
+  D as i,
   t1 as j,
-  O5 as k,
+  I5 as k,
   K7 as l,
   N2 as m,
   G7 as n,
   b2 as o,
   D2 as p,
-  G as q,
+  K as q,
   w7 as r,
   M as s,
   B2 as t,