@duyluonganduin/acl-web-components 0.0.38 → 0.0.40

package/dist/acl-web-components.js

@@ -1,4 +1,4 @@
-import { A as c, a as l, b as r, c as i, d as e, e as p, f as t, g as d, h as u, i as g, j as A, k as x, l as E, m as h, n as k, o as T, p as _, q as C, r as m, s as O, t as I, u as G, v as L, w as y, x as N, y as S, z as R, B as P, C as D, D as w, E as b, F as U, G as H, H as f, I as M, J as z, K as B, L as F, M as v, N as V, O as K, P as W, Q as X, R as Y, S as j, T as q, U as Z, V as J, W as Q, X as $, Y as aa, Z as oa, _ as na, $ as sa, a0 as ca, a1 as la, a2 as ra, a3 as ia, a4 as ea, a5 as pa, a6 as ta, a7 as da, a8 as ua, a9 as ga, aa as Aa, ab as xa, ac as Ea, ad as ha, ae as ka, af as Ta, ag as _a, ah as Ca, ai as ma, aj as Oa, ak as Ia, al as Ga, am as La, an as ya, ao as Na, ap as Sa, aq as Ra, ar as Pa, as as Da, at as wa, au as ba, av as Ua, aw as Ha, ax as fa, ay as Ma, az as za, aA as Ba, aB as Fa, aC as va, aD as Va, aE as Ka, aF as Wa, aG as Xa, aH as Ya } from "./anduin-resizable-Griur1k4.js";
+import { A as c, a as l, b as r, c as i, d as e, e as p, f as t, g as d, h as u, i as g, j as A, k as x, l as E, m as h, n as k, o as T, p as _, q as C, r as m, s as O, t as I, u as G, v as L, w as y, x as N, y as S, z as R, B as P, C as D, D as w, E as b, F as U, G as H, H as f, I as M, J as z, K as B, L as F, M as v, N as V, O as K, P as W, Q as X, R as Y, S as j, T as q, U as Z, V as J, W as Q, X as $, Y as aa, Z as oa, _ as na, $ as sa, a0 as ca, a1 as la, a2 as ra, a3 as ia, a4 as ea, a5 as pa, a6 as ta, a7 as da, a8 as ua, a9 as ga, aa as Aa, ab as xa, ac as Ea, ad as ha, ae as ka, af as Ta, ag as _a, ah as Ca, ai as ma, aj as Oa, ak as Ia, al as Ga, am as La, an as ya, ao as Na, ap as Sa, aq as Ra, ar as Pa, as as Da, at as wa, au as ba, av as Ua, aw as Ha, ax as fa, ay as Ma, az as za, aA as Ba, aB as Fa, aC as va, aD as Va, aE as Ka, aF as Wa, aG as Xa, aH as Ya } from "./anduin-resizable-2JzM-nGd.js";
 const o = ':root{--color-gray-0: oklch(1 0 0);--color-gray-1: oklch(.9846 .0017 247.84);--color-gray-2: oklch(.9515 .0046 258.32);--color-gray-3: oklch(.9336 .0058 264.53);--color-gray-4: oklch(.8618 .0141 258.35);--color-gray-5: oklch(.7073 .0268 263.28);--color-gray-6: oklch(.6528 .0316 266.24);--color-gray-7: oklch(.5371 .0337 264.24);--color-gray-8: oklch(.3544 .0326 260.94);--color-gray-9: oklch(.2776 .0341 255.81);--color-danger-1: oklch(.9437 .0174 17.47);--color-danger-2: oklch(.8643 .0573 18.32);--color-danger-3: oklch(.712 .1517 21.64);--color-danger-4: oklch(.5948 .2165 26.91);--color-danger-5: oklch(.531 .2147 28.91);--color-primary-1: oklch(.9474 .0256 221.57);--color-primary-2: oklch(.8652 .066 236.86);--color-primary-3: oklch(.7219 .1335 240.15);--color-primary-4: oklch(.5679 .1784 254.76);--color-primary-5: oklch(.4682 .1548 255.23);--color-success-1: oklch(.9276 .0541 150.91);--color-success-2: oklch(.8592 .1078 149.75);--color-success-3: oklch(.6953 .1711 149.14);--color-success-4: oklch(.6149 .1634 148.21);--color-success-5: oklch(.5075 .136 146.46);--color-warning-1: oklch(.9549 .0496 88.08);--color-warning-2: oklch(.912 .0811 83.56);--color-warning-3: oklch(.8282 .1628 78.73);--color-warning-4: oklch(.7325 .1512 75.97);--color-warning-5: oklch(.5329 .1098 82);--color-semantic-gray-0: oklch(1 0 0);--color-semantic-gray-1: oklch(.9846 .0017 247.84);--color-semantic-gray-2: oklch(.9515 .0046 258.32);--color-semantic-gray-3: oklch(.9336 .0058 264.53);--color-semantic-gray-4: oklch(.8618 .0141 258.35);--color-semantic-gray-5: oklch(.7073 .0268 263.28);--color-semantic-gray-6: oklch(.6528 .0316 266.24);--color-semantic-gray-7: oklch(.5371 .0337 264.24);--color-semantic-gray-8: oklch(.3544 .0326 260.94);--color-semantic-gray-9: oklch(.2776 .0341 255.81);--color-semantic-danger-1: oklch(.9437 .0174 17.47);--color-semantic-danger-2: oklch(.8643 .0573 18.32);--color-semantic-danger-3: oklch(.712 .1517 21.64);--color-semantic-danger-4: oklch(.5948 .2165 26.91);--color-semantic-danger-5: oklch(.531 .2147 28.91);--color-semantic-primary-1: oklch(.9474 .0256 221.57);--color-semantic-primary-2: oklch(.8652 .066 236.86);--color-semantic-primary-3: oklch(.7219 .1335 240.15);--color-semantic-primary-4: oklch(.5679 .1784 254.76);--color-semantic-primary-5: oklch(.4682 .1548 255.23);--color-semantic-success-1: oklch(.9276 .0541 150.91);--color-semantic-success-2: oklch(.8592 .1078 149.75);--color-semantic-success-3: oklch(.6953 .1711 149.14);--color-semantic-success-4: oklch(.6149 .1634 148.21);--color-semantic-success-5: oklch(.5075 .136 146.46);--color-semantic-warning-1: oklch(.9549 .0496 88.08);--color-semantic-warning-2: oklch(.912 .0811 83.56);--color-semantic-warning-3: oklch(.8282 .1628 78.73);--color-semantic-warning-4: oklch(.7325 .1512 75.97);--color-semantic-warning-5: oklch(.5329 .1098 82);--color-purple-50: oklch(.9676 .016 286.1);--color-purple-100: oklch(.9434 .0255 288.32);--color-purple-200: oklch(.8927 .0519 287.71);--color-purple-300: oklch(.81 .0925 287.61);--color-purple-400: oklch(.7048 .1478 287.77);--color-purple-500: oklch(.5961 .2043 286.53);--color-purple-600: oklch(.5316 .2303 286.64);--color-purple-700: oklch(.471 .2307 285.3);--color-purple-800: oklch(.4148 .2014 285.43);--color-purple-900: oklch(.3654 .17 286.37);--color-purple-950: oklch(.2734 .1288 284.42);--color-white: var(--color-gray-0);--font-sans: system-ui, -apple-system, Roboto, Oxygen, Cantarell, Ubuntu, "Segoe UI", sans-serif;--font-mono: monospace;--text-9: 9px;--text-10: 10px;--text-11: 11px;--text-12: 12px;--text-13: 13px;--text-15: 15px;--text-17: 17px;--text-20: 20px;--text-23: 23px;--text-26: 26px;--text-30: 30px;--text-35: 35px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--leading-16: 16px;--leading-20: 20px;--leading-24: 24px;--leading-28: 28px;--leading-32: 32px;--leading-40: 40px;--leading-44: 44px;--leading-r1p5: 1.5;--radius-0: 0;--radius-2: 2px;--radius-3: 3px;--radius-4: 4px;--radius-6: 6px;--radius-8: 8px;--radius-12: 12px;--radius-16: 16px;--radius-20: 20px;--radius-24: 24px;--radius-full: 9999px;--shadow-1: 0px 1px 2px rgba(29, 41, 57, .07);--shadow-2: 0px 1px 2px rgba(29, 41, 57, .04), 0px 2px 8px rgba(29, 41, 57, .08);--shadow-3: 0px 2px 8px rgba(29, 41, 57, .08), 0px 8px 24px rgba(29, 41, 57, .12);--shadow-4: 0px 4px 8px rgba(29, 41, 57, .08), 0px 16px 48px rgba(29, 41, 57, .16);--spacing-px: 1px;--spacing-0: 0;--spacing-2: 2px;--spacing-4: 4px;--spacing-6: 6px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-28: 28px;--spacing-32: 32px;--spacing-40: 40px;--spacing-48: 48px;--spacing-56: 56px;--spacing-64: 64px;--spacing-128: 128px;--spacing-256: 256px;--z-0: 0;--z-1: 1;--z-2: 2;--z-3: 3;--z-4: 4;--z-5: 5;--z-999: 999;--z-9999: 9999}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--text-13)}';
 if (typeof document < "u" && !document.getElementById("acl-tokens")) {
   const a = document.createElement("style");

package/dist/{anduin-resizable-Griur1k4.js → anduin-resizable-2JzM-nGd.js}

@@ -774,6 +774,14 @@ const K5 = {
   alignmentRight: [{ d: "M13.5 1.75C13.5 1.33579 13.8358 1 14.25 1C14.6642 1 15 1.33579 15 1.75V14.25C15 14.6642 14.6642 15 14.25 15C13.8358 15 13.5 14.6642 13.5 14.25V1.75ZM1 5C1 4.44772 1.44772 4 2 4H11C11.5523 4 12 4.44772 12 5V6C12 6.55228 11.5523 7 11 7H2C1.44771 7 1 6.55228 1 6V5ZM6 9C5.44772 9 5 9.44771 5 10V11C5 11.5523 5.44772 12 6 12H11C11.5523 12 12 11.5523 12 11V10C12 9.44772 11.5523 9 11 9H6Z", fillRule: "evenodd", clipRule: "evenodd" }],
   alignmentTop: [{ d: "M1 1.75C1 1.33579 1.33579 1 1.75 1H14.25C14.6642 1 15 1.33579 15 1.75C15 2.16421 14.6642 2.5 14.25 2.5H1.75C1.33579 2.5 1 2.16421 1 1.75ZM9 5C9 4.44772 9.44772 4 10 4H11C11.5523 4 12 4.44772 12 5V14C12 14.5523 11.5523 15 11 15H10C9.44771 15 9 14.5523 9 14V5ZM5 4C4.44772 4 4 4.44772 4 5V9C4 9.55228 4.44772 10 5 10H6C6.55228 10 7 9.55228 7 9V5C7 4.44772 6.55228 4 6 4H5Z", fillRule: "evenodd", clipRule: "evenodd" }],
   anduin: [{ d: "M1 13.2L8 2L15 13.2H12.2L10.8 10.96L9.4 13.2H6.6L5.2 10.96L3.8 13.2H1ZM8 6.41L6.67 8.65L8 10.82L9.33 8.65L8 6.41Z", fillRule: "evenodd", clipRule: "evenodd" }],
+  anduinIntelligence: [
+    { d: "M8.84961 15.4883L7.96973 16L7.0918 15.4932L7.08887 12.7217L4.55664 14.0293L2.74902 12.9854L8.84277 9.83789L8.84961 15.4883Z", fillRule: "", clipRule: "" },
+    { d: "M14.9102 11.0088L14.9131 12.0264L14.0352 12.5332L11.6328 11.1494L11.5 13.9971L9.69238 15.041L10.0127 8.18945L14.9102 11.0088Z", fillRule: "", clipRule: "" },
+    { d: "M6.83008 9.64844L1.93945 12.4805L1.05664 11.9736V10.96L3.45605 9.57129L1.05664 8.0332V5.94531L6.83008 9.64844Z", fillRule: "", clipRule: "" },
+    { d: "M14.9434 4.02637V5.04004L12.5439 6.42871L14.9434 7.9668V10.0547L9.16992 6.35156L14.0605 3.51953L14.9434 4.02637Z", fillRule: "", clipRule: "" },
+    { d: "M5.9873 7.81055L1.08984 4.99121L1.08691 3.97363L1.96484 3.4668L4.36719 4.85059L4.5 2.00293L6.30762 0.958984L5.9873 7.81055Z", fillRule: "", clipRule: "" },
+    { d: "M8.9082 0.506836L8.91113 3.27832L11.4434 1.9707L13.251 3.01465L7.15723 6.16211L7.15039 0.511719L8.03027 0L8.9082 0.506836Z", fillRule: "", clipRule: "" }
+  ],
   archive: [{ d: "M1 3C1 2.44772 1.44772 2 2 2H14C14.5523 2 15 2.44772 15 3V4C15 4.55228 14.5523 5 14 5H2C1.44772 5 1 4.55228 1 4V3ZM2 6H14V12C14 13.1046 13.1046 14 12 14H4C2.89543 14 2 13.1046 2 12V6ZM6.75 8C6.33579 8 6 8.33579 6 8.75C6 9.16421 6.33579 9.5 6.75 9.5H9.25C9.66421 9.5 10 9.16421 10 8.75C10 8.33579 9.66421 8 9.25 8H6.75Z", fillRule: "evenodd", clipRule: "evenodd" }],
   arrowDown: [{ d: "M8.54795 14.765C8.40626 14.915 8.20903 15 8.00269 15C7.79634 15 7.59911 14.915 7.45743 14.765L3.20743 10.265C2.92302 9.96383 2.93658 9.48915 3.23772 9.20474C3.53886 8.92033 4.01354 8.93389 4.29795 9.23503L7.25 12.3607V1.75C7.25 1.33579 7.58579 1 8 1C8.41422 1 8.75 1.33579 8.75 1.75V12.3664L11.7074 9.23503C11.9918 8.93389 12.4665 8.92033 12.7677 9.20474C13.0688 9.48915 13.0824 9.96383 12.7979 10.265L8.54795 14.765Z", fillRule: "", clipRule: "" }],
   arrowDownLeft: [{ d: "M9.24792 14.0021C9.66214 14.0021 9.99792 13.6663 9.99792 13.2521C9.99792 12.8379 9.66214 12.5021 9.24792 12.5021H4.55859L13.7803 3.28033C14.0732 2.98744 14.0732 2.51256 13.7803 2.21967C13.4874 1.92678 13.0126 1.92678 12.7197 2.21967L3.49792 11.4414V6.75206C3.49792 6.33785 3.16214 6.00206 2.74792 6.00206C2.33371 6.00206 1.99792 6.33785 1.99792 6.75206V13.2521C1.99792 13.6663 2.33371 14.0021 2.74792 14.0021H9.24792Z", fillRule: "", clipRule: "" }],
@@ -1216,7 +1224,7 @@ a3([
   a()
 ], Q1.prototype, "variant");
 customElements.get("anduin-badge") || customElements.define("anduin-badge", Q1);
-var s3 = Object.defineProperty, b4 = (r, e, t, i) => {
+var s3 = Object.defineProperty, L4 = (r, e, t, i) => {
   for (var o = void 0, l = r.length - 1, n; l >= 0; l--)
     (n = r[l]) && (o = n(e, t, o) || o);
   return o && s3(e, t, o), o;
@@ -1240,10 +1248,10 @@ const U2 = class U2 extends u {
 };
 U2.styles = [V4];
 let B1 = U2;
-b4([
+L4([
   a()
 ], B1.prototype, "variant");
-b4([
+L4([
   a({ type: Number })
 ], B1.prototype, "count");
 customElements.get("anduin-badge-count") || customElements.define("anduin-badge-count", B1);
@@ -1429,53 +1437,53 @@ G2.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 L = G2;
+let b = G2;
 _([
   m()
-], L.prototype, "iconOnly");
+], b.prototype, "iconOnly");
 _([
   a({ converter: (r) => r || "filled" })
-], L.prototype, "appearance");
+], b.prototype, "appearance");
 _([
   a()
-], L.prototype, "variant");
+], b.prototype, "variant");
 _([
   a()
-], L.prototype, "size");
+], b.prototype, "size");
 _([
   a({ type: Boolean })
-], L.prototype, "disabled");
+], b.prototype, "disabled");
 _([
   a({ type: Boolean })
-], L.prototype, "loading");
+], b.prototype, "loading");
 _([
   a({ type: Boolean, attribute: "full-width", reflect: !0 })
-], L.prototype, "fullWidth");
+], b.prototype, "fullWidth");
 _([
   a({ type: Boolean })
-], L.prototype, "pill");
+], b.prototype, "pill");
 _([
   a({ type: Boolean })
-], L.prototype, "selected");
+], b.prototype, "selected");
 _([
   a()
-], L.prototype, "href");
+], b.prototype, "href");
 _([
   a({ type: Boolean, attribute: "open-new-tab" })
-], L.prototype, "openNewTab");
+], b.prototype, "openNewTab");
 _([
   a()
-], L.prototype, "download");
+], b.prototype, "download");
 _([
   a({ attribute: "start-icon" })
-], L.prototype, "startIcon");
+], b.prototype, "startIcon");
 _([
   a({ attribute: "end-icon" })
-], L.prototype, "endIcon");
+], b.prototype, "endIcon");
 _([
   a()
-], L.prototype, "label");
-customElements.get("anduin-button") || customElements.define("anduin-button", L);
+], b.prototype, "label");
+customElements.get("anduin-button") || customElements.define("anduin-button", b);
 var c3 = Object.defineProperty, p3 = (r, e, t, i) => {
   for (var o = void 0, l = r.length - 1, n; l >= 0; l--)
     (n = r[l]) && (o = n(e, t, o) || o);
@@ -1511,7 +1519,7 @@ p3([
   a()
 ], e2.prototype, "variant");
 customElements.get("anduin-callout") || customElements.define("anduin-callout", e2);
-var u3 = Object.defineProperty, L4 = (r, e, t, i) => {
+var u3 = Object.defineProperty, b4 = (r, e, t, i) => {
   for (var o = void 0, l = r.length - 1, n; l >= 0; l--)
     (n = r[l]) && (o = n(e, t, o) || o);
   return o && u3(e, t, o), o;
@@ -1558,10 +1566,10 @@ W2.styles = g`
     .divider__line--vertical { border-left: 1px solid var(--color-gray-3); justify-self: center; }
   `;
 let P1 = W2;
-L4([
+b4([
   a({ reflect: !0 })
 ], P1.prototype, "direction");
-L4([
+b4([
   m()
 ], P1.prototype, "hasContent");
 customElements.get("anduin-divider") || customElements.define("anduin-divider", P1);
@@ -1843,12 +1851,12 @@ customElements.get("anduin-field-label") || customElements.define("anduin-field-
 customElements.get("anduin-field-description") || customElements.define("anduin-field-description", f2);
 customElements.get("anduin-field-error") || customElements.define("anduin-field-error", H2);
 customElements.get("anduin-field-group") || customElements.define("anduin-field-group", V2);
-var b3 = Object.defineProperty, G1 = (r, e, t, i) => {
+var L3 = Object.defineProperty, G1 = (r, e, t, i) => {
   for (var o = void 0, l = r.length - 1, n; l >= 0; l--)
     (n = r[l]) && (o = n(e, t, o) || o);
-  return o && b3(e, t, o), o;
+  return o && L3(e, t, o), o;
 };
-const L3 = "anduin-checkbox:change", l5 = class l5 extends u {
+const b3 = "anduin-checkbox:change", l5 = class l5 extends u {
   constructor() {
     super(...arguments), this.checked = !1, this.disabled = !1, this.indeterminate = !1, this.readonly = !1, this.inputid = "";
   }
@@ -1861,7 +1869,7 @@ const L3 = "anduin-checkbox:change", l5 = class l5 extends u {
     });
   }
   toggle() {
-    this.checked = !this.checked, this.dispatchEvent(new CustomEvent(L3, {
+    this.checked = !this.checked, this.dispatchEvent(new CustomEvent(b3, {
       detail: this.checked,
       bubbles: !0,
       composed: !0
@@ -2597,7 +2605,7 @@ var z3 = Object.defineProperty, R = (r, e, t, i) => {
     (n = r[l]) && (o = n(e, t, o) || o);
   return o && z3(e, t, o), o;
 };
-const A3 = "anduin-toggle-group:change", B3 = "anduin-toggle-group-item:change", P3 = "anduin-toggle-group-item:select", S3 = "anduin-toggle-group-item:deselect", b2 = "anduin-toggle-group-item:item-click", u5 = class u5 extends u {
+const A3 = "anduin-toggle-group:change", B3 = "anduin-toggle-group-item:change", P3 = "anduin-toggle-group-item:select", S3 = "anduin-toggle-group-item:deselect", L2 = "anduin-toggle-group-item:item-click", u5 = class u5 extends u {
   constructor() {
     super(...arguments), this.mode = "single", this.defaultValue = "", this.value = null, this.size = "medium", this.variant = "gray", this.gap = !1, this.internalValue = [], this.userInteracted = !1, this.onItemClick = (e) => {
       var d;
@@ -2623,13 +2631,13 @@ const A3 = "anduin-toggle-group:change", B3 = "anduin-toggle-group-item:change",
     return this.isControlled ? p2(this.value) : this.internalValue;
   }
   connectedCallback() {
-    super.connectedCallback(), this.hasUpdated || (this.internalValue = p2(this.defaultValue)), this.addEventListener(b2, this.onItemClick);
+    super.connectedCallback(), this.hasUpdated || (this.internalValue = p2(this.defaultValue)), this.addEventListener(L2, this.onItemClick);
   }
   willUpdate(e) {
     e.has("defaultValue") && !this.isControlled && !this.userInteracted && (this.internalValue = p2(this.defaultValue));
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener(b2, this.onItemClick);
+    super.disconnectedCallback(), this.removeEventListener(L2, this.onItemClick);
   }
   updated() {
     this.syncItems();
@@ -2673,12 +2681,16 @@ u5.styles = g`
       --toggle-group-item-padding: 0; --toggle-group-item-line-height: inherit;
       --toggle-group-item-icon-gap: 8px;
     }
-    ::slotted(anduin-toggle-group-item) { --toggle-group-item-radius: 0; margin-left: -1px; }
-    ::slotted(anduin-toggle-group-item:first-child) { --toggle-group-item-radius: 4px 0 0 4px; margin-left: 0; }
+    /* Each item draws its own left border only when it's the first in the row;
+       every other item omits its left border so the divider between two items
+       is a single 1px line (item N's right border), never a doubled one. */
+    ::slotted(anduin-toggle-group-item) { --toggle-group-item-radius: 0; --toggle-group-item-border-left: 0; }
+    ::slotted(anduin-toggle-group-item:first-child) { --toggle-group-item-radius: 4px 0 0 4px; --toggle-group-item-border-left: 1px; }
     ::slotted(anduin-toggle-group-item:last-child) { --toggle-group-item-radius: 0 4px 4px 0; }
     ::slotted(anduin-toggle-group-item:only-child) { --toggle-group-item-radius: 4px; }
     .toggle-group--gap { flex-wrap: wrap; gap: 8px; }
-    .toggle-group--gap ::slotted(anduin-toggle-group-item) { --toggle-group-item-radius: 4px; margin-left: 0; }
+    /* Gapped pills stand alone, so each keeps all four borders. */
+    .toggle-group--gap ::slotted(anduin-toggle-group-item) { --toggle-group-item-radius: 4px; --toggle-group-item-border-left: 1px; }
   `;
 let P = u5;
 R([
@@ -2722,7 +2734,7 @@ const h5 = class h5 extends u {
     (e.has("selected") || e.has("groupMode")) && (this.groupMode === "single" ? (this.setAttribute("role", "radio"), this.setAttribute("aria-checked", String(this.selected))) : (this.removeAttribute("role"), this.removeAttribute("aria-checked")));
   }
   onClick() {
-    this.dispatchEvent(new CustomEvent(b2, {
+    this.dispatchEvent(new CustomEvent(L2, {
       detail: this.value,
       bubbles: !0,
       composed: !0
@@ -2758,6 +2770,8 @@ h5.styles = g`
       position: relative; z-index: 0; box-sizing: border-box;
       display: flex; align-items: center; justify-content: center;
       background: none; border: 1px solid var(--color-gray-4);
+      /* Group omits the left border on all but the first item so dividers never double. */
+      border-left-width: var(--toggle-group-item-border-left, 1px);
       border-radius: var(--toggle-group-item-radius, 4px);
       color: var(--color-gray-7); cursor: pointer; font-family: inherit;
       font-size: var(--toggle-group-item-font-size, 13px); font-weight: 500;
@@ -2895,7 +2909,7 @@ function D3(r, e, t, i = 8) {
     top: Math.round(Math.min(Math.max(H.top, 0), l - d))
   };
 }
-function L2(r) {
+function b2(r) {
   return r.split("-")[0] || "top";
 }
 function I3(r, e, t) {
@@ -2954,7 +2968,7 @@ const g5 = class g5 extends u {
     if (n) {
       const s = e;
       s.style.transform = `translate(${n.left - this.containingBlockLeft}px, ${n.top - this.containingBlockTop}px)`;
-      const d = L2(n.placement), p = L2(i);
+      const d = b2(n.placement), p = b2(i);
       if (d !== p) {
         const h = e.querySelector(".tooltip-arrow");
         h && (h.classList.remove(`tooltip-arrow--${p}`), h.classList.add(`tooltip-arrow--${d}`));
@@ -3040,7 +3054,7 @@ const f5 = class f5 extends u {
   }
   showPopup(e) {
     this.hidePopup();
-    const t = L2(e), i = document.createElement("div");
+    const t = b2(e), i = document.createElement("div");
     i.className = "tooltip-popup", i.setAttribute("role", "tooltip");
     const o = document.createElement("div");
     o.className = `tooltip-arrow tooltip-arrow--${t}`;
@@ -3375,7 +3389,7 @@ C1([
   k(".popover__panel")
 ], F.prototype, "_panelEl");
 customElements.get("anduin-popover") || customElements.define("anduin-popover", F);
-const b5 = class b5 extends u {
+const L5 = class L5 extends u {
   _onClick() {
     this.dispatchEvent(new CustomEvent(_2, { bubbles: !0, composed: !0 }));
   }
@@ -3383,15 +3397,15 @@ const b5 = class b5 extends u {
     return C`<span @click=${this._onClick}><slot></slot></span>`;
   }
 };
-b5.styles = g`:host { display: contents; }`;
-let x2 = b5;
+L5.styles = g`:host { display: contents; }`;
+let x2 = L5;
 customElements.get("anduin-popover-close") || customElements.define("anduin-popover-close", x2);
 var G3 = Object.defineProperty, d1 = (r, e, t, i) => {
   for (var o = void 0, l = r.length - 1, n; l >= 0; l--)
     (n = r[l]) && (o = n(e, t, o) || o);
   return o && G3(e, t, o), o;
 };
-const w2 = "anduin-menu-item:click", L5 = class L5 extends u {
+const w2 = "anduin-menu-item:click", b5 = class b5 extends u {
   constructor() {
     super(...arguments), this.open = !1, this.placement = "bottom-start", this._onOutsideClick = (e) => {
       var t;
@@ -3458,7 +3472,7 @@ const w2 = "anduin-menu-item:click", L5 = class L5 extends u {
     `;
   }
 };
-L5.styles = g`
+b5.styles = g`
     :host { display: inline-block; font-family: var(--font-sans); }
 
     .menu__trigger { display: inline-block; }
@@ -3501,7 +3515,7 @@ L5.styles = g`
       transform: scale(1) translateY(0);
     }
   `;
-let s1 = L5;
+let s1 = b5;
 d1([
   a({ type: Boolean, reflect: !0 })
 ], s1.prototype, "open");
@@ -5285,56 +5299,56 @@ $5.styles = g`
       text-align: center;
     }
   `;
-let b = $5;
+let L = $5;
 M([
   a()
-], b.prototype, "value");
+], L.prototype, "value");
 M([
   a()
-], b.prototype, "placeholder");
+], L.prototype, "placeholder");
 M([
   a({ attribute: !1 })
-], b.prototype, "options");
+], L.prototype, "options");
 M([
   a()
-], b.prototype, "icon");
+], L.prototype, "icon");
 M([
   a({ type: Boolean })
-], b.prototype, "searchable");
+], L.prototype, "searchable");
 M([
   a({ type: Boolean })
-], b.prototype, "disabled");
+], L.prototype, "disabled");
 M([
   a()
-], b.prototype, "placement");
+], L.prototype, "placement");
 M([
   a()
-], b.prototype, "appearance");
+], L.prototype, "appearance");
 M([
   a()
-], b.prototype, "variant");
+], L.prototype, "variant");
 M([
   a()
-], b.prototype, "size");
+], L.prototype, "size");
 M([
   a({ type: Boolean, attribute: "full-width", reflect: !0 })
-], b.prototype, "fullWidth");
+], L.prototype, "fullWidth");
 M([
   m()
-], b.prototype, "_open");
+], L.prototype, "_open");
 M([
   m()
-], b.prototype, "_query");
+], L.prototype, "_query");
 M([
   k(".trigger")
-], b.prototype, "_triggerEl");
+], L.prototype, "_triggerEl");
 M([
   k(".panel")
-], b.prototype, "_panelEl");
+], L.prototype, "_panelEl");
 M([
   k("anduin-input")
-], b.prototype, "_searchEl");
-customElements.get("anduin-dropdown") || customElements.define("anduin-dropdown", b);
+], L.prototype, "_searchEl");
+customElements.get("anduin-dropdown") || customElements.define("anduin-dropdown", L);
 var v7 = Object.defineProperty, t1 = (r, e, t, i) => {
   for (var o = void 0, l = r.length - 1, n; l >= 0; l--)
     (n = r[l]) && (o = n(e, t, o) || o);
@@ -5588,12 +5602,12 @@ class m7 extends HTMLElement {
   }
 }
 customElements.get("anduin-drawer-close") || customElements.define("anduin-drawer-close", m7);
