@protonradio/proton-ui 0.7.10 → 0.7.11

package/dist/index.es.js

@@ -4,7 +4,7 @@ import { e as W, i as Nr, h as yi, a as _c, D as en, t as El } from "./utils-Bc2
 import { THEMES as Pt, BREAKPOINTS as $i } from "./constants.es.js";
 import { transparentize as Gn, parseToRgba as Rc } from "color2k";
 import { G as ge, S as tn, W as nn, D as rn } from "./colors-Dwh4VIMR.mjs";
-import { c as y4 } from "./colors-Dwh4VIMR.mjs";
+import { c as $4 } from "./colors-Dwh4VIMR.mjs";
 var cr = { exports: {} }, Mt = {};
 /**
  * @license React
@@ -158,7 +158,7 @@ function Lc() {
         T++;
       }
     }
-    function Te() {
+    function ke() {
       {
         if (T--, T === 0) {
           var h = {
@@ -278,7 +278,7 @@ function Lc() {
             }
         }
       } finally {
-        vt = !1, Se.current = ee, Te(), Error.prepareStackTrace = Z;
+        vt = !1, Se.current = ee, ke(), Error.prepareStackTrace = Z;
       }
       var gt = h ? h.displayName || h.name : "", lt = gt ? pt(gt) : "";
       return typeof h == "function" && ht.set(h, lt), lt;
@@ -4127,17 +4127,17 @@ function tp(t) {
 function jo(t) {
   let { selectionManager: e, keyboardDelegate: n, ref: r, autoFocus: l = !1, shouldFocusWrap: i = !1, disallowEmptySelection: o = !1, disallowSelectAll: a = !1, selectOnFocus: u = e.selectionBehavior === "replace", disallowTypeAhead: s = !1, shouldUseVirtualFocus: c, allowsTabNavigation: d = !1, isVirtualized: f, scrollRef: p = r, linkBehavior: m = "action" } = t, { direction: y } = He(), g = Yt(), C = (E) => {
     if (E.altKey && E.key === "Tab" && E.preventDefault(), !r.current.contains(E.target)) return;
-    const w = (O, Te) => {
+    const w = (O, ke) => {
       if (O != null) {
         if (e.isLink(O) && m === "selection" && u && !wr(E)) {
           Fc(() => {
-            e.setFocusedKey(O, Te);
+            e.setFocusedKey(O, ke);
           });
           let Se = p.current.querySelector(`[data-key="${CSS.escape(O.toString())}"]`), Ge = e.getItemProps(O);
           g.open(Se, E, Ge.href, Ge.routerOptions);
           return;
         }
-        if (e.setFocusedKey(O, Te), e.isLink(O) && m === "override") return;
+        if (e.setFocusedKey(O, ke), e.isLink(O) && m === "override") return;
         E.shiftKey && e.selectionMode === "multiple" ? e.extendSelection(O) : u && !wr(E) && e.replaceSelection(O);
       }
     };
@@ -4208,11 +4208,11 @@ function jo(t) {
           else {
             let O = $e(r.current, {
               tabbable: !0
-            }), Te, Se;
+            }), ke, Se;
             do
-              Se = O.lastChild(), Se && (Te = Se);
+              Se = O.lastChild(), Se && (ke = Se);
             while (Se);
-            Te && !Te.contains(document.activeElement) && Le(Te);
+            ke && !ke.contains(document.activeElement) && Le(ke);
           }
           break;
         }
@@ -4663,7 +4663,7 @@ Uo.getCollectionNode = function* (e) {
     }
   };
 };
-let Yh = Uo;
+let qh = Uo;
 class lp {
   build(e, n) {
     return this.context = n, ei(() => this.iterateCollection(e));
@@ -5250,7 +5250,7 @@ function Ka(t, e, n) {
     // is slightly different from other collections because
     // actions are performed on key down rather than key up.
     linkBehavior: "none"
-  }), { pressProps: O, isPressed: Te } = ze({
+  }), { pressProps: O, isPressed: ke } = ze({
     onPressStart: xe,
     onPress: c,
     onPressUp: Be,
@@ -5310,7 +5310,7 @@ function Ka(t, e, n) {
     },
     isFocused: Ue,
     isSelected: B,
-    isPressed: Te,
+    isPressed: ke,
     isDisabled: R
   };
 }
@@ -7784,9 +7784,9 @@ class oi {
     this.lastKey = (i = r == null ? void 0 : r.key) !== null && i !== void 0 ? i : null;
   }
 }
-class Ae extends Set {
+class Te extends Set {
   constructor(e, n, r) {
-    super(e), e instanceof Ae ? (this.anchorKey = n ?? e.anchorKey, this.currentKey = r ?? e.currentKey) : (this.anchorKey = n, this.currentKey = r);
+    super(e), e instanceof Te ? (this.anchorKey = n ?? e.anchorKey, this.currentKey = r ?? e.currentKey) : (this.anchorKey = n, this.currentKey = r);
   }
 }
 function Gp(t, e) {
@@ -7798,7 +7798,7 @@ function Gp(t, e) {
 function rl(t) {
   let { selectionMode: e = "none", disallowEmptySelection: n, allowDuplicateSelectionEvents: r, selectionBehavior: l = "toggle", disabledBehavior: i = "all" } = t, o = M(!1), [, a] = z(!1), u = M(null), s = M(null), [, c] = z(null), d = V(() => ai(t.selectedKeys), [
     t.selectedKeys
-  ]), f = V(() => ai(t.defaultSelectedKeys, new Ae()), [
+  ]), f = V(() => ai(t.defaultSelectedKeys, new Te()), [
     t.defaultSelectedKeys
   ]), [p, m] = rt(d, f, t.onSelectionChange), y = V(() => t.disabledKeys ? new Set(t.disabledKeys) : /* @__PURE__ */ new Set(), [
     t.disabledKeys
@@ -7838,7 +7838,7 @@ function rl(t) {
   };
 }
 function ai(t, e) {
-  return t ? t === "all" ? "all" : new Ae(t) : e;
+  return t ? t === "all" ? "all" : new Te(t) : e;
 }
 class ll {
   /**
@@ -7961,14 +7961,14 @@ class ll {
     }
     e = this.getKey(e);
     let n;
-    if (this.state.selectedKeys === "all") n = new Ae([
+    if (this.state.selectedKeys === "all") n = new Te([
       e
     ], e, e);
     else {
       let i = this.state.selectedKeys;
       var r;
       let o = (r = i.anchorKey) !== null && r !== void 0 ? r : e;
-      n = new Ae(i, o, e);
+      n = new Te(i, o, e);
       var l;
       for (let a of this.getKeyRange(o, (l = i.currentKey) !== null && l !== void 0 ? l : e)) n.delete(a);
       for (let a of this.getKeyRange(e, o)) this.canSelectItem(a) && n.add(a);
@@ -8006,7 +8006,7 @@ class ll {
       return;
     }
     if (e = this.getKey(e), e == null) return;
-    let n = new Ae(this.state.selectedKeys === "all" ? this.getSelectAllKeys() : this.state.selectedKeys);
+    let n = new Te(this.state.selectedKeys === "all" ? this.getSelectAllKeys() : this.state.selectedKeys);
     n.has(e) ? n.delete(e) : this.canSelectItem(e) && (n.add(e), n.anchorKey = e, n.currentKey = e), !(this.disallowEmptySelection && n.size === 0) && this.state.setSelectedKeys(n);
   }
   /**
@@ -8014,9 +8014,9 @@ class ll {
   */
   replaceSelection(e) {
     if (this.selectionMode === "none" || (e = this.getKey(e), e == null)) return;
-    let n = this.canSelectItem(e) ? new Ae([
+    let n = this.canSelectItem(e) ? new Te([
       e
-    ], e, e) : new Ae();
+    ], e, e) : new Te();
     this.state.setSelectedKeys(n);
   }
   /**
@@ -8024,7 +8024,7 @@ class ll {
   */
   setSelectedKeys(e) {
     if (this.selectionMode === "none") return;
-    let n = new Ae();
+    let n = new Te();
     for (let r of e)
       if (r = this.getKey(r), r != null && (n.add(r), this.selectionMode === "single"))
         break;
@@ -8052,7 +8052,7 @@ class ll {
   * Removes all keys from the selection.
   */
   clearSelection() {
-    !this.disallowEmptySelection && (this.state.selectedKeys === "all" || this.state.selectedKeys.size > 0) && this.state.setSelectedKeys(new Ae());
+    !this.disallowEmptySelection && (this.state.selectedKeys === "all" || this.state.selectedKeys.size > 0) && this.state.setSelectedKeys(new Te());
   }
   /**
   * Toggles between select all and an empty selection.
@@ -8700,7 +8700,7 @@ Ls.getCollectionNode = function* (e, n) {
     }), yield* i;
   }
 };
-let qh = Ls;
+let Xh = Ls;
 function Os(t) {
   return null;
 }
@@ -8730,7 +8730,7 @@ Os.getCollectionNode = function* (e) {
     }
   };
 };
-let Xh = Os;
+let av = Os;
 function zs(t) {
   return null;
 }
@@ -8764,7 +8764,7 @@ zs.getCollectionNode = function* (e, n) {
   };
   s(n);
 };
-let av = zs;
+let uv = zs;
 function Br(t) {
   return null;
 }
@@ -8823,7 +8823,7 @@ Br.getCollectionNode = function* (e, n) {
     }
   };
 };
-let uv = Br;
+let sv = Br;
 function js(t) {
   return null;
 }
@@ -8838,11 +8838,11 @@ js.getCollectionNode = function* (e) {
     hasChildNodes: !1
   };
 };
-let sv = js;
-const cv = 1500, si = 500;
-let it = {}, dv = 0, Nt = !1, Re = null, ot = null;
+let cv = js;
+const dv = 1500, si = 500;
+let it = {}, fv = 0, Nt = !1, Re = null, ot = null;
 function Vs(t = {}) {
-  let { delay: e = cv, closeDelay: n = si } = t, { isOpen: r, open: l, close: i } = Rn(t), o = V(() => `${++dv}`, []), a = M(void 0), u = M(i), s = () => {
+  let { delay: e = dv, closeDelay: n = si } = t, { isOpen: r, open: l, close: i } = Rn(t), o = V(() => `${++fv}`, []), a = M(void 0), u = M(i), s = () => {
     it[o] = f;
   }, c = () => {
     for (let m in it) m !== o && (it[m](!0), delete it[m]);
@@ -8875,7 +8875,7 @@ function Vs(t = {}) {
     close: f
   };
 }
-class fv {
+class pv {
   *[Symbol.iterator]() {
     yield* this.iterable;
   }
@@ -8923,7 +8923,7 @@ class fv {
 function Hs(t) {
   let { onExpandedChange: e } = t, [n, r] = rt(t.expandedKeys ? new Set(t.expandedKeys) : void 0, t.defaultExpandedKeys ? new Set(t.defaultExpandedKeys) : /* @__PURE__ */ new Set(), e), l = rl(t), i = V(() => t.disabledKeys ? new Set(t.disabledKeys) : /* @__PURE__ */ new Set(), [
     t.disabledKeys
-  ]), o = Zr(t, X((u) => new fv(u, {
+  ]), o = Zr(t, X((u) => new pv(u, {
     expandedKeys: n
   }), [
     n
@@ -8938,17 +8938,17 @@ function Hs(t) {
     expandedKeys: n,
     disabledKeys: i,
     toggleKey: (u) => {
-      r(pv(n, u));
+      r(vv(n, u));
     },
     setExpandedKeys: r,
     selectionManager: new ll(o, l)
   };
 }
-function pv(t, e) {
+function vv(t, e) {
   let n = new Set(t);
   return n.has(e) ? n.delete(e) : n.add(e), n;
 }
-function vv(t = !0) {
+function hv(t = !0) {
   Kc(() => {
     if (!t) return;
     const e = window.getComputedStyle(document.body).overflow;
@@ -8957,7 +8957,7 @@ function vv(t = !0) {
     };
   }, [t]);
 }
-function hv({
+function mv({
   fadeIn: t = !1,
   onClose: e,
   children: n
@@ -8991,8 +8991,8 @@ function hv({
     }
   );
 }
-const mv = ({ children: t }) => {
-  const { className: e, style: n } = ke(), r = (() => {
+const bv = ({ children: t }) => {
+  const { className: e, style: n } = Ae(), r = (() => {
     let l = document.getElementById("action-menus-root");
     return l || (l = document.createElement("div"), l.id = "action-menus-root", document.body.appendChild(l)), l.className = e, Object.entries(n).forEach(([i, o]) => {
       l.style.setProperty(i, o);
@@ -9012,8 +9012,8 @@ const mv = ({ children: t }) => {
   onClose: s,
   "data-testid": c
 }) => {
-  vv(t);
-  const { className: d, theme: f } = ke(), [p, m] = z(!1), [y, g] = z(0), C = M(null), S = M(null), $ = M(window.location.pathname), D = o && o.length > 0, P = () => {
+  hv(t);
+  const { className: d, theme: f } = Ae(), [p, m] = z(!1), [y, g] = z(0), C = M(null), S = M(null), $ = M(window.location.pathname), D = o && o.length > 0, P = () => {
     m(!0), g(0), setTimeout(() => {
       s == null || s(), m(!1);
     }, 300);
@@ -9048,14 +9048,14 @@ const mv = ({ children: t }) => {
     a && ($.current && $.current !== location.pathname && P(), $.current = location.pathname);
   }, [p, a]);
   const v = C.current ? C.current.getBoundingClientRect().height > window.innerHeight : !1, B = l || D || i;
-  return t ? /* @__PURE__ */ b.jsx(mv, { children: /* @__PURE__ */ b.jsx(
+  return t ? /* @__PURE__ */ b.jsx(bv, { children: /* @__PURE__ */ b.jsx(
     "div",
     {
       className: "proton-ActionMenu__background-wrapper",
       style: {
         opacity: p ? 0 : 1
       },
-      children: /* @__PURE__ */ b.jsx(hv, { fadeIn: !0, onClose: P, children: /* @__PURE__ */ b.jsx(
+      children: /* @__PURE__ */ b.jsx(mv, { fadeIn: !0, onClose: P, children: /* @__PURE__ */ b.jsx(
         "div",
         {
           "data-testid": c || "ActionMenu-wrapper",
@@ -9079,7 +9079,7 @@ const mv = ({ children: t }) => {
                       e === "none" && "proton-ActionMenu__list--disabled"
                     ),
                     children: Array.from(k.collection).map((E) => /* @__PURE__ */ b.jsx(
-                      bv,
+                      gv,
                       {
                         item: E,
                         state: k,
@@ -9112,7 +9112,7 @@ const mv = ({ children: t }) => {
       ) })
     }
   ) }) : null;
-}, bv = ({ to: t, state: e, item: n }) => {
+}, gv = ({ to: t, state: e, item: n }) => {
   const r = M(null), { menuItemProps: l } = Ka({ key: n.key }, e, r), i = t ? "a" : "div", o = t && Nr(t);
   return /* @__PURE__ */ bi(
     i,
@@ -9132,12 +9132,12 @@ const mv = ({ children: t }) => {
     },
     n.rendered
   );
-}, Us = Q(void 0), ke = () => {
+}, Us = Q(void 0), Ae = () => {
   const t = Y(Us);
   if (t === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return t;
-}, gv = {
+}, yv = {
   [Pt.DARK]: "proton-ui__theme--dark",
   [Pt.CUSTOM_DARK]: "proton-ui__theme--custom-dark",
   [Pt.LIGHT]: "proton-ui__theme--light"
@@ -9146,8 +9146,8 @@ const mv = ({ children: t }) => {
   children: e,
   palette: n = _c
 }) => {
-  const r = M(null), l = gv[t], i = V(
-    () => $v(n, t),
+  const r = M(null), l = yv[t], i = V(
+    () => xv(n, t),
     [n, t]
   );
   return L(() => {
@@ -9166,7 +9166,7 @@ const mv = ({ children: t }) => {
       children: /* @__PURE__ */ b.jsx("div", { ref: r, children: e })
     }
   );
-}, yv = (t) => ({
+}, $v = (t) => ({
   //brand colors
   "--proton-color__primary": t.BRAND.PRIMARY,
   "--proton-color__primary-light": t.BRAND.PRIMARY_LIGHT,
@@ -9188,8 +9188,8 @@ const mv = ({ children: t }) => {
   "--proton-control__secondary-lightest": t.SECONDARY.SECONDARY_LIGHTEST,
   "--proton-control__secondary-super-light": t.SECONDARY.SECONDARY_SUPER_LIGHT
 });
-function $v(t, e) {
-  const n = Gn(t.BRAND.PRIMARY, 0.6), r = Gn(t.BRAND.PRIMARY_LIGHT, 0.4), l = yv(t);
+function xv(t, e) {
+  const n = Gn(t.BRAND.PRIMARY, 0.6), r = Gn(t.BRAND.PRIMARY_LIGHT, 0.4), l = $v(t);
   switch (e) {
     case Pt.DARK:
       return {
@@ -9236,7 +9236,7 @@ const Jh = {
   warning: "warning",
   danger: "danger"
 }, Qh = ({ variant: t, children: e, ...n }) => {
-  const { className: r } = ke();
+  const { className: r } = Ae();
   return /* @__PURE__ */ b.jsx(
     "div",
     {
@@ -9318,7 +9318,7 @@ const Ys = {
       d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.28 7.22a.75.75 0 00-1.06 1.06L8.94 10l-1.72 1.72a.75.75 0 101.06 1.06L10 11.06l1.72 1.72a.75.75 0 101.06-1.06L11.06 10l1.72-1.72a.75.75 0 00-1.06-1.06L10 8.94 8.28 7.22z"
     }
   ) })
-}, xv = {
+}, Ev = {
   default: {
     background: ge.GRAY_LIGHTEST,
     title: ge.GRAY_DARK,
@@ -9343,7 +9343,7 @@ const Ys = {
     content: rn.MEDIUM,
     icon: rn.LIGHT
   }
-}, Ev = {
+}, Sv = {
   default: "default",
   success: "success",
   warning: "warning",
@@ -9380,7 +9380,7 @@ const Ys = {
       }
     )
   }
-) }), Sv = ({ children: t, ...e }) => {
+) }), Cv = ({ children: t, ...e }) => {
   const n = Y(Nn);
   if (!n) throw new Error("BannerTitle must be used within a Banner");
   return /* @__PURE__ */ b.jsx(
@@ -9395,7 +9395,7 @@ const Ys = {
       children: t
     }
   );
-}, Cv = ({ children: t, ...e }) => {
+}, wv = ({ children: t, ...e }) => {
   const n = Y(Nn);
   if (!n) throw new Error("BannerContent must be used within a Banner");
   return /* @__PURE__ */ b.jsx(
@@ -9410,7 +9410,7 @@ const Ys = {
       children: t
     }
   );
-}, wv = ({ children: t, icon: e, ...n }) => {
+}, Pv = ({ children: t, icon: e, ...n }) => {
   const r = Y(Nn);
   if (!r) throw new Error("BannerIcon must be used within a Banner");
   const i = Mc(e) ? e : e === !0 ? Ys[r] : t || null;
@@ -9423,17 +9423,17 @@ const Ys = {
       children: i
     }
   ) : null;
-}, Pv = ({ children: t, ...e }) => /* @__PURE__ */ b.jsx(Gs, { ...e, children: t }), Dv = ({ children: t }) => /* @__PURE__ */ b.jsx("div", { className: "proton-Banner__actions", children: t });
-We.Title = Sv;
-We.Content = Cv;
-We.Icon = wv;
-We.Action = Pv;
-We.Actions = Dv;
-We.colors = xv;
+}, Dv = ({ children: t, ...e }) => /* @__PURE__ */ b.jsx(Gs, { ...e, children: t }), kv = ({ children: t }) => /* @__PURE__ */ b.jsx("div", { className: "proton-Banner__actions", children: t });
+We.Title = Cv;
+We.Content = wv;
+We.Icon = Pv;
+We.Action = Dv;
+We.Actions = kv;
+We.colors = Ev;
 We.icons = Ys;
-We.variants = Ev;
+We.variants = Sv;
 let qs = Q(null);
-function kv(t) {
+function Tv(t) {
   let e = {
     ...t,
     "data-testid": void 0
@@ -9449,7 +9449,7 @@ function kv(t) {
     }
   );
 }
-kv.Option = function(e) {
+Tv.Option = function(e) {
   let n = {
     ...e,
     "data-testid": void 0
@@ -9477,14 +9477,14 @@ function e4({ title: t, children: e, ...n }) {
     e
   ] });
 }
-const Tv = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3csymbol%20id='external-link'%20viewBox='0%200%20512%20512'%3e%3cpath%20d='M384%20224v184a40%2040%200%2001-40%2040H104a40%2040%200%2001-40-40V168a40%2040%200%200140-40h167.48M336%2064h112v112M224%20288L440%2072'%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='32'/%3e%3c/symbol%3e%3csymbol%20id='caret-down'%20viewBox='0%200%20512%20512'%3e%3cpath%20fill='currentColor'%20d='M233.4%20406.6c12.5%2012.5%2032.8%2012.5%2045.3%200l192-192c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L256%20338.7L86.6%20169.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3l192%20192z'/%3e%3c/symbol%3e%3c/defs%3e%3c/svg%3e";
-function Av(t) {
+const Av = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3csymbol%20id='external-link'%20viewBox='0%200%20512%20512'%3e%3cpath%20d='M384%20224v184a40%2040%200%2001-40%2040H104a40%2040%200%2001-40-40V168a40%2040%200%200140-40h167.48M336%2064h112v112M224%20288L440%2072'%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='32'/%3e%3c/symbol%3e%3csymbol%20id='caret-down'%20viewBox='0%200%20512%20512'%3e%3cpath%20fill='currentColor'%20d='M233.4%20406.6c12.5%2012.5%2032.8%2012.5%2045.3%200l192-192c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L256%20338.7L86.6%20169.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3l192%20192z'/%3e%3c/symbol%3e%3c/defs%3e%3c/svg%3e";
+function Bv(t) {
   let e = {
     height: t.size || void 0,
     width: t.size || void 0,
     color: t.color || void 0
   };
-  return /* @__PURE__ */ b.jsx("svg", { style: e, ...t, children: /* @__PURE__ */ b.jsx("use", { href: `${Tv}#${t.id}` }) });
+  return /* @__PURE__ */ b.jsx("svg", { style: e, ...t, children: /* @__PURE__ */ b.jsx("use", { href: `${Av}#${t.id}` }) });
 }
 function t4(t) {
   const [e, n] = z("");
@@ -9497,10 +9497,10 @@ function t4(t) {
         style: { display: "none" }
       }
     ),
-    /* @__PURE__ */ b.jsx(Av, { ...t })
+    /* @__PURE__ */ b.jsx(Bv, { ...t })
   ] }) : null;
 }
-const Bv = dt(
+const Kv = dt(
   ({
     prefix: t,
     suffix: e,
@@ -9518,7 +9518,7 @@ const Bv = dt(
     autoComplete: p,
     "data-testid": m
   }, y) => {
-    const g = M(null), { className: C, palette: S, theme: $ } = ke(), D = y || g, { labelProps: P, inputProps: k, descriptionProps: R, errorMessageProps: v } = Qi(
+    const g = M(null), { className: C, palette: S, theme: $ } = Ae(), D = y || g, { labelProps: P, inputProps: k, descriptionProps: R, errorMessageProps: v } = Qi(
       {
         label: a,
         name: u,
@@ -9638,7 +9638,7 @@ const Bv = dt(
       "data-testid": u,
       role: "search",
       children: /* @__PURE__ */ b.jsx(
-        Bv,
+        Kv,
         {
           ...p,
           type: "search",
@@ -9737,7 +9737,7 @@ function il({
   offset: r,
   ...l
 }) {
-  const i = M(null), { popoverRef: o = i } = l, { className: a, style: u } = ke();
+  const i = M(null), { popoverRef: o = i } = l, { className: a, style: u } = Ae();
   let { popoverProps: s, underlayProps: c, arrowProps: d, placement: f } = Gf(
     {
       ...l,
@@ -9791,7 +9791,7 @@ class ol {
     this.value = null, this.level = 0, this.hasChildNodes = !1, this.rendered = null, this.textValue = "", this["aria-label"] = void 0, this.index = 0, this.parentKey = null, this.prevKey = null, this.nextKey = null, this.firstChildKey = null, this.lastChildKey = null, this.props = {}, this.type = e, this.key = n;
   }
 }
-class Kv {
+class Mv {
   get size() {
     return this.keyMap.size;
   }
@@ -9983,7 +9983,7 @@ class Ut extends Xs {
     super(n), this.nodeType = 8, this._index = 0, this.hasSetProps = !1, this.node = new ol(e, `react-aria-${++n.nodeId}`), this.ownerDocument.startTransaction();
   }
 }
-class Mv extends Xs {
+class Iv extends Xs {
   get isConnected() {
     return this.isMounted;
   }
@@ -10093,8 +10093,8 @@ if (typeof HTMLTemplateElement < "u") {
     }
   });
 }
-const Kr = /* @__PURE__ */ Q(!1), Iv = typeof DocumentFragment < "u" ? new DocumentFragment() : null;
-function Fv(t) {
+const Kr = /* @__PURE__ */ Q(!1), Fv = typeof DocumentFragment < "u" ? new DocumentFragment() : null;
+function _v(t) {
   let e = Y(Kr), n = nt();
   if (e)
     return /* @__PURE__ */ A.createElement(A.Fragment, null, t.children);
@@ -10103,9 +10103,9 @@ function Fv(t) {
   }, t.children);
   return n ? /* @__PURE__ */ A.createElement("template", {
     "data-react-aria-hidden": !0
-  }, r) : /* @__PURE__ */ gi(r, Iv);
+  }, r) : /* @__PURE__ */ gi(r, Fv);
 }
-function _v(t) {
+function Rv(t) {
   let e = (n, r) => Y(Kr) ? null : t(n, r);
   return e.displayName = t.displayName || t.name, dt(e);
 }
@@ -10120,7 +10120,7 @@ var Mr = { exports: {} }, ur = {};
  * LICENSE file in the root directory of this source tree.
  */
 var ci;
-function Rv() {
+function Nv() {
   if (ci) return ur;
   ci = 1;
   var t = A;
@@ -10165,7 +10165,7 @@ var sr = {};
  * LICENSE file in the root directory of this source tree.
  */
 var di;
-function Nv() {
+function Lv() {
   return di || (di = 1, process.env.NODE_ENV !== "production" && function() {
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
     var t = A, e = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
@@ -10235,35 +10235,35 @@ function Nv() {
     sr.useSyncExternalStore = S, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
   }()), sr;
 }
-process.env.NODE_ENV === "production" ? Mr.exports = Rv() : Mr.exports = Nv();
-var Lv = Mr.exports;
+process.env.NODE_ENV === "production" ? Mr.exports = Nv() : Mr.exports = Lv();
+var Ov = Mr.exports;
 const Js = /* @__PURE__ */ Q(!1), Gt = /* @__PURE__ */ Q(null);
-function Ov(t) {
+function zv(t) {
   if (Y(Gt))
     return t.content;
-  let { collection: n, document: r } = Hv(t.createCollection);
-  return /* @__PURE__ */ A.createElement(A.Fragment, null, /* @__PURE__ */ A.createElement(Fv, null, /* @__PURE__ */ A.createElement(Gt.Provider, {
+  let { collection: n, document: r } = Wv(t.createCollection);
+  return /* @__PURE__ */ A.createElement(A.Fragment, null, /* @__PURE__ */ A.createElement(_v, null, /* @__PURE__ */ A.createElement(Gt.Provider, {
     value: r
-  }, t.content)), /* @__PURE__ */ A.createElement(zv, {
+  }, t.content)), /* @__PURE__ */ A.createElement(jv, {
     render: t.children,
     collection: n
   }));
 }
-function zv({ collection: t, render: e }) {
+function jv({ collection: t, render: e }) {
   return e(t);
 }
-function jv(t, e, n) {
+function Vv(t, e, n) {
   let r = nt(), l = M(r);
   l.current = r;
   let i = X(() => l.current ? n() : e(), [
     e,
     n
   ]);
-  return Lv.useSyncExternalStore(t, i);
+  return Ov.useSyncExternalStore(t, i);
 }
-const Vv = typeof A.useSyncExternalStore == "function" ? A.useSyncExternalStore : jv;
-function Hv(t) {
-  let [e] = z(() => new Mv((t == null ? void 0 : t()) || new Kv())), n = X((o) => e.subscribe(o), [
+const Hv = typeof A.useSyncExternalStore == "function" ? A.useSyncExternalStore : Vv;
+function Wv(t) {
+  let [e] = z(() => new Iv((t == null ? void 0 : t()) || new Mv())), n = X((o) => e.subscribe(o), [
     e
   ]), r = X(() => {
     let o = e.getCollection();
@@ -10272,7 +10272,7 @@ function Hv(t) {
     e
   ]), l = X(() => (e.isSSR = !0, e.getCollection()), [
     e
-  ]), i = Vv(n, r, l);
+  ]), i = Hv(n, r, l);
   return J(() => (e.isMounted = !0, () => {
     e.isMounted = !1;
   }), [
@@ -10283,7 +10283,7 @@ function Hv(t) {
   };
 }
 const Ir = /* @__PURE__ */ Q(null);
-function Wv(t, e, n, r, l, i) {
+function Uv(t, e, n, r, l, i) {
   let o = X((u) => {
     u == null || u.setProps(e, n, r, i);
   }, [
@@ -10302,32 +10302,32 @@ function Wv(t, e, n, r, l, i) {
     ref: o
   }, l);
 }
-function Uv(t, e) {
+function Gv(t, e) {
   let n = ({ node: l }) => e(l.props, l.props.ref, l), r = dt((l, i) => {
     if (!Y(Js)) {
       if (e.length >= 3) throw new Error(e.name + " cannot be rendered outside a collection.");
       return e(l, i);
     }
-    return Wv(t, l, i, "children" in l ? l.children : null, null, (a) => /* @__PURE__ */ A.createElement(n, {
+    return Uv(t, l, i, "children" in l ? l.children : null, null, (a) => /* @__PURE__ */ A.createElement(n, {
       node: a
     }));
   });
   return r.displayName = e.name, r;
 }
-function Gv(t) {
+function Yv(t) {
   return Zs({
     ...t,
     addIdAndValue: !0
   });
 }
 const fi = /* @__PURE__ */ Q(null);
-function Yv(t) {
-  let e = Y(fi), n = ((e == null ? void 0 : e.dependencies) || []).concat(t.dependencies), r = t.idScope || (e == null ? void 0 : e.idScope), l = Gv({
+function qv(t) {
+  let e = Y(fi), n = ((e == null ? void 0 : e.dependencies) || []).concat(t.dependencies), r = t.idScope || (e == null ? void 0 : e.idScope), l = Yv({
     ...t,
     idScope: r,
     dependencies: n
   });
-  return Y(Gt) && (l = /* @__PURE__ */ A.createElement(qv, null, l)), e = V(() => ({
+  return Y(Gt) && (l = /* @__PURE__ */ A.createElement(Xv, null, l)), e = V(() => ({
     dependencies: n,
     idScope: r
   }), [
@@ -10337,7 +10337,7 @@ function Yv(t) {
     value: e
   }, l);
 }
-function qv({ children: t }) {
+function Xv({ children: t }) {
   let e = Y(Gt), n = V(() => /* @__PURE__ */ A.createElement(Gt.Provider, {
     value: null
   }, /* @__PURE__ */ A.createElement(Js.Provider, {
@@ -10349,7 +10349,7 @@ function qv({ children: t }) {
     value: e
   }, n) : /* @__PURE__ */ gi(n, e);
 }
-const Xv = /* @__PURE__ */ Q(null), Zv = {
+const Zv = /* @__PURE__ */ Q(null), Jv = {
   CollectionRoot({ collection: t, renderDropIndicator: e }) {
     return pi(t, null, e);
   },
@@ -10380,8 +10380,8 @@ function pi(t, e, n) {
     }
   });
 }
-const Qs = /* @__PURE__ */ Q(Zv);
-function Jv(t) {
+const Qs = /* @__PURE__ */ Q(Jv);
+function Qv(t) {
   return V(() => t != null ? /* @__PURE__ */ new Set([
     t
   ]) : null, [
@@ -10467,7 +10467,7 @@ function Zt(t, e, n) {
     o
   ];
 }
-function Qv() {
+function eh() {
   let [t, e] = z(!0), n = M(!1), r = X((l) => {
     n.current = !0, e(!!l);
   }, []);
@@ -10478,11 +10478,11 @@ function Qv() {
     t
   ];
 }
-function eh(t, e = !0) {
+function th(t, e = !0) {
   let [n, r] = z(!0);
   return tc(t, n && e, X(() => r(!1), [])), n && e;
 }
-function th(t, e) {
+function nh(t, e) {
   let [n, r] = z(!1), [l, i] = z("idle");
   return !e && t.current && l === "idle" && (n = !0, r(!0), i("exiting")), !t.current && l === "exited" && i("idle"), tc(t, n, X(() => {
     i("exited"), r(!1);
@@ -10510,7 +10510,7 @@ function tc(t, e, n) {
     n
   ]);
 }
-const nh = /* @__PURE__ */ Q(null), rh = /* @__PURE__ */ new Set([
+const rh = /* @__PURE__ */ Q(null), lh = /* @__PURE__ */ new Set([
   "form",
   "formAction",
   "formEncType",
@@ -10519,9 +10519,9 @@ const nh = /* @__PURE__ */ Q(null), rh = /* @__PURE__ */ new Set([
   "formTarget",
   "name",
   "value"
-]), lh = /* @__PURE__ */ Q({});
-function ih(t, e) {
-  [t, e] = Zt(t, e, lh), t = oh(t);
+]), ih = /* @__PURE__ */ Q({});
+function oh(t, e) {
+  [t, e] = Zt(t, e, ih), t = ah(t);
   let n = t, { isPending: r } = n, { buttonProps: l, isPressed: i } = Fn(t, e), { focusProps: o, isFocused: a, isFocusVisible: u } = Xt(t), { hoverProps: s, isHovered: c } = kt({
     ...t,
     isDisabled: t.isDisabled || r
@@ -10551,7 +10551,7 @@ function ih(t, e) {
     p
   ]), /* @__PURE__ */ A.createElement("button", {
     ...fe(t, {
-      propNames: rh
+      propNames: lh
     }),
     ...H(l, o, s),
     ...f,
@@ -10566,19 +10566,19 @@ function ih(t, e) {
     "data-focused": a || void 0,
     "data-pending": r || void 0,
     "data-focus-visible": u || void 0
-  }, /* @__PURE__ */ A.createElement(nh.Provider, {
+  }, /* @__PURE__ */ A.createElement(rh.Provider, {
     value: {
       id: m
     }
   }, f.children));
 }
-function oh(t) {
+function ah(t) {
   return t.isPending && (t.onPress = void 0, t.onPressStart = void 0, t.onPressEnd = void 0, t.onPressChange = void 0, t.onPressUp = void 0, t.onKeyDown = void 0, t.onKeyUp = void 0, t.onClick = void 0, t.href = void 0), t;
 }
-const nc = /* @__PURE__ */ _v(ih), ah = /* @__PURE__ */ Q({}), uh = /* @__PURE__ */ Q({}), sh = /* @__PURE__ */ Q({}), rc = /* @__PURE__ */ Q({
+const nc = /* @__PURE__ */ Rv(oh), uh = /* @__PURE__ */ Q({}), sh = /* @__PURE__ */ Q({}), ch = /* @__PURE__ */ Q({}), rc = /* @__PURE__ */ Q({
   placement: "bottom"
 });
-function ch(t, e) {
+function dh(t, e) {
   [t, e] = Zt(t, e, rc);
   let n = t.placement, r = {
     position: "absolute",
@@ -10602,8 +10602,8 @@ function ch(t, e) {
     "data-placement": n
   });
 }
-const dh = /* @__PURE__ */ dt(ch), Fr = /* @__PURE__ */ Q(null), fh = /* @__PURE__ */ Q(null), ph = /* @__PURE__ */ Q({}), lc = /* @__PURE__ */ Q(null), al = /* @__PURE__ */ Q(null), ic = /* @__PURE__ */ Q(null);
-function vh(t) {
+const fh = /* @__PURE__ */ dt(dh), Fr = /* @__PURE__ */ Q(null), ph = /* @__PURE__ */ Q(null), vh = /* @__PURE__ */ Q({}), lc = /* @__PURE__ */ Q(null), al = /* @__PURE__ */ Q(null), ic = /* @__PURE__ */ Q(null);
+function hh(t) {
   let e = Xp(t), n = M(null), { menuTriggerProps: r, menuProps: l } = Ta({
     ...t,
     type: "menu"
@@ -10627,7 +10627,7 @@ function vh(t) {
         }
       ],
       [
-        fh,
+        ph,
         e
       ],
       [
@@ -10653,17 +10653,17 @@ function vh(t) {
     isPressed: e.isOpen
   }, t.children));
 }
-const hh = /* @__PURE__ */ Q(null);
-function mh(t, e) {
-  return [t, e] = Zt(t, e, lc), /* @__PURE__ */ A.createElement(Ov, {
-    content: /* @__PURE__ */ A.createElement(Yv, t)
-  }, (n) => n.size > 0 && /* @__PURE__ */ A.createElement(bh, {
+const mh = /* @__PURE__ */ Q(null);
+function bh(t, e) {
+  return [t, e] = Zt(t, e, lc), /* @__PURE__ */ A.createElement(zv, {
+    content: /* @__PURE__ */ A.createElement(qv, t)
+  }, (n) => n.size > 0 && /* @__PURE__ */ A.createElement(gh, {
     props: t,
     collection: n,
     menuRef: e
   }));
 }
-function bh({ props: t, collection: e, menuRef: n }) {
+function gh({ props: t, collection: e, menuRef: n }) {
   let r = Hs({
     ...t,
     collection: e,
@@ -10714,7 +10714,7 @@ function bh({ props: t, collection: e, menuRef: n }) {
         r
       ],
       [
-        sh,
+        ch,
         {
           elementType: "div"
         }
@@ -10726,13 +10726,13 @@ function bh({ props: t, collection: e, menuRef: n }) {
         }
       ],
       [
-        Xv,
+        Zv,
         {
-          render: yh
+          render: $h
         }
       ],
       [
-        hh,
+        mh,
         {
           parentMenuRef: n
         }
@@ -10744,7 +10744,7 @@ function bh({ props: t, collection: e, menuRef: n }) {
     ]
   }, /* @__PURE__ */ A.createElement(a, {
     collection: e,
-    persistedKeys: Jv(r.selectionManager.focusedKey),
+    persistedKeys: Qv(r.selectionManager.focusedKey),
     scrollRef: n
   }))), /* @__PURE__ */ A.createElement("div", {
     ref: i,
@@ -10756,10 +10756,10 @@ function bh({ props: t, collection: e, menuRef: n }) {
     }
   }));
 }
-const gh = /* @__PURE__ */ dt(mh);
-function yh(t, e, n) {
+const yh = /* @__PURE__ */ dt(bh);
+function $h(t, e, n) {
   var r, l;
-  let i = Y(al), { CollectionBranch: o } = Y(Qs), [a, u] = Qv();
+  let i = Y(al), { CollectionBranch: o } = Y(Qs), [a, u] = eh();
   var s;
   let { headingProps: c, groupProps: d } = up({
     heading: u,
@@ -10775,7 +10775,7 @@ function yh(t, e, n) {
     ...d,
     ...f,
     ref: e
-  }, /* @__PURE__ */ A.createElement(uh.Provider, {
+  }, /* @__PURE__ */ A.createElement(sh.Provider, {
     value: {
       ...c,
       ref: a
@@ -10785,7 +10785,7 @@ function yh(t, e, n) {
     parent: n
   })));
 }
-const _r = /* @__PURE__ */ Q(null), $h = /* @__PURE__ */ Uv("item", function(e, n, r) {
+const _r = /* @__PURE__ */ Q(null), xh = /* @__PURE__ */ Gv("item", function(e, n, r) {
   var l;
   [e, n] = Zt(e, n, _r);
   let i = (l = ec(_r)) === null || l === void 0 ? void 0 : l.id, o = Y(al), a = Dn(n), { menuItemProps: u, labelProps: s, descriptionProps: c, keyboardShortcutProps: d, ...f } = Ka({
@@ -10825,7 +10825,7 @@ const _r = /* @__PURE__ */ Q(null), $h = /* @__PURE__ */ Uv("item", function(e,
   }, /* @__PURE__ */ A.createElement(Ln, {
     values: [
       [
-        ah,
+        uh,
         {
           slots: {
             label: s,
@@ -10834,13 +10834,13 @@ const _r = /* @__PURE__ */ Q(null), $h = /* @__PURE__ */ Uv("item", function(e,
         }
       ],
       [
-        ph,
+        vh,
         d
       ]
     ]
   }, C.children));
 }), ul = /* @__PURE__ */ Q(null), oc = /* @__PURE__ */ Q(null);
-function xh(t) {
+function Eh(t) {
   let e = Vs(t), n = M(null), { triggerProps: r, tooltipProps: l } = Up(t, e, n);
   return /* @__PURE__ */ A.createElement(Ln, {
     values: [
@@ -10861,19 +10861,19 @@ function xh(t) {
     ref: n
   }, t.children));
 }
-function Eh({ UNSTABLE_portalContainer: t, ...e }, n) {
+function Sh({ UNSTABLE_portalContainer: t, ...e }, n) {
   [e, n] = Zt(e, n, oc);
-  let r = Y(ul), l = Vs(e), i = e.isOpen != null || e.defaultOpen != null || !r ? l : r, o = th(n, i.isOpen) || e.isExiting || !1;
+  let r = Y(ul), l = Vs(e), i = e.isOpen != null || e.defaultOpen != null || !r ? l : r, o = nh(n, i.isOpen) || e.isExiting || !1;
   return !i.isOpen && !o ? null : /* @__PURE__ */ A.createElement(Vf, {
     portalContainer: t
-  }, /* @__PURE__ */ A.createElement(Ch, {
+  }, /* @__PURE__ */ A.createElement(wh, {
     ...e,
     tooltipRef: n,
     isExiting: o
   }));
 }
-const Sh = /* @__PURE__ */ dt(Eh);
-function Ch(t) {
+const Ch = /* @__PURE__ */ dt(Sh);
+function wh(t) {
   let e = Y(ul), n = M(null), [r, l] = z(0);
   J(() => {
     n.current && e.isOpen && l(n.current.getBoundingClientRect().width);
@@ -10891,7 +10891,7 @@ function Ch(t) {
     arrowSize: r,
     arrowBoundaryOffset: t.arrowBoundaryOffset,
     shouldFlip: t.shouldFlip
-  }), u = eh(t.tooltipRef, !!a) || t.isEntering || !1, s = At({
+  }), u = th(t.tooltipRef, !!a) || t.isEntering || !1, s = At({
     ...t,
     defaultClassName: "react-aria-Tooltip",
     values: {
@@ -10934,7 +10934,7 @@ function ac(t, e = "down") {
     return i.addEventListener("change", o), () => i.removeEventListener("change", o);
   }, [n]), r;
 }
-const wh = ({ size: t }) => /* @__PURE__ */ b.jsx("svg", { viewBox: "0 0 24 24", width: t, height: t, children: /* @__PURE__ */ b.jsx(
+const Ph = ({ size: t }) => /* @__PURE__ */ b.jsx("svg", { viewBox: "0 0 24 24", width: t, height: t, children: /* @__PURE__ */ b.jsx(
   "path",
   {
     fill: "currentColor",
@@ -10951,7 +10951,7 @@ function l4({
   testId: o,
   menuTestId: a
 }) {
-  const { className: u } = ke(), s = ac($i.SMALL), [c, d] = z(!1), f = M(null), p = {
+  const { className: u } = Ae(), s = ac($i.SMALL), [c, d] = z(!1), f = M(null), p = {
     disabled: l,
     "data-testid": o,
     "aria-label": "Menu"
@@ -10963,7 +10963,7 @@ function l4({
       onPress: () => d((g) => !g),
       isDisabled: l,
       className: `proton-ResponsiveMenuTrigger__button ${u}`,
-      children: /* @__PURE__ */ b.jsx(wh, { size: n })
+      children: /* @__PURE__ */ b.jsx(Ph, { size: n })
     }
   ), y = t ? t(
     { ...p, onClick: () => d((g) => !g) },
@@ -10986,7 +10986,7 @@ function l4({
         "data-testid": a
       }
     )
-  ] }) : /* @__PURE__ */ b.jsxs(vh, { children: [
+  ] }) : /* @__PURE__ */ b.jsxs(hh, { children: [
     y,
     c && /* @__PURE__ */ b.jsx(
       il,
@@ -11001,14 +11001,14 @@ function l4({
         triggerRef: f,
         arrow: !1,
         children: /* @__PURE__ */ b.jsx(
-          gh,
+          yh,
           {
             className: "proton-ListBox proton-ResponsiveMenuTrigger__menu",
             id: e,
             autoFocus: !0,
             "data-testid": a,
             children: r.map((g) => /* @__PURE__ */ b.jsx(
-              $h,
+              xh,
               {
                 href: g.to,
                 target: "_blank",
@@ -11039,11 +11039,11 @@ const Rr = (t) => {
       ref: e,
       "data-testid": "listbox",
       className: "proton-ListBox",
-      children: [...n.collection].map((l) => /* @__PURE__ */ b.jsx(Ph, { item: l, state: n }, l.key))
+      children: [...n.collection].map((l) => /* @__PURE__ */ b.jsx(Dh, { item: l, state: n }, l.key))
     }
   ) });
 };
-function Ph({ item: t, state: e }) {
+function Dh({ item: t, state: e }) {
   let n = M(null), { optionProps: r, isSelected: l, isFocused: i, isDisabled: o } = op(
     { key: t.key },
     e,
@@ -11089,7 +11089,7 @@ const uc = dt(
     );
   }
 );
-function Dh({
+function kh({
   label: t,
   name: e,
   isDisabled: n,
@@ -11201,10 +11201,10 @@ function Dh({
   );
 }
 const i4 = {
-  Menu: Dh,
+  Menu: kh,
   Option: Xr
 };
-function kh({
+function Th({
   label: t,
   name: e,
   isDisabled: n,
@@ -11315,7 +11315,7 @@ function kh({
   );
 }
 const o4 = {
-  Menu: kh,
+  Menu: Th,
   Option: Xr
 };
 function a4(t) {
@@ -11347,11 +11347,11 @@ function a4(t) {
     }
   );
 }
-function Th({ item: t, state: e, children: n }) {
+function Ah({ item: t, state: e, children: n }) {
   let r = M(), { rowProps: l } = jp({ node: t }, e);
   return /* @__PURE__ */ b.jsx("tr", { className: W("proton-Table__headerRow"), ...l, ref: r, children: n });
 }
-function Ah({ column: t, state: e }) {
+function Bh({ column: t, state: e }) {
   var u, s;
   let n = M(), { columnHeaderProps: r } = Op(
     { node: t },
@@ -11402,54 +11402,56 @@ function hi({ type: t, children: e }) {
     }
   );
 }
-function Bh({
+function Kh({
   item: t,
   children: e,
   state: n,
-  backgroundColor: r
+  backgroundColor: r,
+  showLines: l = !0
 }) {
-  let l = M(), i = n.selectionManager.isSelected(t.key), { rowProps: o, isPressed: a } = zp(
+  let i = M(), o = n.selectionManager.isSelected(t.key), { rowProps: a, isPressed: u } = zp(
     {
       node: t
     },
     n,
-    l
-  ), { isFocusVisible: u, focusProps: s } = Xt();
+    i
+  ), { isFocusVisible: s, focusProps: c } = Xt();
   return /* @__PURE__ */ b.jsx(
     "tr",
     {
       className: W(
         "proton-Table__row",
-        i ? "proton-Table__row--selected" : null,
-        a ? "proton-Table__row--pressed" : null,
-        u ? "proton-Table__row--focused" : null
+        o ? "proton-Table__row--selected" : null,
+        u ? "proton-Table__row--pressed" : null,
+        s ? "proton-Table__row--focused" : null,
+        l && "proton-Table__row--showLines"
       ),
       style: r ? { backgroundColor: r } : void 0,
-      ...H(o, s),
-      ref: l,
+      ...H(a, c),
+      ref: i,
       children: e
     }
   );
 }
-function Kh({ cell: t, state: e, ...n }) {
-  let r = M(), { gridCellProps: l } = Vp({ node: t }, e, r), { isFocusVisible: i, focusProps: o } = Xt();
-  const { align: a } = t.props;
+function Mh({ cell: t, state: e }) {
+  let n = M(), { gridCellProps: r } = Vp({ node: t }, e, n), { isFocusVisible: l, focusProps: i } = Xt();
+  const { align: o = "left" } = t.props;
   return /* @__PURE__ */ b.jsx(
     "td",
     {
-      ...H(l, o),
+      ...H(r, i),
       className: W(
         "proton-Table__cell",
-        i ? "proton-Table__cell--focused" : null,
-        `proton-Table__cell--${a}`
+        l ? "proton-Table__cell--focused" : null,
+        `proton-Table__cell--${o}`
       ),
-      ref: r,
+      ref: n,
       children: t.rendered
     }
   );
 }
-const u4 = av, s4 = sv, c4 = uv;
-function d4(t) {
+const u4 = uv, s4 = cv, c4 = sv, d4 = av;
+function f4(t) {
   let e = ov({
     ...t
   }), n = M(), { collection: r } = e, { gridProps: l } = Np(
@@ -11458,8 +11460,8 @@ function d4(t) {
     n
   );
   return /* @__PURE__ */ b.jsxs("table", { ...l, ref: n, className: W("proton-Table"), children: [
-    /* @__PURE__ */ b.jsx(hi, { type: "thead", children: r.headerRows.map((i) => /* @__PURE__ */ b.jsx(Th, { item: i, state: e, children: Array.from(r.getChildren(i.key)).map((o) => /* @__PURE__ */ b.jsx(
-      Ah,
+    /* @__PURE__ */ b.jsx(hi, { type: "thead", children: r.headerRows.map((i) => /* @__PURE__ */ b.jsx(Ah, { item: i, state: e, children: Array.from(r.getChildren(i.key)).map((o) => /* @__PURE__ */ b.jsx(
+      Bh,
       {
         column: o,
         state: e
@@ -11467,62 +11469,60 @@ function d4(t) {
       o.key
     )) }, i.key)) }),
     /* @__PURE__ */ b.jsx(hi, { type: "tbody", children: Array.from(r.body.childNodes).map((i) => /* @__PURE__ */ b.jsx(
-      Bh,
+      Kh,
       {
         item: i,
         state: e,
         backgroundColor: i.props.backgroundColor,
-        children: Array.from(r.getChildren(i.key)).map((o) => /* @__PURE__ */ b.jsx(Kh, { cell: o, state: e }, o.key))
+        showLines: r.body.props.showLines,
+        children: Array.from(r.getChildren(i.key)).map((o) => /* @__PURE__ */ b.jsx(Mh, { cell: o, state: e }, o.key))
       },
       i.key
     )) })
   ] });
 }
-const f4 = ({
+const p4 = ({
   children: t,
   maxWidth: e,
   singleLine: n = !0,
   lines: r = 1,
   title: l,
-  className: i,
-  "data-testid": o
+  "data-testid": i
 }) => {
-  const { className: a } = ke(), u = l || (typeof t == "string" ? t : void 0);
+  const o = l || (typeof t == "string" ? t : void 0);
   return /* @__PURE__ */ b.jsx(
     "div",
     {
       className: W(
         "proton-TextEllipsis",
-        n || r === 1 ? "proton-TextEllipsis--single-line" : r > 1 ? "proton-TextEllipsis--multi-line" : "",
-        i,
-        a
+        n || r === 1 ? "proton-TextEllipsis--single-line" : r > 1 ? "proton-TextEllipsis--multi-line" : ""
       ),
       style: {
         maxWidth: e,
         WebkitLineClamp: r
       },
-      title: u,
-      "data-testid": o,
+      title: o,
+      "data-testid": i,
       children: t
     }
   );
 };
-function Mh({ children: t, arrow: e, ...n }) {
-  const { style: r, className: l } = ke();
+function Ih({ children: t, arrow: e, ...n }) {
+  const { style: r, className: l } = Ae();
   return /* @__PURE__ */ b.jsxs(
-    Sh,
+    Ch,
     {
       ...n,
       className: W("proton__Tooltip", "proton-Dialog", l),
       style: r,
       children: [
-        e && /* @__PURE__ */ b.jsx(dh, { className: W("proton__TooltipArrow", l), children: /* @__PURE__ */ b.jsx("svg", { width: 8, height: 8, viewBox: "0 0 8 8", children: /* @__PURE__ */ b.jsx("path", { d: "M0 0 L4 4 L8 0" }) }) }),
+        e && /* @__PURE__ */ b.jsx(fh, { className: W("proton__TooltipArrow", l), children: /* @__PURE__ */ b.jsx("svg", { width: 8, height: 8, viewBox: "0 0 8 8", children: /* @__PURE__ */ b.jsx("path", { d: "M0 0 L4 4 L8 0" }) }) }),
         t
       ]
     }
   );
 }
-function Ih({
+function Fh({
   children: t,
   // trigger props
   delay: e = 500,
@@ -11536,8 +11536,8 @@ function Ih({
   ...u
 }) {
   const [s, c] = z(!1), d = M(!1), f = M(!1);
-  return /* @__PURE__ */ b.jsxs(
-    xh,
+  return a === "" ? null : /* @__PURE__ */ b.jsxs(
+    Eh,
     {
       delay: e,
       closeDelay: n,
@@ -11559,18 +11559,18 @@ function Ih({
             children: t
           }
         ),
-        /* @__PURE__ */ b.jsx(Mh, { ...u, children: a })
+        /* @__PURE__ */ b.jsx(Ih, { ...u, children: a })
       ]
     }
   );
 }
-const p4 = ({
+const v4 = ({
   to: t,
   children: e,
   tooltipProps: n,
   "data-testid": r
 }) => {
-  const { className: l } = ke(), i = n ? /* @__PURE__ */ b.jsx(Ih, { delay: 50, closeDelay: 75, ...n, children: e }) : e;
+  const { className: l } = Ae(), i = n ? /* @__PURE__ */ b.jsx(Fh, { delay: 50, closeDelay: 75, ...n, children: e }) : e;
   if (t) {
     const o = Nr(t);
     return /* @__PURE__ */ b.jsx(
@@ -11608,7 +11608,7 @@ const p4 = ({
     }
   );
 };
-function Fh({
+function _h({
   amplitude: t,
   isDisabled: e,
   isPlayed: n,
@@ -11676,8 +11676,8 @@ function Fh({
     }
   );
 }
-const _h = Oh(100);
-function v4({
+const Rh = zh(100);
+function h4({
   data: t,
   resolution: e = 2,
   startDuration: n,
@@ -11689,11 +11689,11 @@ function v4({
   "data-testid": u
 }) {
   var E;
-  const { className: s } = ke(), c = M(null), [d, f] = z([]), [p, m] = z(null), [y, g] = z(!1), [C, S] = z(!1), $ = t || _h, D = e;
+  const { className: s } = Ae(), c = M(null), [d, f] = z([]), [p, m] = z(null), [y, g] = z(!1), [C, S] = z(!1), $ = t || Rh, D = e;
   L(() => {
     if (!c.current) return;
     const w = (F) => {
-      const T = Math.floor(F / (e + D)), U = Nh($, T);
+      const T = Math.floor(F / (e + D)), U = Lh($, T);
       f(U);
     }, I = c.current.clientWidth;
     w(I);
@@ -11755,7 +11755,7 @@ function v4({
           d.map((w, I) => {
             const x = I / d.length * o, F = n !== void 0 && r !== void 0 && (x < n || x > r), T = l === 0 ? !1 : x <= l, U = p !== null && x <= p;
             return /* @__PURE__ */ b.jsx(
-              Fh,
+              _h,
               {
                 amplitude: w,
                 isDisabled: F,
@@ -11797,40 +11797,40 @@ function mi({
         "proton-Waveform__timestamp",
         `proton-Waveform__timestamp--${t}`
       ),
-      children: Rh(e)
+      children: Nh(e)
     }
   );
 }
-function Rh(t) {
+function Nh(t) {
   const e = Math.floor(t / 60), n = Math.floor(t % 60);
   return `${e}:${n < 10 ? "0" : ""}${n.toFixed(0)}`;
 }
-function Nh(t, e) {
+function Lh(t, e) {
   const n = t.length, r = n / e, l = new Array(e).fill(0).map((i, o) => {
     const a = o * r, u = Math.floor(a), s = Math.min(u + 1, n - 1), c = a - u;
     return t[u] * (1 - c) + t[s] * c;
   });
-  return Lh(l);
+  return Oh(l);
 }
-function Lh(t) {
+function Oh(t) {
   const e = Math.min(...t), n = Math.max(...t);
   return t.map((r) => {
     const l = (r - e) / (n - e);
     return Math.max(l * 0.8 + 0.1, 0.1);
   });
 }
-function Oh(t) {
+function zh(t) {
   return Array.from({ length: t }, (e, n) => {
     const l = n / (t - 1) * 6 * 2 * Math.PI - Math.PI / 2;
     return Math.sin(l) * 0.5 + 0.5;
   });
 }
-const h4 = ({
+const m4 = ({
   width: t = "100%",
   height: e = "1.5rem",
   borderRadius: n = "4px"
 }) => {
-  const { theme: r, palette: l } = ke(), i = {
+  const { theme: r, palette: l } = Ae(), i = {
     "--tombstone-custom-background": l.PRIMARY.PRIMARY_MEDIUM,
     "--tombstone-custom-primary": El(
       l.PRIMARY.PRIMARY_DARK,
@@ -11853,7 +11853,7 @@ const h4 = ({
       }
     }
   );
-}, zh = (t) => {
+}, jh = (t) => {
   const [e, n, r] = t, l = e + n + r;
   if (l < 65) {
     const i = l / 100;
@@ -11861,12 +11861,12 @@ const h4 = ({
   }
   return "";
 };
-function m4({
+function b4({
   image: t,
   imageUrl: e = "",
   onLoad: n
 }) {
-  const { palette: r } = ke(), l = Rc(r.BASE_COLOR), i = zh(l);
+  const { palette: r } = Ae(), l = Rc(r.BASE_COLOR), i = jh(l);
   return /* @__PURE__ */ b.jsxs(
     "div",
     {
@@ -11913,35 +11913,35 @@ export {
   Jh as BadgeVariants,
   We as Banner,
   Gs as Button,
-  kv as ButtonGroup,
-  y4 as COLORS,
+  Tv as ButtonGroup,
+  $4 as COLORS,
   s4 as Cell,
   u4 as Column,
   e4 as Dialog,
   t4 as Icon,
-  m4 as ImageBackground,
-  Bv as Input,
+  b4 as ImageBackground,
+  Kv as Input,
   il as Popover,
   l4 as ResponsiveMenuTrigger,
   o4 as ResponsiveSelect,
   c4 as Row,
-  hv as ScreenOverlay,
+  mv as ScreenOverlay,
   n4 as SearchInput,
-  Yh as Section,
+  qh as Section,
   i4 as Select,
   a4 as Switch,
   Pt as THEMES,
-  d4 as Table,
-  Xh as TableBody,
-  qh as TableHeader,
-  f4 as TextEllipsis,
-  p4 as TextEmphasis,
+  f4 as Table,
+  d4 as TableBody,
+  Xh as TableHeader,
+  p4 as TextEllipsis,
+  v4 as TextEmphasis,
   Zh as ThemeProvider,
-  h4 as Tombstone,
-  Mh as Tooltip,
-  Ih as TooltipTrigger,
-  v4 as Waveform,
+  m4 as Tombstone,
+  Ih as Tooltip,
+  Fh as TooltipTrigger,
+  h4 as Waveform,
   r4 as usePopoverTrigger,
-  ke as useTheme
+  Ae as useTheme
 };
 //# sourceMappingURL=index.es.js.map