@pontive/pontkit-core 1.1.0 → 1.1.2

package/dist/index.mjs

@@ -10165,7 +10165,7 @@ function ye({ context: t }) {
  * Copyright 2022 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function Tt({ context: t, subscribe: e }) {
+function At({ context: t, subscribe: e }) {
   return (n, o) => {
     typeof o == "object" ? o.addInitializer((function() {
       new Wi(this, { context: t, callback: (r) => {
@@ -10319,7 +10319,7 @@ let Wa = class extends b {
   }
 };
 Jh([
-  Tt({ context: Zh })
+  At({ context: Zh })
 ], Wa.prototype, "itemContext", 2);
 Wa = Jh([
   p("pont-form-description")
@@ -10374,7 +10374,7 @@ let _r = class extends b {
   }
 };
 vo([
-  Tt({ context: di })
+  At({ context: di })
 ], _r.prototype, "form", 2);
 vo([
   a({ type: String })
@@ -10472,7 +10472,7 @@ let Yi = class extends b {
   }
 };
 Vl([
-  Tt({ context: di })
+  At({ context: di })
 ], Yi.prototype, "form", 2);
 Vl([
   m()
@@ -10516,7 +10516,7 @@ let Zi = class extends f {
   }
 };
 Hl([
-  Tt({ context: di })
+  At({ context: di })
 ], Zi.prototype, "form", 2);
 Hl([
   m()
@@ -11235,7 +11235,7 @@ var t_ = Object.defineProperty, e_ = Object.getOwnPropertyDescriptor, Mt = (t, e
     (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
   return o && r && t_(e, n, r), r;
 };
-let Ot = class extends f {
+let Pt = class extends f {
   constructor() {
     super(...arguments), this.id = "", this._onInput = (t) => {
       const e = t.target;
@@ -11316,70 +11316,70 @@ let Ot = class extends f {
 };
 Mt([
   a({ type: String })
-], Ot.prototype, "autocomplete", 2);
+], Pt.prototype, "autocomplete", 2);
 Mt([
   a({ type: Number })
-], Ot.prototype, "cols", 2);
+], Pt.prototype, "cols", 2);
 Mt([
   a({ type: Boolean })
-], Ot.prototype, "disabled", 2);
+], Pt.prototype, "disabled", 2);
 Mt([
   a({ type: String })
-], Ot.prototype, "form", 2);
+], Pt.prototype, "form", 2);
 Mt([
   a({ type: String })
-], Ot.prototype, "id", 2);
+], Pt.prototype, "id", 2);
 Mt([
   a({ type: Boolean })
-], Ot.prototype, "invalid", 2);
+], Pt.prototype, "invalid", 2);
 Mt([
   a({ type: Number })
-], Ot.prototype, "maxlength", 2);
+], Pt.prototype, "maxlength", 2);
 Mt([
   a({ type: Number })
-], Ot.prototype, "minlength", 2);
+], Pt.prototype, "minlength", 2);
 Mt([
   a({ type: String })
-], Ot.prototype, "name", 2);
+], Pt.prototype, "name", 2);
 Mt([
   a({ type: String })
-], Ot.prototype, "placeholder", 2);
+], Pt.prototype, "placeholder", 2);
 Mt([
   a({ type: Boolean })
-], Ot.prototype, "readonly", 2);
+], Pt.prototype, "readonly", 2);
 Mt([
   a({ type: Boolean })
-], Ot.prototype, "required", 2);
+], Pt.prototype, "required", 2);
 Mt([
   a({ type: Number })
-], Ot.prototype, "rows", 2);
+], Pt.prototype, "rows", 2);
 Mt([
   a({ type: String })
-], Ot.prototype, "wrap", 2);
+], Pt.prototype, "wrap", 2);
 Mt([
   a({ type: String })
-], Ot.prototype, "value", 2);
+], Pt.prototype, "value", 2);
 Mt([
   a({ attribute: !1 })
-], Ot.prototype, "onInput", 2);
+], Pt.prototype, "onInput", 2);
 Mt([
   a({ attribute: !1 })
-], Ot.prototype, "onChange", 2);
+], Pt.prototype, "onChange", 2);
 Mt([
   a({ attribute: !1 })
-], Ot.prototype, "onFocus", 2);
+], Pt.prototype, "onFocus", 2);
 Mt([
   a({ attribute: !1 })
-], Ot.prototype, "onBlur", 2);
-Ot = Mt([
+], Pt.prototype, "onBlur", 2);
+Pt = Mt([
   p("pont-textarea")
-], Ot);
+], Pt);
 var r_ = Object.defineProperty, n_ = Object.getOwnPropertyDescriptor, Nt = (t, e, n, o) => {
   for (var r = o > 1 ? void 0 : o ? n_(e, n) : e, i = t.length - 1, s; i >= 0; i--)
     (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
   return o && r && r_(e, n, r), r;
 };
-let Pt = class extends f {
+let Rt = class extends f {
   constructor() {
     super(...arguments), this.id = "";
   }
@@ -11436,70 +11436,70 @@ let Pt = class extends f {
 };
 Nt([
   a({ type: String })
-], Pt.prototype, "autocomplete", 2);
+], Rt.prototype, "autocomplete", 2);
 Nt([
   a({ type: Number })
-], Pt.prototype, "cols", 2);
+], Rt.prototype, "cols", 2);
 Nt([
   a({ type: Boolean })
-], Pt.prototype, "disabled", 2);
+], Rt.prototype, "disabled", 2);
 Nt([
   a({ type: String })
-], Pt.prototype, "form", 2);
+], Rt.prototype, "form", 2);
 Nt([
   a({ type: String })
-], Pt.prototype, "id", 2);
+], Rt.prototype, "id", 2);
 Nt([
   a({ type: Boolean })
-], Pt.prototype, "invalid", 2);
+], Rt.prototype, "invalid", 2);
 Nt([
   a({ type: Number })
-], Pt.prototype, "maxlength", 2);
+], Rt.prototype, "maxlength", 2);
 Nt([
   a({ type: Number })
-], Pt.prototype, "minlength", 2);
+], Rt.prototype, "minlength", 2);
 Nt([
   a({ type: String })
-], Pt.prototype, "name", 2);
+], Rt.prototype, "name", 2);
 Nt([
   a({ type: String })
-], Pt.prototype, "placeholder", 2);
+], Rt.prototype, "placeholder", 2);
 Nt([
   a({ type: Boolean })
-], Pt.prototype, "readonly", 2);
+], Rt.prototype, "readonly", 2);
 Nt([
   a({ type: Boolean })
-], Pt.prototype, "required", 2);
+], Rt.prototype, "required", 2);
 Nt([
   a({ type: Number })
-], Pt.prototype, "rows", 2);
+], Rt.prototype, "rows", 2);
 Nt([
   a({ type: String })
-], Pt.prototype, "wrap", 2);
+], Rt.prototype, "wrap", 2);
 Nt([
   a({ type: String })
-], Pt.prototype, "value", 2);
+], Rt.prototype, "value", 2);
 Nt([
   a({ attribute: !1 })
-], Pt.prototype, "onInput", 2);
+], Rt.prototype, "onInput", 2);
 Nt([
   a({ attribute: !1 })
-], Pt.prototype, "onChange", 2);
+], Rt.prototype, "onChange", 2);
 Nt([
   a({ attribute: !1 })
-], Pt.prototype, "onFocus", 2);
+], Rt.prototype, "onFocus", 2);
 Nt([
   a({ attribute: !1 })
-], Pt.prototype, "onBlur", 2);
-Pt = Nt([
+], Rt.prototype, "onBlur", 2);
+Rt = Nt([
   p("pont-input-group-textarea")
-], Pt);
-var o_ = Object.defineProperty, i_ = Object.getOwnPropertyDescriptor, At = (t, e, n, o) => {
+], Rt);
+var o_ = Object.defineProperty, i_ = Object.getOwnPropertyDescriptor, Dt = (t, e, n, o) => {
   for (var r = o > 1 ? void 0 : o ? i_(e, n) : e, i = t.length - 1, s; i >= 0; i--)
     (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
   return o && r && o_(e, n, r), r;
 };
-let Ct = class extends f {
+let Et = class extends f {
   /**
    * Initialise `_children`, capturing the user children before Lit renders.
    */
@@ -11754,69 +11754,69 @@ let Ct = class extends f {
     `;
   }
 };
-At([
+Dt([
   a({ type: String })
-], Ct.prototype, "autocomplete", 2);
-At([
+], Et.prototype, "autocomplete", 2);
+Dt([
   a({ attribute: "default-value", type: String })
-], Ct.prototype, "defaultValue", 2);
-At([
+], Et.prototype, "defaultValue", 2);
+Dt([
   a({ type: Boolean })
-], Ct.prototype, "disabled", 2);
-At([
+], Et.prototype, "disabled", 2);
+Dt([
   a({ type: String })
-], Ct.prototype, "form", 2);
-At([
+], Et.prototype, "form", 2);
+Dt([
   a({ type: String })
-], Ct.prototype, "id", 2);
-At([
+], Et.prototype, "id", 2);
+Dt([
   a({ type: String })
-], Ct.prototype, "inputmode", 2);
-At([
+], Et.prototype, "inputmode", 2);
+Dt([
   a({ type: Number })
-], Ct.prototype, "maxlength", 2);
-At([
+], Et.prototype, "maxlength", 2);
+Dt([
   a({ type: String })
-], Ct.prototype, "name", 2);
-At([
+], Et.prototype, "name", 2);
+Dt([
   a({ type: String })
-], Ct.prototype, "pattern", 2);
-At([
+], Et.prototype, "pattern", 2);
+Dt([
   a({ type: Boolean })
-], Ct.prototype, "required", 2);
-At([
+], Et.prototype, "required", 2);
+Dt([
   a({ type: String })
-], Ct.prototype, "value", 2);
-At([
+], Et.prototype, "value", 2);
+Dt([
   a({ attribute: !1 })
-], Ct.prototype, "onChange", 2);
-At([
+], Et.prototype, "onChange", 2);
+Dt([
   a({ attribute: !1 })
-], Ct.prototype, "onComplete", 2);
-At([
+], Et.prototype, "onComplete", 2);
+Dt([
   a({ attribute: !1 })
-], Ct.prototype, "onBlur", 2);
-At([
+], Et.prototype, "onBlur", 2);
+Dt([
   a({ attribute: !1 })
-], Ct.prototype, "onFocus", 2);
-At([
+], Et.prototype, "onFocus", 2);
+Dt([
   a({ attribute: !1 })
-], Ct.prototype, "onPaste", 2);
-At([
+], Et.prototype, "onPaste", 2);
+Dt([
   a({ attribute: !1 })
-], Ct.prototype, "pasteTransformer", 2);
-At([
+], Et.prototype, "pasteTransformer", 2);
+Dt([
   m()
-], Ct.prototype, "_activeSlot", 2);
-At([
+], Et.prototype, "_activeSlot", 2);
+Dt([
   m()
-], Ct.prototype, "_hasFocus", 2);
-At([
+], Et.prototype, "_hasFocus", 2);
+Dt([
   m()
-], Ct.prototype, "_value", 2);
-Ct = At([
+], Et.prototype, "_value", 2);
+Et = Dt([
   p("pont-input-otp")
-], Ct);
+], Et);
 var s_ = Object.getOwnPropertyDescriptor, a_ = (t, e, n, o) => {
   for (var r = o > 1 ? void 0 : o ? s_(e, n) : e, i = t.length - 1, s; i >= 0; i--)
     (s = t[i]) && (r = s(r) || r);
@@ -13978,7 +13978,7 @@ var Pw = Object.defineProperty, Rw = Object.getOwnPropertyDescriptor, jt = (t, e
     (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
   return o && r && Pw(e, n, r), r;
 };
-let Rt = class extends f {
+let It = class extends f {
   constructor() {
     super(...arguments), this.id = "", this._showPassword = !1, this._handleToggle = () => {
       this._showPassword = !this._showPassword;
@@ -14102,64 +14102,64 @@ let Rt = class extends f {
 };
 jt([
   a({ type: String })
-], Rt.prototype, "autocomplete", 2);
+], It.prototype, "autocomplete", 2);
 jt([
   a({ type: Boolean })
-], Rt.prototype, "disabled", 2);
+], It.prototype, "disabled", 2);
 jt([
   a({ type: String })
-], Rt.prototype, "form", 2);
+], It.prototype, "form", 2);
 jt([
   a({ type: String })
-], Rt.prototype, "id", 2);
+], It.prototype, "id", 2);
 jt([
   a({ type: Boolean })
-], Rt.prototype, "invalid", 2);
+], It.prototype, "invalid", 2);
 jt([
   a({ type: Number })
-], Rt.prototype, "maxlength", 2);
+], It.prototype, "maxlength", 2);
 jt([
   a({ type: Number })
-], Rt.prototype, "minlength", 2);
+], It.prototype, "minlength", 2);
 jt([
   a({ type: String })
-], Rt.prototype, "name", 2);
+], It.prototype, "name", 2);
 jt([
   a({ type: String })
-], Rt.prototype, "pattern", 2);
+], It.prototype, "pattern", 2);
 jt([
   a({ type: String })
-], Rt.prototype, "placeholder", 2);
+], It.prototype, "placeholder", 2);
 jt([
   a({ type: Boolean })
-], Rt.prototype, "readonly", 2);
+], It.prototype, "readonly", 2);
 jt([
   a({ type: Boolean })
-], Rt.prototype, "required", 2);
+], It.prototype, "required", 2);
 jt([
   a({ type: String })
-], Rt.prototype, "value", 2);
+], It.prototype, "value", 2);
 jt([
   a({ attribute: !1 })
-], Rt.prototype, "onClick", 2);
+], It.prototype, "onClick", 2);
 jt([
   a({ attribute: !1 })
-], Rt.prototype, "onInput", 2);
+], It.prototype, "onInput", 2);
 jt([
   a({ attribute: !1 })
-], Rt.prototype, "onChange", 2);
+], It.prototype, "onChange", 2);
 jt([
   a({ attribute: !1 })
-], Rt.prototype, "onFocus", 2);
+], It.prototype, "onFocus", 2);
 jt([
   a({ attribute: !1 })
-], Rt.prototype, "onBlur", 2);
+], It.prototype, "onBlur", 2);
 jt([
   m()
-], Rt.prototype, "_showPassword", 2);
-Rt = jt([
+], It.prototype, "_showPassword", 2);
+It = jt([
   p("pont-password-input")
-], Rt);
+], It);
 const np = {
   root: [
     "pont-relative pont-overflow-hidden",
@@ -15525,24 +15525,28 @@ Es([
 Yo = Es([
   p("pont-table")
 ], Yo);
-function g$() {
+const g$ = "pont-account-settings-dashboard-width", m$ = "pont-account-settings-modal-width", f$ = "pont-account-settings-dashboard", v$ = "pont-account-settings-page-reset-margin", b$ = "pont-account-settings-modal-root", $t = "pont", lp = {
+  xs: 640,
+  sm: 768
+};
+function y$() {
   const t = Date.now().toString(36), e = Math.random().toString(36).substring(2, 7);
-  return `rtg-${t}${e}`;
+  return `${$t}-${t}${e}`;
 }
-function m$(t, e) {
+function _$(t, e) {
   return `${t}-trigger-${e}`;
 }
-function f$(t, e) {
+function w$(t, e) {
   return `${t}-content-${e}`;
 }
-var v$ = Object.defineProperty, b$ = Object.getOwnPropertyDescriptor, Zr = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? b$(e, n) : e, i = t.length - 1, s; i >= 0; i--)
+var $$ = Object.defineProperty, C$ = Object.getOwnPropertyDescriptor, Zr = (t, e, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? C$(e, n) : e, i = t.length - 1, s; i >= 0; i--)
     (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
-  return o && r && v$(e, n, r), r;
+  return o && r && $$(e, n, r), r;
 };
 let $r = class extends f {
   constructor() {
-    super(...arguments), this._initialSyncDone = !1, this.orientation = "horizontal", this.dir = "ltr", this.activationMode = "automatic", this._baseId = g$(), this._onTriggerSelect = (t) => {
+    super(...arguments), this._initialSyncDone = !1, this.orientation = "horizontal", this.dir = "ltr", this.activationMode = "automatic", this._baseId = y$(), this._onTriggerSelect = (t) => {
       var n;
       const e = t.detail.value;
       this._isControlled ? (n = this.onValueChange) == null || n.call(this, e) : this._activeValue = e;
@@ -15593,11 +15597,11 @@ let $r = class extends f {
       var d;
       const i = r._triggerSlot;
       if (!i) return;
-      i.setAttribute("data-orientation", this.orientation), i.id || (i.id = m$(this._baseId, r.value));
+      i.setAttribute("data-orientation", this.orientation), i.id || (i.id = _$(this._baseId, r.value));
       const s = r.value === this._currentValue;
       i.setAttribute("data-state", s ? "active" : "inactive"), i.tabIndex = s ? 0 : -1, i.setAttribute("aria-selected", String(s));
       const c = e.find((g) => g.value === r.value);
-      c != null && c._contentSlot && ((d = c._contentSlot).id || (d.id = f$(this._baseId, c.value)), c._contentSlot.setAttribute("aria-labelledby", i.id), i.setAttribute("aria-controls", c._contentSlot.id));
+      c != null && c._contentSlot && ((d = c._contentSlot).id || (d.id = w$(this._baseId, c.value)), c._contentSlot.setAttribute("aria-labelledby", i.id), i.setAttribute("aria-controls", c._contentSlot.id));
     }), e.forEach((r) => {
       const i = r._contentSlot;
       if (!i) return;
@@ -15652,10 +15656,10 @@ Zr([
 $r = Zr([
   p("pont-tabs")
 ], $r);
-var y$ = Object.defineProperty, _$ = Object.getOwnPropertyDescriptor, du = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? _$(e, n) : e, i = t.length - 1, s; i >= 0; i--)
+var E$ = Object.defineProperty, S$ = Object.getOwnPropertyDescriptor, du = (t, e, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? S$(e, n) : e, i = t.length - 1, s; i >= 0; i--)
     (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
-  return o && r && y$(e, n, r), r;
+  return o && r && E$(e, n, r), r;
 };
 let sl = class extends f {
   constructor() {
@@ -15700,10 +15704,10 @@ du([
 sl = du([
   p("pont-tabs-list")
 ], sl);
-var w$ = Object.defineProperty, $$ = Object.getOwnPropertyDescriptor, oc = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? $$(e, n) : e, i = t.length - 1, s; i >= 0; i--)
+var x$ = Object.defineProperty, O$ = Object.getOwnPropertyDescriptor, oc = (t, e, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? O$(e, n) : e, i = t.length - 1, s; i >= 0; i--)
     (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
-  return o && r && w$(e, n, r), r;
+  return o && r && x$(e, n, r), r;
 };
 let ss = class extends f {
   constructor() {
@@ -15770,10 +15774,10 @@ oc([
 ss = oc([
   p("pont-tabs-trigger")
 ], ss);
-var C$ = Object.defineProperty, E$ = Object.getOwnPropertyDescriptor, pu = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? E$(e, n) : e, i = t.length - 1, s; i >= 0; i--)
+var P$ = Object.defineProperty, R$ = Object.getOwnPropertyDescriptor, pu = (t, e, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? R$(e, n) : e, i = t.length - 1, s; i >= 0; i--)
     (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
-  return o && r && C$(e, n, r), r;
+  return o && r && P$(e, n, r), r;
 };
 let al = class extends f {
   constructor() {
@@ -15872,15 +15876,15 @@ const mi = {
     "pont-text-toast-description-font pont-opacity-toast-description-opacity"
   ]
 };
-var S$ = Object.defineProperty, x$ = Object.getOwnPropertyDescriptor, ic = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? x$(e, n) : e, i = t.length - 1, s; i >= 0; i--)
+var I$ = Object.defineProperty, T$ = Object.getOwnPropertyDescriptor, ic = (t, e, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? T$(e, n) : e, i = t.length - 1, s; i >= 0; i--)
     (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
-  return o && r && S$(e, n, r), r;
+  return o && r && I$(e, n, r), r;
 };
-const lp = "closed";
+const cp = "closed";
 let $n = class extends b {
   constructor() {
-    super(...arguments), this.variant = "default", this.state = lp;
+    super(...arguments), this.variant = "default", this.state = cp;
   }
   get _containerElement() {
     return this.querySelector("li[part=toast-view-port-li]");
@@ -15899,7 +15903,7 @@ let $n = class extends b {
       class="${u(
       mi.viewportRoot,
       this.className,
-      `${this.state === lp ? "hidden" : "block"}  `
+      `${this.state === cp ? "hidden" : "block"}  `
     )}"
     >
       <li
@@ -15931,10 +15935,10 @@ ic([
 $n = ic([
   p("pont-toast-view-port")
 ], $n);
-var O$ = Object.defineProperty, P$ = Object.getOwnPropertyDescriptor, hu = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? P$(e, n) : e, i = t.length - 1, s; i >= 0; i--)
+var A$ = Object.defineProperty, D$ = Object.getOwnPropertyDescriptor, hu = (t, e, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? D$(e, n) : e, i = t.length - 1, s; i >= 0; i--)
     (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
-  return o && r && O$(e, n, r), r;
+  return o && r && A$(e, n, r), r;
 };
 let no = class extends b {
   constructor() {
@@ -15982,12 +15986,12 @@ hu([
 no = hu([
   p("pont-toast-action")
 ], no);
-var R$ = Object.getOwnPropertyDescriptor, I$ = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? R$(e, n) : e, i = t.length - 1, s; i >= 0; i--)
+var L$ = Object.getOwnPropertyDescriptor, k$ = (t, e, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? L$(e, n) : e, i = t.length - 1, s; i >= 0; i--)
     (s = t[i]) && (r = s(r) || r);
   return r;
 };
-let cp = class extends b {
+let dp = class extends b {
   get _containerElement() {
     return this.querySelector("div[part=toast-description]");
   }
@@ -16008,15 +16012,15 @@ let cp = class extends b {
     `;
   }
 };
-cp = I$([
+dp = k$([
   p("pont-toast-description")
-], cp);
-var T$ = Object.getOwnPropertyDescriptor, A$ = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? T$(e, n) : e, i = t.length - 1, s; i >= 0; i--)
+], dp);
+var M$ = Object.getOwnPropertyDescriptor, N$ = (t, e, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? M$(e, n) : e, i = t.length - 1, s; i >= 0; i--)
     (s = t[i]) && (r = s(r) || r);
   return r;
 };