-var b7 = Object.defineProperty, y = (r, e, t, i) => {
+var L7 = Object.defineProperty, y = (r, e, t, i) => {
   for (var o = void 0, l = r.length - 1, n; l >= 0; l--)
     (n = r[l]) && (o = n(e, t, o) || o);
-  return o && b7(e, t, o), o;
+  return o && L7(e, t, o), o;
 };
-const v2 = "anduin-suggestion:change", L7 = "anduin-suggestion:select", y7 = "anduin-suggestion:clear", z5 = class z5 extends u {
+const v2 = "anduin-suggestion:change", b7 = "anduin-suggestion:select", y7 = "anduin-suggestion:clear", z5 = class z5 extends u {
   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, this.suggestions = [], this.filter = !1, this.hideWhenEmpty = !1, this.emptyText = "No suggestions", this._open = !1, this._activeIndex = -1, this._onDocumentMouseDown = (e) => {
       var t;
@@ -5670,7 +5684,7 @@ const v2 = "anduin-suggestion:change", L7 = "anduin-suggestion:select", y7 = "an
       detail: this.value,
       bubbles: !0,
       composed: !0
-    })), this.dispatchEvent(new CustomEvent(L7, {
+    })), this.dispatchEvent(new CustomEvent(b7, {
       detail: e,
       bubbles: !0,
       composed: !0
@@ -6256,16 +6270,16 @@ S5.styles = g`
     :host { display: block; flex: 1 1 0; min-width: 0; min-height: 0; overflow: hidden; font-family: var(--font-sans); }
     .panel { width: 100%; height: 100%; overflow: hidden; }
   `;
-let b1 = S5;
+let L1 = S5;
 h1([
   a({ attribute: "default-size" })
-], b1.prototype, "defaultSize");
+], L1.prototype, "defaultSize");
 h1([
   a({ attribute: "min-size" })
-], b1.prototype, "minSize");
+], L1.prototype, "minSize");
 h1([
   a({ attribute: "max-size" })
-], b1.prototype, "maxSize");
+], L1.prototype, "maxSize");
 const F5 = class F5 extends u {
   constructor() {
     super(...arguments), this.withHandle = !1, this.groupVertical = !1, this.dragging = !1, this.group = null, this.startPos = 0, this.startPrevPx = 0, this.combinedPx = 0, this.combinedGrow = 0, this.activePointerId = null, this.onPointerDown = (e) => {
@@ -6383,19 +6397,19 @@ F5.styles = g`
     .handle:hover .handle__grip, .handle--dragging .handle__grip, :host(:focus-visible) .handle__grip { opacity: 1; }
     .handle--vertical .handle__grip { transform: rotate(90deg); }
   `;
-let L1 = F5;
+let b1 = F5;
 h1([
   a({ type: Boolean, attribute: "with-handle" })
-], L1.prototype, "withHandle");
+], b1.prototype, "withHandle");
 h1([
   m()
-], L1.prototype, "groupVertical");
+], b1.prototype, "groupVertical");
 h1([
   m()
-], L1.prototype, "dragging");
+], b1.prototype, "dragging");
 customElements.get("anduin-resizable-panel-group") || customElements.define("anduin-resizable-panel-group", r2);
-customElements.get("anduin-resizable-panel") || customElements.define("anduin-resizable-panel", b1);
-customElements.get("anduin-resizable-handle") || customElements.define("anduin-resizable-handle", L1);
+customElements.get("anduin-resizable-panel") || customElements.define("anduin-resizable-panel", L1);
+customElements.get("anduin-resizable-handle") || customElements.define("anduin-resizable-handle", b1);
 export {
   l2 as $,
   O as A,
@@ -6403,8 +6417,8 @@ export {
   S1 as C,
   N as D,
   m1 as E,
-  L1 as F,
-  b1 as G,
+  b1 as F,
+  L1 as G,
   r2 as H,
   I,
   z1 as J,
@@ -6428,7 +6442,7 @@ export {
   Q1 as a,
   Z2 as a0,
   V4 as a1,
-  L3 as a2,
+  b3 as a2,
   f7 as a3,
   E2 as a4,
   r4 as a5,
@@ -6456,7 +6470,7 @@ export {
   x7 as aj,
   v2 as ak,
   y7 as al,
-  L7 as am,
+  b7 as am,
   h7 as an,
   w3 as ao,
   Z4 as ap,
@@ -6465,20 +6479,20 @@ export {
   _3 as as,
   A3 as at,
   B3 as au,
-  b2 as av,
+  L2 as av,
   S3 as aw,
   P3 as ax,
   R4 as ay,
   k4 as az,
   B1 as b,
-  L as c,
+  b as c,
   e2 as d,
   X as e,
   P1 as f,
   t2 as g,
   z as h,
   m7 as i,
-  b as j,
+  L as j,
   i2 as k,
   f2 as l,
   H2 as m,