-let dp = class extends b {
+let pp = class extends b {
   get _containerElement() {
     return this.querySelector("div[part=toast-title]");
   }
@@ -16035,15 +16039,15 @@ let dp = class extends b {
     `;
   }
 };
-dp = A$([
+pp = N$([
   p("pont-toast-title")
-], dp);
-var D$ = Object.getOwnPropertyDescriptor, L$ = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? D$(e, n) : e, i = t.length - 1, s; i >= 0; i--)
+], pp);
+var j$ = Object.getOwnPropertyDescriptor, U$ = (t, e, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? j$(e, n) : e, i = t.length - 1, s; i >= 0; i--)
     (s = t[i]) && (r = s(r) || r);
   return r;
 };
-let pp = class extends b {
+let hp = class extends b {
   constructor() {
     super(), this.handleClick = this.handleClick.bind(this);
   }
@@ -16075,13 +16079,13 @@ let pp = class extends b {
     `;
   }
 };
-pp = L$([
+hp = U$([
   p("pont-toast-trigger")
-], pp);
-var k$ = Object.defineProperty, M$ = Object.getOwnPropertyDescriptor, uu = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? M$(e, n) : e, i = t.length - 1, s; i >= 0; i--)
+], hp);
+var q$ = Object.defineProperty, B$ = Object.getOwnPropertyDescriptor, uu = (t, e, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? B$(e, n) : e, i = t.length - 1, s; i >= 0; i--)
     (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
-  return o && r && k$(e, n, r), r;
+  return o && r && q$(e, n, r), r;
 };
 let as = class extends b {
   constructor() {
@@ -16125,7 +16129,7 @@ as = uu([
   p("pont-toast")
 ], as);
 var ls = /* @__PURE__ */ ((t) => (t.MULTIPLE = "multiple", t.SINGLE = "single", t))(ls || {}), cs = /* @__PURE__ */ ((t) => (t.DEFAULT = "default", t.OUTLINE = "outline", t))(cs || {}), ds = /* @__PURE__ */ ((t) => (t.SMALL = "sm", t.MEDIUM = "md", t.LARGE = "lg", t))(ds || {});
-const N$ = Al(
+const F$ = Al(
   "pont-inline-flex pont-items-center pont-justify-center pont-rounded-toggle-group-item-radius pont-text-toggle-group-item-font pont-font-toggle-group-item-font-weight pont-transition-colors focus-visible:pont-outline-none focus-visible:pont-ring-toggle-group-item-width-ring-focus focus-visible:pont-ring-toggle-group-item-color-ring-focus focus-visible:pont-ring-offset-toggle-group-item-width-ring-offset-focus disabled:pont-pointer-events-none disabled:pont-opacity-toggle-group-item-opacity-disabled data-[state=on]:pont-bg-toggle-group-item-color-bg-on data-[state=on]:pont-text-toggle-group-item-color-text-on pont-bg-transparent",
   {
     variants: {
@@ -16140,11 +16144,11 @@ const N$ = Al(
       }
     }
   }
-), j$ = "pont-flex pont-items-center pont-justify-center pont-gap-toggle-group-space-gap";
-var U$ = Object.defineProperty, q$ = Object.getOwnPropertyDescriptor, Pn = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? q$(e, n) : e, i = t.length - 1, s; i >= 0; i--)
+), z$ = "pont-flex pont-items-center pont-justify-center pont-gap-toggle-group-space-gap";
+var V$ = Object.defineProperty, H$ = Object.getOwnPropertyDescriptor, Pn = (t, e, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? H$(e, n) : e, i = t.length - 1, s; i >= 0; i--)
     (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
-  return o && r && U$(e, n, r), r;
+  return o && r && V$(e, n, r), r;
 };
 let er = class extends b {
   /**
@@ -16241,7 +16245,7 @@ let er = class extends b {
     `;
   }
 };
-er.toggleGroupVariants = N$;
+er.toggleGroupVariants = F$;
 Pn([
   a({ attribute: !0, type: Boolean, reflect: !0 })
 ], er.prototype, "checked", 2);
@@ -16263,10 +16267,10 @@ Pn([
 er = Pn([
   p("pont-toggle-group-item")
 ], er);
-var B$ = Object.defineProperty, F$ = Object.getOwnPropertyDescriptor, Rn = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? F$(e, n) : e, i = t.length - 1, s; i >= 0; i--)
+var G$ = Object.defineProperty, K$ = Object.getOwnPropertyDescriptor, Rn = (t, e, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? K$(e, n) : e, i = t.length - 1, s; i >= 0; i--)
     (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
-  return o && r && B$(e, n, r), r;
+  return o && r && G$(e, n, r), r;
 };
 let Cr = class extends b {
   constructor() {
@@ -16303,7 +16307,7 @@ let Cr = class extends b {
         part="toggle-group"
         role="group"
         ${Zt(t)}
-        class="${u(j$, this.className)}"
+        class="${u(z$, this.className)}"
         ?disable="${this.disabled}"
       ></div>
     `;
@@ -16331,7 +16335,7 @@ Cr = Rn([
   p("pont-toggle-group")
 ], Cr);
 var Di = /* @__PURE__ */ ((t) => (t.SMALL = "sm", t.MEDIUM = "md", t.LARGE = "lg", t))(Di || {}), Li = /* @__PURE__ */ ((t) => (t.DEFAULT = "default", t.OUTLINE = "outline", t))(Li || {});
-const z$ = Al(
+const W$ = Al(
   "pont-inline-flex pont-items-center pont-justify-center pont-rounded-toggle-radius pont-text-toggle-font pont-font-toggle-font-weight pont-transition-colors focus-visible:pont-outline-none focus-visible:pont-ring-toggle-width-ring-focus focus-visible:pont-ring-toggle-color-ring-focus focus-visible:pont-ring-offset-toggle-width-ring-offset-focus disabled:pont-pointer-events-none disabled:pont-opacity-toggle-opacity-disabled data-[state=on]:pont-bg-toggle-color-bg-on data-[state=on]:pont-text-toggle-color-text-on pont-bg-transparent",
   {
     variants: {
@@ -16347,10 +16351,10 @@ const z$ = Al(
     }
   }
 );
-var V$ = Object.defineProperty, H$ = Object.getOwnPropertyDescriptor, wo = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? H$(e, n) : e, i = t.length - 1, s; i >= 0; i--)
+var Y$ = Object.defineProperty, Z$ = Object.getOwnPropertyDescriptor, wo = (t, e, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? Z$(e, n) : e, i = t.length - 1, s; i >= 0; i--)
     (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
-  return o && r && V$(e, n, r), r;
+  return o && r && Y$(e, n, r), r;
 };
 let Er = class extends b {
   constructor() {
@@ -16409,7 +16413,7 @@ let Er = class extends b {
     `;
   }
 };
-Er.toggleVariants = z$;
+Er.toggleVariants = W$;
 wo([
   a({ type: Boolean })
 ], Er.prototype, "disabled", 2);
@@ -16434,12 +16438,12 @@ wo([
 Er = wo([
   p("pont-toggle")
 ], Er);
-var G$ = Object.getOwnPropertyDescriptor, K$ = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? G$(e, n) : e, i = t.length - 1, s; i >= 0; i--)
+var J$ = Object.getOwnPropertyDescriptor, Q$ = (t, e, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? J$(e, n) : e, i = t.length - 1, s; i >= 0; i--)
     (s = t[i]) && (r = s(r) || r);
   return r;
 };
-let hp = class extends f {
+let up = class extends f {
   /**
    * Overrides the default behaviour to render into the light DOM.
    */
@@ -16464,15 +16468,15 @@ let hp = class extends f {
     return l`<blockquote data-slot="typography-blockquote"></blockquote>`;
   }
 };
-hp = K$([
+up = Q$([
   p("pont-typography-blockquote")
-], hp);
-var W$ = Object.getOwnPropertyDescriptor, Y$ = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? W$(e, n) : e, i = t.length - 1, s; i >= 0; i--)
+], up);
+var X$ = Object.getOwnPropertyDescriptor, t1 = (t, e, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? X$(e, n) : e, i = t.length - 1, s; i >= 0; i--)
     (s = t[i]) && (r = s(r) || r);
   return r;
 };
-let up = class extends f {
+let gp = class extends f {
   /**
    * Overrides the default behaviour to render into the light DOM.
    */
@@ -16497,13 +16501,13 @@ let up = class extends f {
     return l`<code data-slot="typography-code"></code>`;
   }
 };
-up = Y$([
+gp = t1([
   p("pont-typography-code")
-], up);
-var Z$ = Object.defineProperty, J$ = Object.getOwnPropertyDescriptor, gu = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? J$(e, n) : e, i = t.length - 1, s; i >= 0; i--)
+], gp);
+var e1 = Object.defineProperty, r1 = Object.getOwnPropertyDescriptor, gu = (t, e, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? r1(e, n) : e, i = t.length - 1, s; i >= 0; i--)
     (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
-  return o && r && Z$(e, n, r), r;
+  return o && r && e1(e, n, r), r;
 };
 let ll = class extends f {
   constructor() {
@@ -16545,12 +16549,12 @@ gu([
 ll = gu([
   p("pont-typography-h")
 ], ll);
-var Q$ = Object.getOwnPropertyDescriptor, X$ = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? Q$(e, n) : e, i = t.length - 1, s; i >= 0; i--)
+var n1 = Object.getOwnPropertyDescriptor, o1 = (t, e, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? n1(e, n) : e, i = t.length - 1, s; i >= 0; i--)
     (s = t[i]) && (r = s(r) || r);
   return r;
 };
-let gp = class extends f {
+let mp = class extends f {
   /**
    * Overrides the default behaviour to render into the light DOM.
    */
@@ -16575,15 +16579,15 @@ let gp = class extends f {
     return l`<div data-slot="typography-large"></div>`;
   }
 };
-gp = X$([
+mp = o1([
   p("pont-typography-large")
-], gp);
-var t1 = Object.getOwnPropertyDescriptor, e1 = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? t1(e, n) : e, i = t.length - 1, s; i >= 0; i--)
+], mp);
+var i1 = Object.getOwnPropertyDescriptor, s1 = (t, e, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? i1(e, n) : e, i = t.length - 1, s; i >= 0; i--)
     (s = t[i]) && (r = s(r) || r);
   return r;
 };
-let mp = class extends f {
+let fp = class extends f {
   /**
    * Overrides the default behaviour to render into the light DOM.
    */
@@ -16608,15 +16612,15 @@ let mp = class extends f {
     return l`<p data-slot="typography-lead"></p>`;
   }
 };
-mp = e1([
+fp = s1([
   p("pont-typography-lead")
-], mp);
-var r1 = Object.getOwnPropertyDescriptor, n1 = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? r1(e, n) : e, i = t.length - 1, s; i >= 0; i--)
+], fp);
+var a1 = Object.getOwnPropertyDescriptor, l1 = (t, e, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? a1(e, n) : e, i = t.length - 1, s; i >= 0; i--)
     (s = t[i]) && (r = s(r) || r);
   return r;
 };
-let fp = class extends f {
+let vp = class extends f {
   /**
    * Overrides the default behaviour to render into the light DOM.
    */
@@ -16641,15 +16645,15 @@ let fp = class extends f {
     return l`<ul data-slot="typography-list"></ul>`;
   }
 };
-fp = n1([
+vp = l1([
   p("pont-typography-list")
-], fp);
-var o1 = Object.getOwnPropertyDescriptor, i1 = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? o1(e, n) : e, i = t.length - 1, s; i >= 0; i--)
+], vp);
+var c1 = Object.getOwnPropertyDescriptor, d1 = (t, e, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? c1(e, n) : e, i = t.length - 1, s; i >= 0; i--)
     (s = t[i]) && (r = s(r) || r);
   return r;
 };
-let vp = class extends f {
+let bp = class extends f {
   /**
    * Overrides the default behaviour to render into the light DOM.
    */
@@ -16674,15 +16678,15 @@ let vp = class extends f {
     return l`<p data-slot="typography-muted"></p>`;
   }
 };
-vp = i1([
+bp = d1([
   p("pont-typography-muted")
-], vp);
-var s1 = Object.getOwnPropertyDescriptor, a1 = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? s1(e, n) : e, i = t.length - 1, s; i >= 0; i--)
+], bp);
+var p1 = Object.getOwnPropertyDescriptor, h1 = (t, e, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? p1(e, n) : e, i = t.length - 1, s; i >= 0; i--)
     (s = t[i]) && (r = s(r) || r);
   return r;
 };
-let bp = class extends f {
+let yp = class extends f {
   /**
    * Overrides the default behaviour to render into the light DOM.
    */
@@ -16707,15 +16711,15 @@ let bp = class extends f {
     return l`<p data-slot="typography-p"></p>`;
   }
 };
-bp = a1([
+yp = h1([
   p("pont-typography-p")
-], bp);
-var l1 = Object.getOwnPropertyDescriptor, c1 = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? l1(e, n) : e, i = t.length - 1, s; i >= 0; i--)
+], yp);
+var u1 = Object.getOwnPropertyDescriptor, g1 = (t, e, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? u1(e, n) : e, i = t.length - 1, s; i >= 0; i--)
     (s = t[i]) && (r = s(r) || r);
   return r;
 };
-let yp = class extends f {
+let _p = class extends f {
   /**
    * Overrides the default behaviour to render into the light DOM.
    */
@@ -16740,15 +16744,15 @@ let yp = class extends f {
     return l`<small data-slot="typography-small"></small>`;
   }
 };
-yp = c1([
+_p = g1([
   p("pont-typography-small")
-], yp);
-var d1 = Object.getOwnPropertyDescriptor, p1 = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? d1(e, n) : e, i = t.length - 1, s; i >= 0; i--)
+], _p);
+var m1 = Object.getOwnPropertyDescriptor, f1 = (t, e, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? m1(e, n) : e, i = t.length - 1, s; i >= 0; i--)
     (s = t[i]) && (r = s(r) || r);
   return r;
 };
-let _p = class extends f {
+let wp = class extends f {
   /**
    * Overrides the default behaviour to render into the light DOM.
    */
@@ -16756,15 +16760,15 @@ let _p = class extends f {
     return this;
   }
 };
-_p = p1([
+wp = f1([
   p("pont-typography-table")
-], _p);
-var h1 = Object.defineProperty, u1 = Object.getOwnPropertyDescriptor, Ut = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? u1(e, n) : e, i = t.length - 1, s; i >= 0; i--)
+], wp);
+var v1 = Object.defineProperty, b1 = Object.getOwnPropertyDescriptor, Ut = (t, e, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? b1(e, n) : e, i = t.length - 1, s; i >= 0; i--)
     (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
-  return o && r && h1(e, n, r), r;
+  return o && r && v1(e, n, r), r;
 };
-let It = class extends b {
+let Tt = class extends b {
   constructor() {
     super(...arguments), this.placeholder = "Filter emails...", this.dataTable = [], this.hasDefaultSelect = !0, this.hasDefaultPagination = !0, this.hasDefaultSearch = !0, this.checkedRows = {}, this.searchTerm = "", this.columnVisibility = {}, this.sortColumn = null, this.sortDirection = "asc", this.cellRenderers = {}, this.rowActions = [], this.paginationLabels = ["Previous", "Next"], this.pageSize = 5, this.currentPage = 1, this.sortableColumns = ["email"], this.columnOrder = [];
   }
@@ -17122,64 +17126,64 @@ let It = class extends b {
 };
 Ut([
   a({ type: String })
-], It.prototype, "placeholder", 2);
+], Tt.prototype, "placeholder", 2);
 Ut([
   a({ type: Array })
-], It.prototype, "dataTable", 2);
+], Tt.prototype, "dataTable", 2);
 Ut([
   a({ type: Boolean })
-], It.prototype, "hasDefaultSelect", 2);
+], Tt.prototype, "hasDefaultSelect", 2);
 Ut([
   a({ type: Boolean })
-], It.prototype, "hasDefaultPagination", 2);
+], Tt.prototype, "hasDefaultPagination", 2);
 Ut([
   a({ type: Boolean })
-], It.prototype, "hasDefaultSearch", 2);
+], Tt.prototype, "hasDefaultSearch", 2);
 Ut([
   a({ type: Object })
-], It.prototype, "checkedRows", 2);
+], Tt.prototype, "checkedRows", 2);
 Ut([
   a({ type: String })
-], It.prototype, "searchTerm", 2);
+], Tt.prototype, "searchTerm", 2);
 Ut([
   a({ type: Object })
-], It.prototype, "columnVisibility", 2);
+], Tt.prototype, "columnVisibility", 2);
 Ut([
   a({ type: String })
-], It.prototype, "sortColumn", 2);
+], Tt.prototype, "sortColumn", 2);
 Ut([
   a({ type: String })
-], It.prototype, "sortDirection", 2);
+], Tt.prototype, "sortDirection", 2);
 Ut([
   a({ type: Object })
-], It.prototype, "cellRenderers", 2);
+], Tt.prototype, "cellRenderers", 2);
 Ut([
   a({ type: Object })
-], It.prototype, "headerRenderers", 2);
+], Tt.prototype, "headerRenderers", 2);
 Ut([
   a({ type: Array })
-], It.prototype, "rowActions", 2);
+], Tt.prototype, "rowActions", 2);
 Ut([
   a({ type: Array })
-], It.prototype, "paginationLabels", 2);
+], Tt.prototype, "paginationLabels", 2);
 Ut([
   a({ type: Number })
-], It.prototype, "pageSize", 2);
+], Tt.prototype, "pageSize", 2);
 Ut([
   a({ type: Number })
-], It.prototype, "currentPage", 2);
+], Tt.prototype, "currentPage", 2);
 Ut([
   a({ type: Array })
-], It.prototype, "sortableColumns", 2);
+], Tt.prototype, "sortableColumns", 2);
 Ut([
   a({ type: Array })
-], It.prototype, "columnOrder", 2);
+], Tt.prototype, "columnOrder", 2);
 Ut([
   a({ type: Function })
-], It.prototype, "isRowDisabled", 2);
-It = Ut([
+], Tt.prototype, "isRowDisabled", 2);
+Tt = Ut([
   p("pont-data-table")
-], It);
+], Tt);
 var bt = class extends Error {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   constructor(e, n, o, r) {
@@ -17209,11 +17213,11 @@ function mu(t) {
         "CONFIG_ERROR",
         `domain "${e}" is relative to the page origin, and there is no page here`
       );
-    return wp(new URL(e, location.origin));
+    return $p(new URL(e, location.origin));
   }
-  const n = /^https?:\/\//i.test(e) ? "" : `${m1(g1(e)) ? "http" : "https"}://`;
+  const n = /^https?:\/\//i.test(e) ? "" : `${_1(y1(e)) ? "http" : "https"}://`;
   try {
-    return wp(new URL(`${n}${e}`));
+    return $p(new URL(`${n}${e}`));
   } catch {
     throw new bt(
       "CONFIG_ERROR",
@@ -17221,16 +17225,16 @@ function mu(t) {
     );
   }
 }
-function wp(t) {
+function $p(t) {
   return `${t.origin}${t.pathname}`.replace(/\/+$/, "");
 }
-function g1(t) {
+function y1(t) {
   return t.split("/")[0];
 }
-function m1(t) {
+function _1(t) {
   return /^(localhost|127\.0\.0\.1|\[::1\])(:\d+)?$/i.test(t);
 }
-var Ge, f1 = (Ge = class {
+var Ge, w1 = (Ge = class {
   constructor() {
     N(this, "data", /* @__PURE__ */ new Map());
   }
@@ -17281,14 +17285,14 @@ var Ge, f1 = (Ge = class {
   clear() {
     this.data.clear();
   }
-}, N(Ge, "instance"), Ge), xt = f1.Instance, Ke, ps = (Ke = class {
+}, N(Ge, "instance"), Ge), Ot = w1.Instance, Ke, ps = (Ke = class {
   constructor() {
   }
   static get Instance() {
     return Ke.instance || (Ke.instance = new Ke()), Ke.instance;
   }
   async request(e, n = {}) {
-    const o = xt.getConfig(), r = `${xt.getApiBaseUrl()}${e}`, i = 5e4, s = new AbortController(), c = setTimeout(() => s.abort(), i);
+    const o = Ot.getConfig(), r = `${Ot.getApiBaseUrl()}${e}`, i = 5e4, s = new AbortController(), c = setTimeout(() => s.abort(), i);
     try {
       const d = await fetch(r, {
         ...n,
@@ -17354,33 +17358,33 @@ var Ge, f1 = (Ge = class {
     });
   }
 }, N(Ke, "instance"), Ke), fu = "__Secure-pontive_session_state", Ks = "__Secure-pontive_session_probe";
-function v1() {
-  return vu(fu) ? "present" : b1() ? "absent" : "unknown";
+function $1() {
+  return vu(fu) ? "present" : C1() ? "absent" : "unknown";
 }
 function cl() {
   if (!(typeof document > "u" || typeof location > "u"))
-    for (const t of ["", ...w1(location.hostname)])
+    for (const t of ["", ...x1(location.hostname)])
       dl(fu, "", t, 0);
 }
-function b1() {
+function C1() {
   if (typeof document > "u" || typeof location > "u")
     return !1;
-  const t = _1();
+  const t = S1();
   try {
     dl(Ks, "1", t, 60);
     const e = vu(Ks) === "1";
-    return dl(Ks, "", t, 0), e && y1(t);
+    return dl(Ks, "", t, 0), e && E1(t);
   } catch {
     return !1;
   }
 }
-function y1(t) {
-  return t !== "" || xt.apiIsSameOrigin();
+function E1(t) {
+  return t !== "" || Ot.apiIsSameOrigin();
 }
-function _1() {
+function S1() {
   let t;
   try {
-    t = new URL(xt.getApiBaseUrl()).hostname;
+    t = new URL(Ot.getApiBaseUrl()).hostname;
   } catch {
     return "";
   }
@@ -17393,17 +17397,17 @@ function _1() {
     r += 1;
   return r < 2 ? "" : o.slice(o.length - r).join(".");
 }
-function w1(t) {
+function x1(t) {
   const e = t.split("."), n = [];
   for (let o = 1; o + 2 <= e.length; o += 1)
     n.push(e.slice(o).join("."));
   return n;
 }
 function dl(t, e, n, o) {
-  const r = $1() ? "; Secure" : "", i = n ? `; Domain=${n}` : "";
+  const r = O1() ? "; Secure" : "", i = n ? `; Domain=${n}` : "";
   document.cookie = `${t}=${e}; Path=/; Max-Age=${o}; SameSite=Lax${i}${r}`;
 }
-function $1() {
+function O1() {
   return typeof globalThis.isSecureContext == "boolean" ? globalThis.isSecureContext : location.protocol === "https:";
 }
 function vu(t) {
@@ -17482,7 +17486,7 @@ var Kt, he = (Kt = class {
   }
   /** Channel and lock names are per app, so unrelated apps on one origin do not queue behind each other. */
   channelKey(e) {
-    const n = xt.getConfig();
+    const n = Ot.getConfig();
     return `pontive-${e}:${(n == null ? void 0 : n.domain) ?? ""}:${(n == null ? void 0 : n.appId) ?? ""}`;
   }
   ensureChannel() {
@@ -17647,7 +17651,7 @@ var Kt, he = (Kt = class {
       const o = await this.requestTokens(e);
       return this.isCurrentGeneration(n) ? o : (console.warn("Token refresh returned after the session changed; discarding it"), null);
     } catch (o) {
-      return this.isCurrentGeneration(n) ? C1(o) ? (console.error("Token refresh rejected, signing out:", To(o)), cl(), this.clearSession(), null) : (console.warn("Token refresh failed, keeping session and retrying:", To(o)), this.scheduleRefreshRetry(e), null) : (console.warn("Token refresh failed after the session changed; ignoring:", To(o)), null);
+      return this.isCurrentGeneration(n) ? P1(o) ? (console.error("Token refresh rejected, signing out:", To(o)), cl(), this.clearSession(), null) : (console.warn("Token refresh failed, keeping session and retrying:", To(o)), this.scheduleRefreshRetry(e), null) : (console.warn("Token refresh failed after the session changed; ignoring:", To(o)), null);
     }
   }
   /**
@@ -17687,7 +17691,7 @@ var Kt, he = (Kt = class {
     var r;
     const n = {
       grant_type: "refresh_token",
-      client_id: (r = xt.getConfig()) == null ? void 0 : r.appId
+      client_id: (r = Ot.getConfig()) == null ? void 0 : r.appId
     };
     e != null && e.refresh_token && (n.refresh_token = e.refresh_token);
     const o = await ps.Instance.postForm("/oauth2/token", n);
@@ -17729,7 +17733,7 @@ var Kt, he = (Kt = class {
    */
   async restoreSession() {
     const e = this.getStoredSession();
-    return e && !this.isSessionExpired(e) ? e : v1() === "absent" ? null : this.restorePromise ? this.restorePromise : (this.restorePromise = this.withRefreshLock(async () => {
+    return e && !this.isSessionExpired(e) ? e : $1() === "absent" ? null : this.restorePromise ? this.restorePromise : (this.restorePromise = this.withRefreshLock(async () => {
       const n = this.getStoredSession();
       if (n && !this.isSessionExpired(n))
         return n;
@@ -17737,7 +17741,7 @@ var Kt, he = (Kt = class {
         const o = await this.requestTokens(null);
         return o.id_token || (o.user = await this.fetchUserInfo(o.access_token) ?? void 0), this.setCurrentSession(o), this.scheduleTokenRefresh(), o;
       } catch (o) {
-        return S1(o) && cl(), console.debug("No session to restore:", To(o)), null;
+        return I1(o) && cl(), console.debug("No session to restore:", To(o)), null;
       }
     }).finally(() => {
       this.restorePromise = null;
@@ -17767,11 +17771,11 @@ var Kt, he = (Kt = class {
     }, n);
   }
 }, N(Kt, "MAX_REFRESH_RETRIES", 5), N(Kt, "REFRESH_RETRY_BASE_MS", 5e3), N(Kt, "MAX_REFRESH_RETRY_DELAY_MS", 6e4), N(Kt, "instance"), Kt);
-function C1(t) {
-  return !(t instanceof bt) || t.status === void 0 ? !1 : t.status === 401 ? !0 : t.status === 400 && E1.has(t.code);
+function P1(t) {
+  return !(t instanceof bt) || t.status === void 0 ? !1 : t.status === 401 ? !0 : t.status === 400 && R1.has(t.code);
 }
-var E1 = /* @__PURE__ */ new Set(["invalid_grant", "invalid_client"]);
-function S1(t) {
+var R1 = /* @__PURE__ */ new Set(["invalid_grant", "invalid_client"]);
+function I1(t) {
   return t instanceof bt && t.status !== void 0 && t.status >= 400 && t.status < 500;
 }
 function To(t) {
@@ -17899,7 +17903,7 @@ var bu = class {
   clearEvent(t) {
     this.listeners.delete(t);
   }
-}, x1 = class {
+}, T1 = class {
   getNavigationType() {
     const t = performance.getEntriesByType("navigation");
     if (t.length > 0)
@@ -17916,7 +17920,7 @@ var bu = class {
       }
     return "navigate";
   }
-}, O1 = class _u {
+}, A1 = class _u {
   constructor(e, n, o = window.location, r, i) {
     N(this, "httpClient", ps.Instance);
     N(this, "flowId");
@@ -17930,12 +17934,12 @@ var bu = class {
       ["switch_to_signin", this.handleSwitchToSignin.bind(this)],
       ["switch_to_signup", this.handleSwitchToSignup.bind(this)]
     ]));
-    const s = xt.getConfig();
+    const s = Ot.getConfig();
     if (!s.domain)
       throw new bt("CONFIG_ERROR", "Domain is required");
     if (!s.appId)
       throw new bt("CONFIG_ERROR", "App ID is required");
-    this.flowId = e, this.location = o, this.flowStateManager = r || new bu(), this.flowEventBus = n || new yu(), this.navigationTypeDetector = i || new x1(), he.Instance.cleanExpiredSession(), he.Instance.scheduleTokenRefresh();
+    this.flowId = e, this.location = o, this.flowStateManager = r || new bu(), this.flowEventBus = n || new yu(), this.navigationTypeDetector = i || new T1(), he.Instance.cleanExpiredSession(), he.Instance.scheduleTokenRefresh();
   }
   static async init(e, n, o, r, i) {
     const s = new _u(
@@ -18050,7 +18054,7 @@ var bu = class {
         expires_at: Date.now() + e.expires_in * 1e3
       };
       he.Instance.setCurrentSession(n), he.Instance.scheduleTokenRefresh(), this.flowStateManager.clearFlowState();
-      const { onAuthenticated: o } = xt.getConfig();
+      const { onAuthenticated: o } = Ot.getConfig();
       if (o) {
         o(n);
         return;
@@ -18064,7 +18068,7 @@ var bu = class {
    * Initialize or resume the flow.
    */
   async initializeFlowInternal() {
-    const e = xt.getConfig(), n = hs.detect(e, this.location);
+    const e = Ot.getConfig(), n = hs.detect(e, this.location);
     this.validateFlowType(n);
     const o = this.flowStateManager.getFlowState();
     return this.shouldResumeFlow(o, n) ? await this.resumeExistingFlow(o, n) : await this.startNewFlow(n);
@@ -18131,7 +18135,7 @@ var bu = class {
    * Start a new flow.
    */
   async startNewFlow(e) {
-    const n = xt.getConfig(), o = new URLSearchParams(this.location.search), r = {};
+    const n = Ot.getConfig(), o = new URLSearchParams(this.location.search), r = {};
     o.forEach((d, g) => {
       r[g] = d;
     }), console.log("metadata", r);
@@ -18183,14 +18187,14 @@ var bu = class {
    * Handle switch to signin event.
    */
   async handleSwitchToSignin() {
-    const e = xt.getConfig();
+    const e = Ot.getConfig();
     return this.redirect({ url: this.withCurrentQuery(e.signinUrl), redirect_delay: 0 }), { state: "End" };
   }
   /**
    * Handle switch to signup event.
    */
   async handleSwitchToSignup() {
-    const e = xt.getConfig();
+    const e = Ot.getConfig();
     return this.redirect({ url: this.withCurrentQuery(e.signupUrl), redirect_delay: 0 }), { state: "End" };
   }
   /**
@@ -18244,7 +18248,7 @@ var bu = class {
   cleanup() {
     this.redirectTimeoutId && (clearTimeout(this.redirectTimeoutId), this.redirectTimeoutId = null), this.flowEventBus.clear();
   }
-}, P1 = class {
+}, D1 = class {
   constructor(t) {
     N(this, "delayMs");
     N(this, "timerId", null);
@@ -18271,7 +18275,7 @@ var bu = class {
   isPending() {
     return this.timerId !== null;
   }
-}, R1 = class {
+}, L1 = class {
   pushState(t, e, n) {
     history.pushState(t, e, n);
   }
@@ -18281,7 +18285,7 @@ var bu = class {
   get state() {
     return history.state;
   }
-}, I1 = class {
+}, k1 = class {
   constructor(t, e, n = !1, o = window.location, r, i) {
     N(this, "popstateListener", null);
     N(this, "pageshowListener", null);
@@ -18293,7 +18297,7 @@ var bu = class {
     N(this, "flowStateManager");
     N(this, "historyAdapter");
     N(this, "location");
-    this.onFlowRestartNeeded = e, this.skipHistoryTracking = n, this.debouncer = new P1(200), this.location = o, this.flowStateManager = r || new bu(), this.historyAdapter = i || new R1(), this.subscribeToFlowEvents(t), this.initializeListener();
+    this.onFlowRestartNeeded = e, this.skipHistoryTracking = n, this.debouncer = new D1(200), this.location = o, this.flowStateManager = r || new bu(), this.historyAdapter = i || new L1(), this.subscribeToFlowEvents(t), this.initializeListener();
   }
   /**
    * Subscribe to flow events from the event bus.
@@ -18325,7 +18329,7 @@ var bu = class {
     }
     console.log("[NavigationManager] Starting popstate processing"), this.isProcessing = !0, this.isHandlingNavigationEvent = !0;
     try {
-      const e = t.state, n = this.flowStateManager.getFlowState(), o = xt.getConfig(), r = hs.detect(o, this.location);
+      const e = t.state, n = this.flowStateManager.getFlowState(), o = Ot.getConfig(), r = hs.detect(o, this.location);
       if (e && this.restoreHistoryStateToSession(e), this.shouldRestartFlow(e, n, r)) {
         await this.triggerFlowRestart();
         return;
@@ -18347,7 +18351,7 @@ var bu = class {
     }
     console.log("[NavigationManager] Starting bfcache restoration processing"), this.isProcessing = !0, this.isHandlingNavigationEvent = !0;
     try {
-      const t = this.historyAdapter.state, e = this.flowStateManager.getFlowState(), n = xt.getConfig(), o = hs.detect(n, this.location);
+      const t = this.historyAdapter.state, e = this.flowStateManager.getFlowState(), n = Ot.getConfig(), o = hs.detect(n, this.location);
       if (t && this.restoreHistoryStateToSession(t), this.shouldRestartFlow(t, e, o)) {
         await this.triggerFlowRestart();
         return;
@@ -18429,7 +18433,7 @@ var bu = class {
   destroy() {
     this.debouncer.cancel(), this.popstateListener && (window.removeEventListener("popstate", this.popstateListener), this.popstateListener = null), this.pageshowListener && (window.removeEventListener("pageshow", this.pageshowListener), this.pageshowListener = null), this.onFlowRestartNeeded = null;
   }
-}, nn = new AbortController(), T1 = class {
+}, nn = new AbortController(), M1 = class {
   constructor() {
     N(this, "httpClient", ps.Instance);
     N(this, "capabilities", {
@@ -18723,7 +18727,7 @@ var bu = class {
         });
       if (t.name === "SecurityError") {
         const o = window.location.hostname;
-        if (A1(o)) {
+        if (N1(o)) {
           if (n.rpId !== o)
             return new on({
               message: `The RP ID "${n.rpId}" is invalid for this domain`,
@@ -18800,13 +18804,13 @@ var on = class extends Error {
     this.name = r ?? o.name, this.code = n;
   }
 };
-function A1(t) {
+function N1(t) {
   return (
     // Consider localhost valid as well since it's okay wrt Secure Contexts
     t === "localhost" || /^([a-z0-9]+(-[a-z0-9]+)*\.)+[a-z]{2,}$/i.test(t)
   );
 }
-var We, D1 = (We = class {
+var We, j1 = (We = class {
   constructor() {
     N(this, "configured", !1);
     /**
@@ -18850,7 +18854,7 @@ var We, D1 = (We = class {
   async startLoginflowInternal(e, n = !1) {
     this.ensureConfigured(), this.webauthnService && (console.log(
       "[AuthService] Cleaning up and aborting ongoing webauthn flows"
-    ), this.webauthnService.destroy(), this.webauthnService = null), this.loginflow && (console.log("[AuthService] Cleaning up old loginflow instance"), this.loginflow.cleanup(), this.loginflow = null), this.navigationManager && (console.log("[AuthService] Cleaning up old navigation manager instance"), this.navigationManager.destroy(), this.navigationManager = null), this.webauthnService = new T1(), this.webauthnService.detectCapabilities(), this.flowEventBus = new yu(), this.navigationManager = new I1(
+    ), this.webauthnService.destroy(), this.webauthnService = null), this.loginflow && (console.log("[AuthService] Cleaning up old loginflow instance"), this.loginflow.cleanup(), this.loginflow = null), this.navigationManager && (console.log("[AuthService] Cleaning up old navigation manager instance"), this.navigationManager.destroy(), this.navigationManager = null), this.webauthnService = new M1(), this.webauthnService.detectCapabilities(), this.flowEventBus = new yu(), this.navigationManager = new k1(
       this.flowEventBus,
       async () => {
         console.log(
@@ -18859,7 +18863,7 @@ var We, D1 = (We = class {
       },
       n
     );
-    const o = await O1.init(e, this.flowEventBus), r = xt.getConfig();
+    const o = await A1.init(e, this.flowEventBus), r = Ot.getConfig();
     this.startPasskeyAuthentication(o.flowType, !0), this.loginflow = o.sdk;
     const i = {
       flowType: o.flowType,
@@ -18883,7 +18887,7 @@ var We, D1 = (We = class {
         "CONFIG_ERROR",
         "domain and appId are required"
       );
-    xt.setConfig(e), this.configured = !0, this.configuredResolve();
+    Ot.setConfig(e), this.configured = !0, this.configuredResolve();
   }
   /**
    * Resolves once configure() has been called, immediately if it already has.
@@ -18929,7 +18933,7 @@ var We, D1 = (We = class {
   async processLoginflowEvent(e) {
     var i, s;
     this.ensureConfigured(), this.ensureLoginflowInitialized();
-    const n = xt.getConfig(), o = hs.detect(n, location);
+    const n = Ot.getConfig(), o = hs.detect(n, location);
     if (e.event === "signin_with_passkey" && !((i = e.data) != null && i.credential_request)) {
       const c = await this.getPasskeyCredential(o, !1);
       if (!c || !c.cred)
@@ -19095,8 +19099,8 @@ var We, D1 = (We = class {
   async signOut(e) {
     var r, i;
     this.ensureConfigured();
-    const n = (r = he.Instance.peekSession()) == null ? void 0 : r.id_token, o = ((i = xt.getConfig()) == null ? void 0 : i.appId) ?? "";
-    if (cl(), he.Instance.clearSession(), he.Instance.cleanup(), this.loginflow && (this.loginflow.cleanup(), this.loginflow = null), this.navigationManager && (this.navigationManager.destroy(), this.navigationManager = null), this.flowEventBus && (this.flowEventBus.clear(), this.flowEventBus = null), !xt.apiIsSameOrigin()) {
+    const n = (r = he.Instance.peekSession()) == null ? void 0 : r.id_token, o = ((i = Ot.getConfig()) == null ? void 0 : i.appId) ?? "";
+    if (cl(), he.Instance.clearSession(), he.Instance.cleanup(), this.loginflow && (this.loginflow.cleanup(), this.loginflow = null), this.navigationManager && (this.navigationManager.destroy(), this.navigationManager = null), this.flowEventBus && (this.flowEventBus.clear(), this.flowEventBus = null), !Ot.apiIsSameOrigin()) {
       window.location.assign(this.endSessionUrl(n, o, e == null ? void 0 : e.returnTo));
       return;
     }
@@ -19112,7 +19116,7 @@ var We, D1 = (We = class {
    */
   async endServerSession(e, n) {
     try {
-      await fetch(`${xt.getApiBaseUrl()}/oauth2/end_session`, {
+      await fetch(`${Ot.getApiBaseUrl()}/oauth2/end_session`, {
         method: "POST",
         credentials: "include",
         headers: { "Content-Type": "application/x-www-form-urlencoded" },
@@ -19139,12 +19143,12 @@ var We, D1 = (We = class {
       post_logout_redirect_uri: o ?? `${window.location.origin}${window.location.pathname}`,
       client_id: n
     });
-    return e && r.set("id_token_hint", e), `${xt.getApiBaseUrl()}/oauth2/end_session?${r.toString()}`;
+    return e && r.set("id_token_hint", e), `${Ot.getApiBaseUrl()}/oauth2/end_session?${r.toString()}`;
   }
-}, N(We, "instance"), We), _t = D1.Instance, L1 = Object.defineProperty, k1 = (t, e, n, o) => {
+}, N(We, "instance"), We), _t = j1.Instance, U1 = Object.defineProperty, q1 = (t, e, n, o) => {
   for (var r = void 0, i = t.length - 1, s; i >= 0; i--)
     (s = t[i]) && (r = s(e, n, r) || r);
-  return r && L1(e, n, r), r;
+  return r && U1(e, n, r), r;
 };
 class _e extends f {
   constructor() {
@@ -19252,11 +19256,11 @@ class _e extends f {
     ), o.forEach((r) => e.appendChild(r));
   }
 }
-k1([
+q1([
   a({ type: Boolean })
 ], _e.prototype, "shadow");
 const In = "pont:auth", $o = { showWatermark: !0 }, fi = "pont:branding";
-class M1 {
+class B1 {
   constructor(e) {
     this.consumer = new Wi(e, {
       context: fi,
@@ -19283,10 +19287,10 @@ class vi {
   }
 }
 const $u = "pont:env", sc = Symbol("renderSpecContext"), bi = "pont-user-context", ac = "";
-var N1 = Object.defineProperty, j1 = Object.getOwnPropertyDescriptor, yi = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? j1(e, n) : e, i = t.length - 1, s; i >= 0; i--)
+var F1 = Object.defineProperty, z1 = Object.getOwnPropertyDescriptor, yi = (t, e, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? z1(e, n) : e, i = t.length - 1, s; i >= 0; i--)
     (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
-  return o && r && N1(e, n, r), r;
+  return o && r && F1(e, n, r), r;
 };
 let ue = class extends f {
   constructor() {
@@ -19355,18 +19359,14 @@ ue = yi([
   p("pont-layout")
 ], ue);
 let pl = null;
-function U1(t) {
+function V1(t) {
   pl = t;
 }
-function q1() {
+function H1() {
   return pl || console.warn(
     "SDK environment not initialized. Call initSdk({...}) before using <pont-provider>."
   ), pl;
 }
-const B1 = "pont-account-settings-dashboard-width", F1 = "pont-account-settings-modal-width", z1 = "pont-account-settings-dashboard", V1 = "pont-account-settings-page-reset-margin", H1 = "pont-account-settings-modal-root", Dt = "sb", $p = {
-  xs: 640,
-  sm: 768
-};
 function ge(...t) {
   return fh(Ol(t));
 }
@@ -19571,7 +19571,7 @@ let Sr = class extends f {
   updateLocaleAndAuth() {
     if (!this.env) return;
     const t = this.locales || this.env.locales || "";
-    this.effectiveLocales !== t && (this.effectiveLocales = t, this.dispatchLocaleChangedEvent(t)), this.configureAuth(this.env), U1(this.env), this.restoreThenRefreshAuthState(), this.loadBrandingCss(this.getBrandingCssUrl());
+    this.effectiveLocales !== t && (this.effectiveLocales = t, this.dispatchLocaleChangedEvent(t)), this.configureAuth(this.env), V1(this.env), this.restoreThenRefreshAuthState(), this.loadBrandingCss(this.getBrandingCssUrl());
   }
   updated(t) {
     var e;
@@ -19768,7 +19768,7 @@ let ml = class extends f {
   }
 };
 Su([
-  Tt({ context: In, subscribe: !0 }),
+  At({ context: In, subscribe: !0 }),
   a({ attribute: !1 })
 ], ml.prototype, "auth", 2);
 ml = Su([
@@ -19804,7 +19804,7 @@ let fl = class extends f {
   }
 };
 xu([
-  Tt({ context: In, subscribe: !0 }),
+  At({ context: In, subscribe: !0 }),
   a({ attribute: !1 })
 ], fl.prototype, "auth", 2);
 fl = xu([
@@ -19839,11 +19839,11 @@ Ss([
   a({ type: String })
 ], Zo.prototype, "redirectUrl", 2);
 Ss([
-  Tt({ context: $u }),
+  At({ context: $u }),
   a({ attribute: !1 })
 ], Zo.prototype, "env", 2);
 Ss([
-  Tt({ context: In, subscribe: !0 }),
+  At({ context: In, subscribe: !0 }),
   a({ attribute: !1 })
 ], Zo.prototype, "auth", 2);
 Zo = Ss([
@@ -19883,13 +19883,13 @@ let vl = class extends f {
   }
 };
 Ou([
-  Tt({ context: In, subscribe: !0 }),
+  At({ context: In, subscribe: !0 }),
   a({ attribute: !1 })
 ], vl.prototype, "auth", 2);
 vl = Ou([
   p("pont-auth-state")
 ], vl);
-var Ve = /* @__PURE__ */ ((t) => (t.PROFILE = "Profile", t.SECURITY = "Security", t.APPEARANCE = "Appearance", t.NOTIFICATION = "Notification", t))(Ve || {}), jr = /* @__PURE__ */ ((t) => (t.MODAL = "MODAL", t.PAGE = "PAGE", t))(jr || {}), yr = /* @__PURE__ */ ((t) => (t.BURGER = "BURGER", t.REGULAR = "REGULAR", t))(yr || {}), cn = /* @__PURE__ */ ((t) => (t.VERTICAL = "VERTICAL", t.HORIZONTAL = "HORIZONTAL", t))(cn || {}), $t = /* @__PURE__ */ ((t) => (t.COLUMN = "COLUMN", t.ROW = "ROW", t))($t || {});
+var Ve = /* @__PURE__ */ ((t) => (t.PROFILE = "Profile", t.SECURITY = "Security", t.APPEARANCE = "Appearance", t.NOTIFICATION = "Notification", t))(Ve || {}), jr = /* @__PURE__ */ ((t) => (t.MODAL = "MODAL", t.PAGE = "PAGE", t))(jr || {}), yr = /* @__PURE__ */ ((t) => (t.BURGER = "BURGER", t.REGULAR = "REGULAR", t))(yr || {}), cn = /* @__PURE__ */ ((t) => (t.VERTICAL = "VERTICAL", t.HORIZONTAL = "HORIZONTAL", t))(cn || {}), Ct = /* @__PURE__ */ ((t) => (t.COLUMN = "COLUMN", t.ROW = "ROW", t))(Ct || {});
 function xs() {
   return Q`<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M6.66501 1.32926H1.99834C1.64472 1.32926 1.30558 1.46974 1.05553 1.71979C0.805484 1.96984 0.665009 2.30898 0.665009 2.6626V11.9959C0.665009 12.3496 0.805484 12.6887 1.05553 12.9387C1.30558 13.1888 1.64472 13.3293 1.99834 13.3293H11.3317C11.6853 13.3293 12.0244 13.1888 12.2745 12.9387C12.5245 12.6887 12.665 12.3496 12.665 11.9959V7.32926M10.9151 1.07925C11.1803 0.814036 11.54 0.665039 11.9151 0.665039C12.2901 0.665039 12.6499 0.814036 12.9151 1.07925C13.1803 1.34447 13.3293 1.70418 13.3293 2.07925C13.3293 2.45433 13.1803 2.81404 12.9151 3.07925L6.90641 9.08859C6.7481 9.24675 6.55254 9.36253 6.33774 9.42525L4.4224 9.98525C4.36504 10.002 4.30423 10.003 4.24634 9.98816C4.18846 9.97333 4.13562 9.94321 4.09337 9.90096C4.05112 9.8587 4.021 9.80587 4.00617 9.74798C3.99134 9.69009 3.99234 9.62929 4.00907 9.57192L4.56907 7.65659C4.63209 7.44195 4.74809 7.24662 4.9064 7.08859L10.9151 1.07925Z" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
@@ -20063,7 +20063,7 @@ class _0 extends Error {
 }
 async function ir(t, e = {}) {
   var y;
-  const { token: n, headers: o, ...r } = e, i = q1(), s = i == null ? void 0 : i.apiBaseUrl, c = (i == null ? void 0 : i.projectId) || "", d = {
+  const { token: n, headers: o, ...r } = e, i = H1(), s = i == null ? void 0 : i.apiBaseUrl, c = (i == null ? void 0 : i.projectId) || "", d = {
     "Content-Type": "application/json",
     ...i == null ? void 0 : i.headers,
     ...n ? { Authorization: `Bearer ${n}` } : {}
@@ -20215,14 +20215,14 @@ async function cc(t) {
     }
   });
 }
-var R0 = Object.defineProperty, I0 = Object.getOwnPropertyDescriptor, Et = (t, e, n, o) => {
+var R0 = Object.defineProperty, I0 = Object.getOwnPropertyDescriptor, St = (t, e, n, o) => {
   for (var r = o > 1 ? void 0 : o ? I0(e, n) : e, i = t.length - 1, s; i >= 0; i--)
     (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
   return o && r && R0(e, n, r), r;
 };
 let wt = class extends f {
   constructor() {
-    super(...arguments), this.showAvatarMenu = !1, this.showIcons = !0, this.content = null, this.otpVariant = "simple", this.otpLength = 6, this.layout = $t.ROW, this.isEditingEmail = !1, this.isVerifyingEmail = !1, this.isEditingPhone = !1, this.isVerifyingPhone = !1, this.isUploadingImage = !1, this.isEditingAvatarMobile = !1, this.isMobile = !1, this._isAvatarEditorOpen = !1, this._popoverObserver = null, this._intentionalClose = !1, this.avatarDraft = "", this._committedAvatar = "", this.formData = { avatar: "", email: "", phone: "" }, this._onMobileChange = (t) => {
+    super(...arguments), this.showAvatarMenu = !1, this.showIcons = !0, this.content = null, this.otpVariant = "simple", this.otpLength = 6, this.layout = Ct.ROW, this.isEditingEmail = !1, this.isVerifyingEmail = !1, this.isEditingPhone = !1, this.isVerifyingPhone = !1, this.isUploadingImage = !1, this.isEditingAvatarMobile = !1, this.isMobile = !1, this._isAvatarEditorOpen = !1, this._popoverObserver = null, this._intentionalClose = !1, this.avatarDraft = "", this._committedAvatar = "", this.formData = { avatar: "", email: "", phone: "" }, this._onMobileChange = (t) => {
       this.isMobile = t.matches, t.matches || (this.isEditingAvatarMobile = !1);
     }, this.handleAvatarInput = (t) => {
       this.avatarDraft = t.target.value, this.account = { ...this.account, avatar: this.avatarDraft };
@@ -20296,7 +20296,7 @@ let wt = class extends f {
   }
   // ─── Shared rendering helpers ─────────────────────────────────────────────
   renderDisplayRow(t, e, n) {
-    const o = this.layout === $t.COLUMN;
+    const o = this.layout === Ct.COLUMN;
     return l`
       <div
         class=${ge(
@@ -20315,7 +20315,7 @@ let wt = class extends f {
               </div>
             ` : l`
               <div
-                class=${this.layout === $t.ROW ? "pont-flex pont-w-full pont-items-center" : ""}
+                class=${this.layout === Ct.ROW ? "pont-flex pont-w-full pont-items-center" : ""}
               >
                 <div
                   part="label"
@@ -20605,70 +20605,70 @@ let wt = class extends f {
     return this;
   }
 };
-Et([
+St([
   a({ type: Object })
 ], wt.prototype, "account", 2);
-Et([
+St([
   a({ type: Boolean })
 ], wt.prototype, "showAvatarMenu", 2);
-Et([
+St([
   a({ attribute: !1 })
 ], wt.prototype, "toggleAvatarMenu", 2);
-Et([
+St([
   a({ attribute: !1 })
 ], wt.prototype, "onAvatarChange", 2);
-Et([
+St([
   a({ attribute: !1 })
 ], wt.prototype, "onAvatarRemove", 2);
-Et([
+St([
   a({ type: Boolean })
 ], wt.prototype, "showIcons", 2);
-Et([
+St([
   a({ type: Object })
 ], wt.prototype, "content", 2);
-Et([
+St([
   a({ type: String })
 ], wt.prototype, "otpVariant", 2);
-Et([
+St([
   a({ type: Number })
 ], wt.prototype, "otpLength", 2);
-Et([
+St([
   a({ type: String })
 ], wt.prototype, "layout", 2);
-Et([
+St([
   m()
 ], wt.prototype, "isEditingEmail", 2);
-Et([
+St([
   m()
 ], wt.prototype, "isVerifyingEmail", 2);
-Et([
+St([
   m()
 ], wt.prototype, "isEditingPhone", 2);
-Et([
+St([
   m()
 ], wt.prototype, "isVerifyingPhone", 2);
-Et([
+St([
   m()
 ], wt.prototype, "isUploadingImage", 2);
-Et([
+St([
   m()
 ], wt.prototype, "isEditingAvatarMobile", 2);
-Et([
+St([
   m()
 ], wt.prototype, "isMobile", 2);
-Et([
+St([
   m()
 ], wt.prototype, "_isAvatarEditorOpen", 2);
-Et([
+St([
   m()
 ], wt.prototype, "avatarDraft", 2);
-Et([
+St([
   m()
 ], wt.prototype, "formData", 2);
-Et([
-  Tt({ context: bi, subscribe: !0 })
+St([
+  At({ context: bi, subscribe: !0 })
 ], wt.prototype, "userContextValue", 2);
-wt = Et([
+wt = St([
   p("pont-account-info")
 ], wt);
 var T0 = Object.defineProperty, A0 = Object.getOwnPropertyDescriptor, sr = (t, e, n, o) => {
@@ -20678,7 +20678,7 @@ var T0 = Object.defineProperty, A0 = Object.getOwnPropertyDescriptor, sr = (t, e
 };
 let Ae = class extends f {
   constructor() {
-    super(...arguments), this.showIcons = !0, this.layout = $t.ROW, this.content = null, this.isEditing = !1, this.isSaving = !1, this.formData = {
+    super(...arguments), this.showIcons = !0, this.layout = Ct.ROW, this.content = null, this.isEditing = !1, this.isSaving = !1, this.formData = {
       location: "",
       zoneInfo: ""
     }, this.errors = {}, this.handleSave = async () => {
@@ -20731,7 +20731,7 @@ let Ae = class extends f {
     return this.errors = t, Object.keys(t).length === 0;
   }
   renderField(t, e) {
-    return this.layout === $t.ROW ? l`
+    return this.layout === Ct.ROW ? l`
         <div class="pont-flex pont-w-full pont-account-settings-info-card-rows">
           <pont-typography-p
             ><div
@@ -20846,16 +20846,16 @@ let Ae = class extends f {
           <pont-card-content>
             ${this.isEditing ? l`
                   <div
-                    class=${this.layout === $t.ROW ? "pont-grid pont-account-settings-row-layout pont-account-settings-form-body" : "pont-account-settings-column-layout pont-account-settings-form-body"}
+                    class=${this.layout === Ct.ROW ? "pont-grid pont-account-settings-row-layout pont-account-settings-form-body" : "pont-account-settings-column-layout pont-account-settings-form-body"}
                   >
                     ${t.map((o) => this.renderField(o.label, o.key))}
                   </div>
                 ` : l`
                   <div
-                    class=${this.layout === $t.ROW ? "pont-grid pont-account-settings-row-layout pont-account-settings-form-body" : "pont-account-settings-column-layout pont-account-settings-form-body"}
+                    class=${this.layout === Ct.ROW ? "pont-grid pont-account-settings-row-layout pont-account-settings-form-body" : "pont-account-settings-column-layout pont-account-settings-form-body"}
                   >
                     <div
-                      class=${this.layout === $t.ROW ? "pont-flex pont-w-full pont-account-settings-info-card-rows" : "pont-account-settings-info-card-rows"}
+                      class=${this.layout === Ct.ROW ? "pont-flex pont-w-full pont-account-settings-info-card-rows" : "pont-account-settings-info-card-rows"}
                     >
                       <pont-typography-p
                         ><div
@@ -20877,7 +20877,7 @@ let Ae = class extends f {
                     </div>
 
                     <div
-                      class=${this.layout === $t.ROW ? "pont-flex pont-w-full pont-account-settings-info-card-rows" : "pont-account-settings-info-card-rows"}
+                      class=${this.layout === Ct.ROW ? "pont-flex pont-w-full pont-account-settings-info-card-rows" : "pont-account-settings-info-card-rows"}
                     >
                       <pont-typography-p
                         ><div
@@ -20921,7 +20921,7 @@ sr([
   a({ type: Object })
 ], Ae.prototype, "content", 2);
 sr([
-  Tt({ context: bi, subscribe: !0 })
+  At({ context: bi, subscribe: !0 })
 ], Ae.prototype, "userContextValue", 2);
 sr([
   m()
@@ -20945,7 +20945,7 @@ var D0 = Object.defineProperty, L0 = Object.getOwnPropertyDescriptor, ar = (t, e
 };
 let De = class extends f {
   constructor() {
-    super(...arguments), this.showIcons = !0, this.layout = $t.ROW, this.content = null, this.isEditing = !1, this.isSaving = !1, this.formData = this.personal, this.errors = {}, this.handleSave = async () => {
+    super(...arguments), this.showIcons = !0, this.layout = Ct.ROW, this.content = null, this.isEditing = !1, this.isSaving = !1, this.formData = this.personal, this.errors = {}, this.handleSave = async () => {
       var t, e;
       if (!this.isSaving && this.validate()) {
         this.isSaving = !0;
@@ -21031,7 +21031,7 @@ let De = class extends f {
     `;
   }
   renderField(t, e, n = !1) {
-    return this.layout === $t.ROW ? l`
+    return this.layout === Ct.ROW ? l`
         <div class="pont-flex pont-w-full pont-account-settings-info-card-rows">
           <pont-typography-p>
             <div
@@ -21135,18 +21135,18 @@ let De = class extends f {
           <pont-card-content>
             ${this.isEditing ? l`
                   <div
-                    class=${this.layout === $t.ROW ? "pont-grid pont-account-settings-row-layout pont-account-settings-form-body" : "pont-account-settings-column-layout pont-account-settings-form-body"}
+                    class=${this.layout === Ct.ROW ? "pont-grid pont-account-settings-row-layout pont-account-settings-form-body" : "pont-account-settings-column-layout pont-account-settings-form-body"}
                   >
                     ${t.map((o) => this.renderField(o.label, o.key))}
                   </div>
                 ` : l`
                   <div
-                    class=${this.layout === $t.ROW ? "pont-grid pont-account-settings-row-layout pont-account-settings-form-body" : "pont-account-settings-column-layout pont-account-settings-form-body"}
+                    class=${this.layout === Ct.ROW ? "pont-grid pont-account-settings-row-layout pont-account-settings-form-body" : "pont-account-settings-column-layout pont-account-settings-form-body"}
                   >
                     ${t.map(
       (o) => l`
                         <div
-                          class=${this.layout === $t.ROW ? "pont-flex pont-w-full pont-account-settings-info-card-rows" : "pont-account-settings-info-card-rows"}
+                          class=${this.layout === Ct.ROW ? "pont-flex pont-w-full pont-account-settings-info-card-rows" : "pont-account-settings-info-card-rows"}
                         >
                           <pont-typography-p>
                             <div
@@ -21192,7 +21192,7 @@ ar([
   a({ type: Object })
 ], De.prototype, "content", 2);
 ar([
-  Tt({ context: bi, subscribe: !0 })
+  At({ context: bi, subscribe: !0 })
 ], De.prototype, "userContextValue", 2);
 ar([
   m()
@@ -21216,7 +21216,7 @@ var k0 = Object.defineProperty, M0 = Object.getOwnPropertyDescriptor, lr = (t, e
 };
 let Le = class extends f {
   constructor() {
-    super(...arguments), this.showIcons = !0, this.layout = $t.ROW, this.content = null, this.isEditing = !1, this.isSaving = !1, this.formData = {
+    super(...arguments), this.showIcons = !0, this.layout = Ct.ROW, this.content = null, this.isEditing = !1, this.isSaving = !1, this.formData = {
       website: ""
     }, this.errors = {}, this.handleSave = async () => {
       var t, e;
@@ -21263,7 +21263,7 @@ let Le = class extends f {
     return this.errors = t, Object.keys(t).length === 0;
   }
   renderField(t, e, n = !1) {
-    return this.layout === $t.ROW ? l`
+    return this.layout === Ct.ROW ? l`
         <div class="pont-flex pont-w-full pont-account-settings-info-card-rows">
           <pont-typography-p
             ><div
@@ -21379,16 +21379,16 @@ let Le = class extends f {
           <pont-card-content>
             ${this.isEditing ? l`
                   <div
-                    class=${this.layout === $t.ROW ? "pont-grid pont-account-settings-row-layout pont-account-settings-form-body" : "pont-account-settings-column-layout pont-account-settings-form-body"}
+                    class=${this.layout === Ct.ROW ? "pont-grid pont-account-settings-row-layout pont-account-settings-form-body" : "pont-account-settings-column-layout pont-account-settings-form-body"}
                   >
                     ${t.map((o) => this.renderField(o.label, o.key))}
                   </div>
                 ` : l`
                   <div
-                    class=${this.layout === $t.ROW ? "pont-grid pont-account-settings-row-layout pont-account-settings-form-body" : "pont-account-settings-column-layout pont-account-settings-form-body"}
+                    class=${this.layout === Ct.ROW ? "pont-grid pont-account-settings-row-layout pont-account-settings-form-body" : "pont-account-settings-column-layout pont-account-settings-form-body"}
                   >
                     <div
-                      class=${this.layout === $t.ROW ? "pont-flex pont-w-full pont-account-settings-info-card-rows" : "pont-account-settings-info-card-rows"}
+                      class=${this.layout === Ct.ROW ? "pont-flex pont-w-full pont-account-settings-info-card-rows" : "pont-account-settings-info-card-rows"}
                     >
                       <pont-typography-p
                         ><div
@@ -21443,7 +21443,7 @@ lr([
   a({ type: Object })
 ], Le.prototype, "content", 2);
 lr([
-  Tt({ context: bi, subscribe: !0 })
+  At({ context: bi, subscribe: !0 })
 ], Le.prototype, "userContextValue", 2);
 lr([
   m()
@@ -21467,7 +21467,7 @@ var N0 = Object.defineProperty, j0 = Object.getOwnPropertyDescriptor, Jt = (t, e
 };
 let Yt = class extends f {
   constructor() {
-    super(...arguments), this.showAvatarMenu = !1, this.orientation = cn.HORIZONTAL, this.sidebarDisplayType = yr.REGULAR, this.mode = jr == null ? void 0 : jr.PAGE, this.widgetsLayout = $t.ROW, this.content = null;
+    super(...arguments), this.showAvatarMenu = !1, this.orientation = cn.HORIZONTAL, this.sidebarDisplayType = yr.REGULAR, this.mode = jr == null ? void 0 : jr.PAGE, this.widgetsLayout = Ct.ROW, this.content = null;
   }
   createRenderRoot() {
     return this;
@@ -21779,7 +21779,7 @@ var W0 = Object.defineProperty, pe = (t, e, n, o) => {
 };
 class re extends f {
   constructor() {
-    super(), this.showAvatarMenu = !1, this.orientation = cn.HORIZONTAL, this.mobileDisplay = yr.REGULAR, this.mode = jr.PAGE, this.widgetsLayout = $t.ROW, this.content = null, this.isOpen = !1, this.currentBreakpoint = "md", this.activeTab = Ve.PROFILE, this._userLoaded = !1, this._userLoading = !1, this.userContextValue = {
+    super(), this.showAvatarMenu = !1, this.orientation = cn.HORIZONTAL, this.mobileDisplay = yr.REGULAR, this.mode = jr.PAGE, this.widgetsLayout = Ct.ROW, this.content = null, this.isOpen = !1, this.currentBreakpoint = "md", this.activeTab = Ve.PROFILE, this._userLoaded = !1, this._userLoading = !1, this.userContextValue = {
       user: null,
       identifier: null
     }, this.__initialized = !1, this.account = {
@@ -21846,9 +21846,9 @@ class re extends f {
   get containerClasses() {
     const e = this.isBurger || this.isVerticalOrientation;
     return ge(
-      z1,
-      this.isModal ? H1 : V1,
-      this.isModal ? F1 : B1,
+      f$,
+      this.isModal ? b$ : v$,
+      this.isModal ? m$ : g$,
       e ? "!pont-flex-col" : "!pont-flex-row"
     );
   }
@@ -21921,7 +21921,7 @@ class re extends f {
   }
   _updateBreakpoint() {
     const e = window.innerWidth;
-    this.currentBreakpoint = e < $p.xs ? "xs" : e < $p.sm ? "sm" : "md";
+    this.currentBreakpoint = e < lp.xs ? "xs" : e < lp.sm ? "sm" : "md";
   }
   // === Render Helpers ===
   renderWatermark() {
@@ -22046,7 +22046,7 @@ pe([
   m()
 ], re.prototype, "activeTab");
 pe([
-  Tt({ context: In, subscribe: !0 }),
+  At({ context: In, subscribe: !0 }),
   a({ attribute: !1 })
 ], re.prototype, "auth");
 pe([
@@ -22150,7 +22150,7 @@ let fe = class extends f {
   }
 };
 fe.ROOT = "divider";
-fe.TAG = `${Dt}-${fe.ROOT}`;
+fe.TAG = `${$t}-${fe.ROOT}`;
 fe.PARTS = { root: fe.ROOT };
 Ts([
   a({ type: String })
@@ -24967,13 +24967,13 @@ let ti = class extends f {
   }
 };
 Ds([
-  Tt({ context: sc, subscribe: !0 })
+  At({ context: sc, subscribe: !0 })
 ], ti.prototype, "renderSpec", 2);
 Ds([
-  Tt({ context: fi, subscribe: !0 })
+  At({ context: fi, subscribe: !0 })
 ], ti.prototype, "branding", 2);
 Ds([
-  Tt({ context: ac, subscribe: !0 })
+  At({ context: ac, subscribe: !0 })
 ], ti.prototype, "locales", 2);
 ti = Ds([
   p("pont-signin")
@@ -25024,13 +25024,13 @@ let ei = class extends f {
   }
 };
 Ls([
-  Tt({ context: sc, subscribe: !0 })
+  At({ context: sc, subscribe: !0 })
 ], ei.prototype, "renderSpec", 2);
 Ls([
-  Tt({ context: fi, subscribe: !0 })
+  At({ context: fi, subscribe: !0 })
 ], ei.prototype, "branding", 2);
 Ls([
-  Tt({ context: ac, subscribe: !0 })
+  At({ context: ac, subscribe: !0 })
 ], ei.prototype, "locales", 2);
 ei = Ls([
   p("pont-signup")
@@ -25318,7 +25318,7 @@ dr([
   a({ attribute: !1 })
 ], Rr.prototype, "menuItems");
 dr([
-  Tt({ context: In, subscribe: !0 }),
+  At({ context: In, subscribe: !0 }),
   a({ attribute: !1 })
 ], Rr.prototype, "auth");
 dr([
@@ -26075,7 +26075,7 @@ let J = class extends f {
 };
 J.ROOT = "passkey-button";
 J.ICON = "icon";
-J.TAG = `${Dt}-${J.ROOT}`;
+J.TAG = `${$t}-${J.ROOT}`;
 J.CLICK_EVENT = `${J.TAG}:click`;
 J.SUCCESS_EVENT = `${J.TAG}:success`;
 J.ERROR_EVENT = `${J.TAG}:error`;
@@ -26262,7 +26262,7 @@ let Z = class extends f {
 };
 Z.ROOT = "provider-button";
 Z.ICON = "icon";
-Z.TAG = `${Dt}-${Z.ROOT}`;
+Z.TAG = `${$t}-${Z.ROOT}`;
 Z.CLICK_EVENT = `${Z.TAG}:click`;
 Z.SUCCESS_EVENT = `${Z.TAG}:success`;
 Z.ERROR_EVENT = `${Z.TAG}:error`;
@@ -26409,7 +26409,7 @@ let et = class extends f {
 };
 et.ROOT = "submit-button";
 et.ICON = "icon";
-et.TAG = `${Dt}-${et.ROOT}`;
+et.TAG = `${$t}-${et.ROOT}`;
 et.CLICK_EVENT = `${et.TAG}:click`;
 et.PARTS = {
   root: et.ROOT,
@@ -26785,7 +26785,7 @@ $.FORGOT = "forgot";
 $.DESCRIPTION = "description";
 $.INPUT = "input";
 $.ERROR = "error";
-$.TAG = `${Dt}-${$.ROOT}`;
+$.TAG = `${$t}-${$.ROOT}`;
 $.VALIDATE_EVENT = `${$.TAG}:validate`;
 $.FORGOT_CLICK_EVENT = `${$.TAG}:forgot-click`;
 $.FORGOT_SUCCESS_EVENT = `${$.TAG}:forgot-success`;
@@ -26962,7 +26962,7 @@ const oe = (t) => `${t.charAt(0).toUpperCase() + t.slice(1).toLowerCase()} is a
   requiredError: oe("Confirm Password"),
   matchError: "Passwords do not match."
 };
-var H2 = Object.defineProperty, G2 = Object.getOwnPropertyDescriptor, St = (t, e, n, o) => {
+var H2 = Object.defineProperty, G2 = Object.getOwnPropertyDescriptor, xt = (t, e, n, o) => {
   for (var r = o > 1 ? void 0 : o ? G2(e, n) : e, i = t.length - 1, s; i >= 0; i--)
     (s = t[i]) && (r = (o ? s(e, n, r) : s(r)) || r);
   return o && r && H2(e, n, r), r;
@@ -27180,7 +27180,7 @@ P.MARK = "mark";
 P.DESCRIPTION = "description";
 P.INPUT = "input";
 P.ERROR = "error";
-P.TAG = `${Dt}-${P.ROOT}`;
+P.TAG = `${$t}-${P.ROOT}`;
 P.VALIDATE_EVENT = `${P.TAG}:validate`;
 P.PARTS = {
   root: P.ROOT,
@@ -27191,70 +27191,70 @@ P.PARTS = {
   error: `${P.ROOT}-${P.ERROR}`
 };
 P.INPUT_SELECTORS = `pont-input[part="${P.PARTS.input}"], pont-password-input[part="${P.PARTS.input}"]`;
-St([
+xt([
   a({ type: String })
 ], P.prototype, "seed", 2);
-St([
+xt([
   a({ type: String, attribute: "custom-id" })
 ], P.prototype, "customId", 2);
-St([
+xt([
   a({ type: String, attribute: "input-id" })
 ], P.prototype, "inputId", 1);
-St([
+xt([
   a({ type: String })
 ], P.prototype, "name", 1);
-St([
+xt([
   a({ type: String, attribute: "default-value" })
 ], P.prototype, "defaultValue", 2);
-St([
+xt([
   a({ type: String })
 ], P.prototype, "label", 1);
-St([
+xt([
   a({ type: String })
 ], P.prototype, "placeholder", 2);
-St([
+xt([
   a({ type: String })
 ], P.prototype, "description", 2);
-St([
+xt([
   a({ type: String })
 ], P.prototype, "variant", 2);
-St([
+xt([
   a({ type: String })
 ], P.prototype, "mark", 2);
-St([
+xt([
   a({ type: Boolean })
 ], P.prototype, "caret", 2);
-St([
+xt([
   a({ type: String })
 ], P.prototype, "autocomplete", 2);
-St([
+xt([
   a({ type: Boolean })
 ], P.prototype, "disabled", 2);
-St([
+xt([
   a({ type: Boolean })
 ], P.prototype, "required", 2);
-St([
+xt([
   a({ type: String })
 ], P.prototype, "pair", 2);
-St([
+xt([
   a({ type: String })
 ], P.prototype, "validation", 2);
-St([
+xt([
   a({ type: String, attribute: "required-error" })
 ], P.prototype, "requiredError", 1);
-St([
+xt([
   a({ type: String, attribute: "match-error" })
 ], P.prototype, "matchError", 1);
-St([
+xt([
   m()
 ], P.prototype, "_invalid", 2);
-St([
+xt([
   m()
 ], P.prototype, "_error", 2);
-St([
+xt([
   m()
 ], P.prototype, "_value", 2);
-P = St([
+P = xt([
   p("pont-confirm-field")
 ], P);
 var K2 = Object.defineProperty, W2 = Object.getOwnPropertyDescriptor, Lt = (t, e, n, o) => {
@@ -27459,7 +27459,7 @@ T.MARK = "mark";
 T.DESCRIPTION = "description";
 T.INPUT = "input";
 T.ERROR = "error";
-T.TAG = `${Dt}-${T.ROOT}`;
+T.TAG = `${$t}-${T.ROOT}`;
 T.VALIDATE_EVENT = `${T.TAG}:validate`;
 T.PARTS = {
   root: T.ROOT,
@@ -27755,7 +27755,7 @@ D.MARK = "mark";
 D.DESCRIPTION = "description";
 D.INPUT = "input";
 D.ERROR = "error";
-D.TAG = `${Dt}-${D.ROOT}`;
+D.TAG = `${$t}-${D.ROOT}`;
 D.VALIDATE_EVENT = `${D.TAG}:validate`;
 D.PARTS = {
   root: D.ROOT,
@@ -28076,7 +28076,7 @@ x.MARK = "mark";
 x.DESCRIPTION = "description";
 x.INPUT = "input";
 x.ERROR = "error";
-x.TAG = `${Dt}-${x.ROOT}`;
+x.TAG = `${$t}-${x.ROOT}`;
 x.VALIDATE_EVENT = `${x.TAG}:validate`;
 x.PARTS = {
   root: x.ROOT,
@@ -28364,7 +28364,7 @@ A.MARK = "mark";
 A.DESCRIPTION = "description";
 A.INPUT = "input";
 A.ERROR = "error";
-A.TAG = `${Dt}-${A.ROOT}`;
+A.TAG = `${$t}-${A.ROOT}`;
 A.VALIDATE_EVENT = `${A.TAG}:validate`;
 A.PARTS = {
   root: A.ROOT,
@@ -28688,7 +28688,7 @@ O.MARK = "mark";
 O.DESCRIPTION = "description";
 O.INPUT = "input";
 O.ERROR = "error";
-O.TAG = `${Dt}-${O.ROOT}`;
+O.TAG = `${$t}-${O.ROOT}`;
 O.VALIDATE_EVENT = `${O.TAG}:validate`;
 O.PARTS = {
   root: O.ROOT,
@@ -28886,7 +28886,7 @@ let Y = class extends f {
 Y.ROOT = "link";
 Y.BUTTON = "button";
 Y.PROMPT = "prompt";
-Y.TAG = `${Dt}-${Y.ROOT}`;
+Y.TAG = `${$t}-${Y.ROOT}`;
 Y.CLICK_EVENT = `${Y.TAG}:click`;
 Y.SUCCESS_EVENT = `${Y.TAG}:success`;
 Y.ERROR_EVENT = `${Y.TAG}:error`;
@@ -29102,7 +29102,7 @@ let ht = class extends _e {
   }
 };
 ht.ROOT = "otp";
-ht.TAG = `${Dt}-${ht.ROOT}`;
+ht.TAG = `${$t}-${ht.ROOT}`;
 Bt([
   a({
     type: Boolean,
@@ -29262,7 +29262,7 @@ let at = class extends f {
 at.ROOT = "otp-resend";
 at.COUNTDOWN = "countdown";
 at.RESEND_BUTTON = "resend-button";
-at.TAG = `${Dt}-${at.ROOT}`;
+at.TAG = `${$t}-${at.ROOT}`;
 at.PARTS = {
   root: at.ROOT,
   countdown: `${at.ROOT}-${at.COUNTDOWN}`,
@@ -29448,7 +29448,7 @@ let st = class extends f {
   }
 };
 st.ROOT = "form";
-st.TAG = `${Dt}-${st.ROOT}`;
+st.TAG = `${$t}-${st.ROOT}`;
 st.SUBMIT_EVENT = `${st.TAG}:submit`;
 st.SUCCESS_EVENT = `${st.TAG}:success`;
 st.ERROR_EVENT = `${st.TAG}:error`;
@@ -29496,7 +29496,7 @@ let yt = class extends f {
    * derived from the component's part name and `seed`.
    */
   get rootId() {
-    return this.customId ?? `sb-${yt.parts.root}-${this.seed}`;
+    return this.customId ?? `${$t}-${yt.parts.root}-${this.seed}`;
   }
   /**
    * The `id` of the provider button element, derived from `rootId` with the
@@ -29671,7 +29671,7 @@ let Vt = class extends f {
 };
 Vt.ROOT = "edit-identifier";
 Vt.ICON = "icon";
-Vt.TAG = `${Dt}-${Vt.ROOT}`;
+Vt.TAG = `${$t}-${Vt.ROOT}`;
 Vt.CLICK_EVENT = `${Vt.TAG}:click`;
 Vt.PARTS = {
   root: Vt.ROOT,
@@ -31335,7 +31335,7 @@ X.ROOT = "qr-code";
 X.QR_CANVAS = "canvas";
 X.OVERLAY = "overlay";
 X.REAPPEAR_BUTTON = "reappear-button";
-X.TAG = `${Dt}-${X.ROOT}`;
+X.TAG = `${$t}-${X.ROOT}`;
 X.PARTS = {
   root: X.ROOT,
   canvas: `${X.ROOT}-${X.QR_CANVAS}`,
@@ -31477,7 +31477,7 @@ G.METADATA = "metadata";
 G.ISSUER = "issuer";
 G.ACCOUNT = "account";
 G.TOOLTIP = "tooltip";
-G.TAG = `${Dt}-${G.ROOT}`;
+G.TAG = `${$t}-${G.ROOT}`;
 G.PARTS = {
   root: G.ROOT,
   card: `${G.ROOT}-${G.CARD}`,
@@ -31645,7 +31645,7 @@ H.BUTTONS = "buttons";
 H.COPY_BUTTON = "copy-button";
 H.DOWNLOAD_BUTTON = "download-button";
 H.TOOLTIP = "tooltip";
-H.TAG = `${Dt}-${H.ROOT}`;
+H.TAG = `${$t}-${H.ROOT}`;
 H.PARTS = {
   root: H.ROOT,
   card: `${H.ROOT}-${H.CARD}`,
@@ -31803,7 +31803,7 @@ tt.ROOT = "alert";
 tt.ICON = "icon";
 tt.TITLE = "title";
 tt.DESCRIPTION = "description";
-tt.TAG = `${Dt}-${tt.ROOT}`;
+tt.TAG = `${$t}-${tt.ROOT}`;
 tt.PARTS = {
   root: tt.ROOT,
   icon: `${tt.ROOT}-${tt.ICON}`,
@@ -31917,7 +31917,7 @@ var rE = Object.defineProperty, nE = Object.getOwnPropertyDescriptor, ks = (t, e
 };
 let ri = class extends _e {
   constructor() {
-    super(...arguments), this.id = "", this.align = "center", this.justify = "start", this.branding = new M1(this);
+    super(...arguments), this.id = "", this.align = "center", this.justify = "start", this.branding = new B1(this);
   }
   createRenderRoot() {
     return this;
@@ -32367,7 +32367,7 @@ let vt = class extends f {
 vt.ROOT = "watermark";
 vt.LABEL = "label";
 vt.LOGO = "logo";
-vt.TAG = `${Dt}-${vt.ROOT}`;
+vt.TAG = `${$t}-${vt.ROOT}`;
 vt.PARTS = {
   root: vt.ROOT,
   label: `${vt.ROOT}-${vt.LABEL}`,