@saasbase-io/core-elements 2.0.0 → 2.0.1

package/dist/index.mjs

@@ -1571,23 +1571,23 @@ oe.elementStyles = [], oe.shadowRootOptions = { mode: "open" }, oe[Ee("elementPr
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const Ce = globalThis, Wr = (e) => e, Ue = Ce.trustedTypes, Zr = Ue ? Ue.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, bi = "$lit$", Lt = `lit$${Math.random().toFixed(9).slice(2)}$`, mi = "?" + Lt, ts = `<${mi}>`, Wt = document, Se = () => Wt.createComment(""), Re = (e) => e === null || typeof e != "object" && typeof e != "function", Ar = Array.isArray, es = (e) => Ar(e) || typeof (e == null ? void 0 : e[Symbol.iterator]) == "function", ur = `[ 	
-\f\r]`, _e = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Yr = /-->/g, Xr = />/g, Ht = RegExp(`>|${ur}(?:([^\\s"'>=/]+)(${ur}*=${ur}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Jr = /'/g, Qr = /"/g, vi = /^(?:script|style|textarea|title)$/i, yi = (e) => (t, ...r) => ({ _$litType$: e, strings: t, values: r }), c = yi(1), Qt = yi(2), Zt = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), ti = /* @__PURE__ */ new WeakMap(), Kt = Wt.createTreeWalker(Wt, 129);
-function _i(e, t) {
+\f\r]`, ye = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Yr = /-->/g, Xr = />/g, Ht = RegExp(`>|${ur}(?:([^\\s"'>=/]+)(${ur}*=${ur}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Jr = /'/g, Qr = /"/g, vi = /^(?:script|style|textarea|title)$/i, _i = (e) => (t, ...r) => ({ _$litType$: e, strings: t, values: r }), c = _i(1), Qt = _i(2), Zt = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), ti = /* @__PURE__ */ new WeakMap(), Kt = Wt.createTreeWalker(Wt, 129);
+function yi(e, t) {
   if (!Ar(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return Zr !== void 0 ? Zr.createHTML(t) : t;
 }
 const rs = (e, t) => {
   const r = e.length - 1, s = [];
-  let i, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", o = _e;
+  let i, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", o = ye;
   for (let l = 0; l < r; l++) {
     const d = e[l];
     let h, p, g = -1, C = 0;
-    for (; C < d.length && (o.lastIndex = C, p = o.exec(d), p !== null); ) C = o.lastIndex, o === _e ? p[1] === "!--" ? o = Yr : p[1] !== void 0 ? o = Xr : p[2] !== void 0 ? (vi.test(p[2]) && (i = RegExp("</" + p[2], "g")), o = Ht) : p[3] !== void 0 && (o = Ht) : o === Ht ? p[0] === ">" ? (o = i ?? _e, g = -1) : p[1] === void 0 ? g = -2 : (g = o.lastIndex - p[2].length, h = p[1], o = p[3] === void 0 ? Ht : p[3] === '"' ? Qr : Jr) : o === Qr || o === Jr ? o = Ht : o === Yr || o === Xr ? o = _e : (o = Ht, i = void 0);
+    for (; C < d.length && (o.lastIndex = C, p = o.exec(d), p !== null); ) C = o.lastIndex, o === ye ? p[1] === "!--" ? o = Yr : p[1] !== void 0 ? o = Xr : p[2] !== void 0 ? (vi.test(p[2]) && (i = RegExp("</" + p[2], "g")), o = Ht) : p[3] !== void 0 && (o = Ht) : o === Ht ? p[0] === ">" ? (o = i ?? ye, g = -1) : p[1] === void 0 ? g = -2 : (g = o.lastIndex - p[2].length, h = p[1], o = p[3] === void 0 ? Ht : p[3] === '"' ? Qr : Jr) : o === Qr || o === Jr ? o = Ht : o === Yr || o === Xr ? o = ye : (o = Ht, i = void 0);
     const x = o === Ht && e[l + 1].startsWith("/>") ? " " : "";
-    n += o === _e ? d + ts : g >= 0 ? (s.push(h), d.slice(0, g) + bi + d.slice(g) + Lt + x) : d + Lt + (g === -2 ? l : x);
+    n += o === ye ? d + ts : g >= 0 ? (s.push(h), d.slice(0, g) + bi + d.slice(g) + Lt + x) : d + Lt + (g === -2 ? l : x);
   }
-  return [_i(e, n + (e[r] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
+  return [yi(e, n + (e[r] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
 };
 class Ie {
   constructor({ strings: t, _$litType$: r }, s) {
@@ -1694,7 +1694,7 @@ class Te {
   }
   $(t) {
     var n;
-    const { values: r, _$litType$: s } = t, i = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = Ie.createElement(_i(s.h, s.h[0]), this.options)), s);
+    const { values: r, _$litType$: s } = t, i = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = Ie.createElement(yi(s.h, s.h[0]), this.options)), s);
     if (((n = this._$AH) == null ? void 0 : n._$AD) === i) this._$AH.p(r);
     else {
       const o = new is(i, this), l = o.u(this.options);
@@ -2210,7 +2210,7 @@ function te({ context: e, subscribe: t }) {
     }));
   };
 }
-const wi = "sb:env", Ge = "sb:auth", ms = "customizations", Pr = Symbol("renderSpecContext"), vs = "sb-relative sb-overflow-hidden sb-w-1/3 sb-h-2 sb-linear-bar", ys = "sb-min-w-[375px] sb-max-w-[609px] sb-w-[calc(100%-30px)] sm:sb-max-w-[735px] md:sb-w-[calc(100%-32px)] md:sb-max-w-[800px] lg:sb-min-w-[800px]", _s = "sb-h-[100%] sb-min-w-[375px] sb-max-w-[609px] sb-w-[calc(100vw-30px)] sm:sb-max-w-[735px] md:sb-w-[calc(100vw-32px)] md:sb-max-w-[800px] lg:sb-min-w-[800px]", $s = "sb-fixed sb-inset-0 sb-z-[9999] sb-flex sb-items-center sb-justify-center sb-p-4 sb-overflow-auto", ws = "sb-w-fit sb-flex sb-max-h-[calc(100vh-60px)] sb-bg-background sb-shadow-2xl sb-ring-1 sb-ring-border sb-rounded-xl sb-overflow-hidden", Es = "sb-justify-self-center sb-rotate-0", Cs = "sb-border-0 sb-bg-background !sb-m-0", Ss = "sb-border sb-rounded-2xl sb-relative sb-py-6", Rs = "!sb-text-left sb-text-foreground sb-font-normal hover:!sb-bg-muted !sb-text-sm sb-rounded-md !sb-shadow-none data-[state=active]:!sb-bg-muted", Is = "!sb-flex !sb-justify-start !sb-flex-nowrap !sb-w-full !rtg-grid-cols-2 !sb-gap-2 sb-mx-6", xs = "!sb-w-[160px] sb-gap-4 ";
+const wi = "sb:env", Ge = "sb:auth", ms = "customizations", Pr = Symbol("renderSpecContext"), vs = "sb-relative sb-overflow-hidden sb-w-1/3 sb-h-2 sb-linear-bar", _s = "sb-min-w-[375px] sb-max-w-[609px] sb-w-[calc(100%-30px)] sm:sb-max-w-[735px] md:sb-w-[calc(100%-32px)] md:sb-max-w-[800px] lg:sb-min-w-[800px]", ys = "sb-h-[100%] sb-min-w-[375px] sb-max-w-[609px] sb-w-[calc(100vw-30px)] sm:sb-max-w-[735px] md:sb-w-[calc(100vw-32px)] md:sb-max-w-[800px] lg:sb-min-w-[800px]", $s = "sb-fixed sb-inset-0 sb-z-[9999] sb-flex sb-items-center sb-justify-center sb-p-4 sb-overflow-auto", ws = "sb-w-fit sb-flex sb-max-h-[calc(100vh-60px)] sb-bg-background sb-shadow-2xl sb-ring-1 sb-ring-border sb-rounded-xl sb-overflow-hidden", Es = "sb-justify-self-center sb-rotate-0", Cs = "sb-border-0 sb-bg-background !sb-m-0", Ss = "sb-border sb-rounded-2xl sb-relative sb-py-6", Rs = "!sb-text-left sb-text-foreground sb-font-normal hover:!sb-bg-muted !sb-text-sm sb-rounded-md !sb-shadow-none data-[state=active]:!sb-bg-muted", Is = "!sb-flex !sb-justify-start !sb-flex-nowrap !sb-w-full !rtg-grid-cols-2 !sb-gap-2 sb-mx-6", xs = "!sb-w-[160px] sb-gap-4 ";
 var E = /* @__PURE__ */ ((e) => (e.USER_PROFILE_CARD_HEADER_CONTAINER = "sb-user-profile-card-header-container", e.USER_PROFILE_CONTAINER = "sb-user-profile", e.USER_PROFILE_SIDEBAR = "sb-user-profile-sidebar-tabs", e.USER_PROFILE_SIDEBAR_TABS = "sb-user-profile-sidebar-tabs", e.USER_PROFILE_SIDEBAR_BURGER_MENU = "sb-user-profile-sidebar-burger-menu", e.USER_PROFILE_INPUT_LABEL = "sb-user-profile-input-label", e.USER_PROFILE_INPUT_FIELD = "sb-user-profile-input-field", e.USER_PROFILE_EDIT_FORM = "sb-user-profile-edit-form", e.USER_PROFILE_CARD_CONTAINER = "sb-user-profile-card-container", e.USER_PROFILE_EDITABLE_INPUT_FIELD = "sb-user-profile-editable-input-field", e.USER_PROFILE_DEFAULT_BUTTON = "sb-user-profile-default-button", e.USER_PROFILE_OUTLINE_BUTTON = "sb-user-profile-outline-button", e.USER_PROFILE_OTP = "sb-user-profile-otp", e.USER_PROFILE_EDIT_BUTTON = "sb-user-profile-edit-button", e))(E || {});
 function Ei(e) {
   var t, r, s = "";
@@ -2454,7 +2454,7 @@ const D = (e) => {
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   Ks.test(e) && !Gs.test(e)
 ), xi = () => !1, nn = (e) => Ws.test(e), on = (e) => Zs.test(e), an = () => {
-  const e = D("colors"), t = D("spacing"), r = D("blur"), s = D("brightness"), i = D("borderColor"), n = D("borderRadius"), o = D("borderSpacing"), l = D("borderWidth"), d = D("contrast"), h = D("grayscale"), p = D("hueRotate"), g = D("invert"), C = D("gap"), x = D("gradientColorStops"), A = D("gradientColorStopPositions"), L = D("inset"), N = D("margin"), k = D("opacity"), K = D("padding"), lt = D("saturate"), nt = D("scale"), gt = D("sepia"), vt = D("skew"), me = D("space"), ve = D("translate"), or = () => ["auto", "contain", "none"], ar = () => ["auto", "hidden", "clip", "visible", "scroll"], lr = () => ["auto", S, t], U = () => [S, t], zr = () => ["", xt, Tt], Ne = () => ["auto", de, S], Br = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], Fe = () => ["solid", "dashed", "dotted", "double", "none"], jr = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], dr = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], ye = () => ["", "0", S], Vr = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], It = () => [de, S];
+  const e = D("colors"), t = D("spacing"), r = D("blur"), s = D("brightness"), i = D("borderColor"), n = D("borderRadius"), o = D("borderSpacing"), l = D("borderWidth"), d = D("contrast"), h = D("grayscale"), p = D("hueRotate"), g = D("invert"), C = D("gap"), x = D("gradientColorStops"), A = D("gradientColorStopPositions"), L = D("inset"), N = D("margin"), k = D("opacity"), K = D("padding"), lt = D("saturate"), nt = D("scale"), gt = D("sepia"), vt = D("skew"), me = D("space"), ve = D("translate"), or = () => ["auto", "contain", "none"], ar = () => ["auto", "hidden", "clip", "visible", "scroll"], lr = () => ["auto", S, t], U = () => [S, t], zr = () => ["", xt, Tt], Ne = () => ["auto", de, S], Br = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], Fe = () => ["solid", "dashed", "dotted", "double", "none"], jr = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], dr = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], _e = () => ["", "0", S], Vr = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], It = () => [de, S];
   return {
     cacheSize: 500,
     separator: ":",
@@ -2468,9 +2468,9 @@ const D = (e) => {
       borderSpacing: U(),
       borderWidth: zr(),
       contrast: It(),
-      grayscale: ye(),
+      grayscale: _e(),
       hueRotate: It(),
-      invert: ye(),
+      invert: _e(),
       gap: U(),
       gradientColorStops: [e],
       gradientColorStopPositions: [Ys, Tt],
@@ -2480,7 +2480,7 @@ const D = (e) => {
       padding: U(),
       saturate: It(),
       scale: It(),
-      sepia: ye(),
+      sepia: _e(),
       skew: It(),
       space: U(),
       translate: U()
@@ -2735,14 +2735,14 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ye()
+        grow: _e()
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ye()
+        shrink: _e()
       }],
       /**
        * Order
@@ -4515,7 +4515,7 @@ function Ai(e, t) {
   }
   return r;
 }
-function _t(e, t) {
+function yt(e, t) {
   var r, s, i, n, o, l, d, h, p, g, C, x;
   return {
     default: (s = (r = t.byType) == null ? void 0 : r.buttons) == null ? void 0 : s.defaultButton,
@@ -4637,8 +4637,8 @@ Pe([
 he = Pe([
   R("sb-provider")
 ], he);
-var vn = Object.defineProperty, yn = Object.getOwnPropertyDescriptor, Oi = (e, t, r, s) => {
-  for (var i = s > 1 ? void 0 : s ? yn(t, r) : t, n = e.length - 1, o; n >= 0; n--)
+var vn = Object.defineProperty, _n = Object.getOwnPropertyDescriptor, Oi = (e, t, r, s) => {
+  for (var i = s > 1 ? void 0 : s ? _n(t, r) : t, n = e.length - 1, o; n >= 0; n--)
     (o = e[n]) && (i = (s ? o(t, r, i) : o(i)) || i);
   return s && i && vn(t, r, i), i;
 };
@@ -4665,12 +4665,12 @@ Oi([
 vr = Oi([
   R("sb-signed-out")
 ], vr);
-var _n = Object.defineProperty, $n = Object.getOwnPropertyDescriptor, Ti = (e, t, r, s) => {
+var yn = Object.defineProperty, $n = Object.getOwnPropertyDescriptor, Ti = (e, t, r, s) => {
   for (var i = s > 1 ? void 0 : s ? $n(t, r) : t, n = e.length - 1, o; n >= 0; n--)
     (o = e[n]) && (i = (s ? o(t, r, i) : o(i)) || i);
-  return s && i && _n(t, r, i), i;
+  return s && i && yn(t, r, i), i;
 };
-let yr = class extends O {
+let _r = class extends O {
   constructor() {
     super(...arguments), this._cachedChildren = [];
   }
@@ -4689,10 +4689,10 @@ let yr = class extends O {
 Ti([
   te({ context: Ge, subscribe: !0 }),
   a({ attribute: !1 })
-], yr.prototype, "auth", 2);
-yr = Ti([
+], _r.prototype, "auth", 2);
+_r = Ti([
   R("sb-signed-in")
-], yr);
+], _r);
 var wn = Object.defineProperty, En = Object.getOwnPropertyDescriptor, We = (e, t, r, s) => {
   for (var i = s > 1 ? void 0 : s ? En(t, r) : t, n = e.length - 1, o; n >= 0; n--)
     (o = e[n]) && (i = (s ? o(t, r, i) : o(i)) || i);
@@ -4727,7 +4727,7 @@ We([
 xe = We([
   R("sb-authenticated")
 ], xe);
-var Pi = /* @__PURE__ */ ((e) => (e.PROFILE = "Profile", e.SECURITY = "Security", e.APPEARANCE = "Appearance", e.NOTIFICATION = "Notification", e))(Pi || {}), _r = /* @__PURE__ */ ((e) => (e.PROFILE = "Profile", e.SECURITY = "Security", e.APPEARANCE = "Appearance", e.NOTIFICATION = "Notification", e))(_r || {}), kt = /* @__PURE__ */ ((e) => (e.MODAL = "MODAL", e.PAGE = "PAGE", e))(kt || {}), bt = /* @__PURE__ */ ((e) => (e.BURGER = "BURGER", e.REGULAR = "REGULAR", e))(bt || {}), yt = /* @__PURE__ */ ((e) => (e.VERTICAL = "VERTICAL", e.HORIZONTAL = "HORIZONTAL", e))(yt || {}), ht = /* @__PURE__ */ ((e) => (e.COLUMN = "COLUMN", e.ROW = "ROW", e))(ht || {});
+var Pi = /* @__PURE__ */ ((e) => (e.PROFILE = "Profile", e.SECURITY = "Security", e.APPEARANCE = "Appearance", e.NOTIFICATION = "Notification", e))(Pi || {}), yr = /* @__PURE__ */ ((e) => (e.PROFILE = "Profile", e.SECURITY = "Security", e.APPEARANCE = "Appearance", e.NOTIFICATION = "Notification", e))(yr || {}), kt = /* @__PURE__ */ ((e) => (e.MODAL = "MODAL", e.PAGE = "PAGE", e))(kt || {}), bt = /* @__PURE__ */ ((e) => (e.BURGER = "BURGER", e.REGULAR = "REGULAR", e))(bt || {}), _t = /* @__PURE__ */ ((e) => (e.VERTICAL = "VERTICAL", e.HORIZONTAL = "HORIZONTAL", e))(_t || {}), ht = /* @__PURE__ */ ((e) => (e.COLUMN = "COLUMN", e.ROW = "ROW", e))(ht || {});
 function Ae() {
   return Qt`<svg
       width="16"
@@ -4872,7 +4872,7 @@ let it = class extends O {
   }
   // Helpers to centralize customization mappings
   getButtonStyles() {
-    const e = _t("default", this.customizations), t = _t("outline", this.customizations), r = T(
+    const e = yt("default", this.customizations), t = yt("outline", this.customizations), r = T(
       rr,
       {},
       e,
@@ -5263,7 +5263,7 @@ let Dt = class extends O {
     return this;
   }
   getButtonStyles() {
-    const e = _t("default", this.customizations), t = _t("outline", this.customizations), r = _t("ghost", this.customizations), s = T(
+    const e = yt("default", this.customizations), t = yt("outline", this.customizations), r = yt("ghost", this.customizations), s = T(
       rr,
       {},
       e,
@@ -5483,7 +5483,7 @@ let Mt = class extends O {
     return this;
   }
   getButtonStyles() {
-    const e = _t("default", this.customizations), t = _t("outline", this.customizations), r = _t("ghost", this.customizations), s = T(
+    const e = yt("default", this.customizations), t = yt("outline", this.customizations), r = yt("ghost", this.customizations), s = T(
       rr,
       {},
       e,
@@ -5698,7 +5698,7 @@ let Ut = class extends O {
     return this;
   }
   getButtonStyles() {
-    const e = _t("default", this.customizations), t = _t("outline", this.customizations), r = _t("ghost", this.customizations), s = T(
+    const e = yt("default", this.customizations), t = yt("outline", this.customizations), r = yt("ghost", this.customizations), s = T(
       rr,
       {},
       e,
@@ -5895,7 +5895,7 @@ var Un = Object.defineProperty, zn = Object.getOwnPropertyDescriptor, st = (e, t
 };
 let rt = class extends O {
   constructor() {
-    super(...arguments), this.showAvatarMenu = !1, this.customizations = null, this.showIcons = !0, this.orientation = yt.HORIZONTAL, this.sidebarDisplayType = bt.REGULAR, this.mode = kt == null ? void 0 : kt.PAGE, this.widgetsLayout = ht.ROW, this.content = null;
+    super(...arguments), this.showAvatarMenu = !1, this.customizations = null, this.showIcons = !0, this.orientation = _t.HORIZONTAL, this.sidebarDisplayType = bt.REGULAR, this.mode = kt == null ? void 0 : kt.PAGE, this.widgetsLayout = ht.ROW, this.content = null;
   }
   createRenderRoot() {
     return this;
@@ -5903,7 +5903,7 @@ let rt = class extends O {
   render() {
     var r, s, i, n;
     return c`
-      ${this.orientation === yt.VERTICAL || this.sidebarDisplayType === bt.BURGER ? null : c`
+      ${this.orientation === _t.VERTICAL || this.sidebarDisplayType === bt.BURGER ? null : c`
             <div class=${"sb-flex sb-items-center sb-justify-between sb-mb-4"}>
               <div class=${"sb-font-medium sb-text-[18px] sb-text-foreground"}>Profile</div>
             </div>
@@ -6000,12 +6000,12 @@ var Kn = Object.defineProperty, Gn = Object.getOwnPropertyDescriptor, se = (e, t
   return s && i && Kn(t, r, i), i;
 };
 const br = [
-  { label: "Profile", value: _r.PROFILE },
-  { label: "Security", value: _r.SECURITY }
+  { label: "Profile", value: yr.PROFILE },
+  { label: "Security", value: yr.SECURITY }
 ];
 let zt = class extends O {
   constructor() {
-    super(...arguments), this.orientation = yt.HORIZONTAL, this.displayType = bt.REGULAR, this.mode = kt.PAGE, this.config = { showIcons: !0 }, this.customizations = null, this.isMenuOpen = !1;
+    super(...arguments), this.orientation = _t.HORIZONTAL, this.displayType = bt.REGULAR, this.mode = kt.PAGE, this.config = { showIcons: !0 }, this.customizations = null, this.isMenuOpen = !1;
   }
   createRenderRoot() {
     return this;
@@ -6103,7 +6103,7 @@ let zt = class extends O {
   }
   render() {
     var i, n, o;
-    const e = this.orientation === yt.VERTICAL, t = this.orientation === yt.HORIZONTAL, { class: r, style: s } = T(
+    const e = this.orientation === _t.VERTICAL, t = this.orientation === _t.HORIZONTAL, { class: r, style: s } = T(
       "",
       {},
       (o = (n = (i = this.customizations) == null ? void 0 : i.byType) == null ? void 0 : n.userProfile) == null ? void 0 : o.sidebar,
@@ -6163,7 +6163,7 @@ const li = {
 };
 class wt extends O {
   constructor() {
-    super(...arguments), this.showAvatarMenu = !1, this.orientation = yt.HORIZONTAL, this.mobileDisplay = bt.REGULAR, this.mode = kt.PAGE, this.widgetsLayout = ht.ROW, this.content = null, this.customizations = null, this.providedCustomizations = null, this.isOpen = !0, this.currentBreakpoint = "md", this.account = {
+    super(...arguments), this.showAvatarMenu = !1, this.orientation = _t.HORIZONTAL, this.mobileDisplay = bt.REGULAR, this.mode = kt.PAGE, this.widgetsLayout = ht.ROW, this.content = null, this.customizations = null, this.providedCustomizations = null, this.isOpen = !0, this.currentBreakpoint = "md", this.account = {
       email: "J.Doe@gmail.com",
       phone: "+989390717800",
       avatar: "https://github.com/shadcn.png"
@@ -6228,21 +6228,21 @@ class wt extends O {
     return this.mode === kt.MODAL;
   }
   get sidebarDisplayType() {
-    return this.orientation === yt.VERTICAL || this.currentBreakpoint === "md" ? bt.REGULAR : bt.BURGER;
+    return this.orientation === _t.VERTICAL || this.currentBreakpoint === "md" ? bt.REGULAR : bt.BURGER;
   }
   get containerClasses() {
     return V(
       Es,
       this.isModal ? Ss : Cs,
-      this.isModal ? _s : ys,
-      this.sidebarDisplayType === bt.BURGER || this.orientation === yt.VERTICAL ? "!sb-flex-col" : "!sb-flex-row"
+      this.isModal ? ys : _s,
+      this.sidebarDisplayType === bt.BURGER || this.orientation === _t.VERTICAL ? "!sb-flex-col" : "!sb-flex-row"
     );
   }
   get contentClasses() {
     return V(
       "sb-flex-grow",
       this.isModal ? "sb-max-h-[864px] sb-mx-4 sb-px-2 md:sb-mx-0 md:sb-px-6 md:sb-pl-0 sb-overflow-auto" : "md:sb-max-h-[100%]",
-      this.orientation === yt.VERTICAL ? "md:sb-pl-6 sb-mb-16" : ""
+      this.orientation === _t.VERTICAL ? "md:sb-pl-6 sb-mb-16" : ""
     );
   }
   // === Render Helpers ===
@@ -6262,7 +6262,7 @@ class wt extends O {
     ` : u;
   }
   renderWatermark() {
-    return this.orientation !== yt.VERTICAL ? u : c`
+    return this.orientation !== _t.VERTICAL ? u : c`
       <div
         class="sb-fixed sb-bottom-0 sb-w-[-webkit-fill-available] sb-py-4 sb-bg-background"
       >
@@ -7332,10 +7332,10 @@ M([
 f = M([
   R("sb-password-field")
 ], f);
-var yo = Object.defineProperty, _o = Object.getOwnPropertyDescriptor, Z = (e, t, r, s) => {
-  for (var i = s > 1 ? void 0 : s ? _o(t, r) : t, n = e.length - 1, o; n >= 0; n--)
+var _o = Object.defineProperty, yo = Object.getOwnPropertyDescriptor, Z = (e, t, r, s) => {
+  for (var i = s > 1 ? void 0 : s ? yo(t, r) : t, n = e.length - 1, o; n >= 0; n--)
     (o = e[n]) && (i = (s ? o(t, r, i) : o(i)) || i);
-  return s && i && yo(t, r, i), i;
+  return s && i && _o(t, r, i), i;
 };
 let v = class extends O {
   constructor() {
@@ -7676,16 +7676,16 @@ var $o = Object.defineProperty, wo = Object.getOwnPropertyDescriptor, Q = (e, t,
     (o = e[n]) && (i = (s ? o(t, r, i) : o(i)) || i);
   return s && i && $o(t, r, i), i;
 };
-let y = class extends O {
+let _ = class extends O {
   constructor() {
     super(...arguments), this.seed = ot(), this.name = "email", this.content = "split", this.label = "Email", this.validation = "default", this.requiredError = "Email is a required field.", this.formatError = "Enter a valid email address.", this._invalid = !1, this._error = "", this._value = "", this._form = null, this._handleInput = (e) => {
       const t = e.target;
-      t.matches(`[part="${y.parts.input}"]>input`) && (this._value = t.value);
+      t.matches(`[part="${_.parts.input}"]>input`) && (this._value = t.value);
     }, this._handleFormSubmit = (e) => {
       this._validate() || e.preventDefault();
     }, this._handleFormReset = () => {
       const e = this.querySelector(
-        `rtg-input[part="${y.parts.input}"]`
+        `rtg-input[part="${_.parts.input}"]`
       );
       e && (e.value = ""), this._value = "", this._invalid = !1, this._error = "";
     };
@@ -7714,49 +7714,49 @@ let y = class extends O {
    * derived from the component's part name and `seed`.
    */
   get rootId() {
-    return this.childId ?? `sb-${y.parts.root}-${this.seed}`;
+    return this.childId ?? `sb-${_.parts.root}-${this.seed}`;
   }
   /**
    * The `id` of the field content element, derived from `rootId` with the
    * content part name appended.
    */
   get contentId() {
-    return `${this.rootId}-${y._CONTENT}`;
+    return `${this.rootId}-${_._CONTENT}`;
   }
   /**
    * The `id` of the field label element, derived from `rootId` with the label
    * part name appended.
    */
   get labelId() {
-    return `${this.rootId}-${y._LABEL}`;
+    return `${this.rootId}-${_._LABEL}`;
   }
   /**
    * The `id` of the field description element, derived from `rootId` with the
    * description part name appended.
    */
   get descriptionId() {
-    return `${this.rootId}-${y._DESCRIPTION}`;
+    return `${this.rootId}-${_._DESCRIPTION}`;
   }
   /**
    * The `id` of the mark element, derived from `rootId` with the mark part name
    * appended.
    */
   get markId() {
-    return `${this.rootId}-${y._MARK}`;
+    return `${this.rootId}-${_._MARK}`;
   }
   /**
    * The `id` of the input element, equal to `fieldId` when provided, otherwise
    * derived from `rootId` with the input part name appended.
    */
   get inputId() {
-    return this.fieldId ?? `${this.rootId}-${y._INPUT}`;
+    return this.fieldId ?? `${this.rootId}-${_._INPUT}`;
   }
   /**
    * The `id` of the field error element, derived from `rootId` with the error
    * part name appended.
    */
   get errorId() {
-    return `${this.rootId}-${y._ERROR}`;
+    return `${this.rootId}-${_._ERROR}`;
   }
   /**
    * Returns a the normalized value of `_value` by trimming whitespace and
@@ -7790,7 +7790,7 @@ let y = class extends O {
    * Defines and dispatches the validate event.
    */
   _dispatchValidate(e, t, r, s) {
-    const i = this.inputId, n = this.rootId, o = this.name, l = new CustomEvent(y.validateEventName, {
+    const i = this.inputId, n = this.rootId, o = this.name, l = new CustomEvent(_.validateEventName, {
       detail: { id: i, parentId: n, name: o, value: r, valid: e, type: t, message: s },
       bubbles: !0,
       composed: !0
@@ -7815,7 +7815,7 @@ let y = class extends O {
    */
   _validate() {
     const e = this._normalizedValue;
-    return this.required && !e ? (this._handleValidateError("required", e, this.requiredError), !1) : !e || this.validation === "simple" ? (this._handleValidateSuccess(e), !0) : y._PATTERN.test(e) ? (this._handleValidateSuccess(e), !0) : (this._handleValidateError("format", e, this.formatError), !1);
+    return this.required && !e ? (this._handleValidateError("required", e, this.requiredError), !1) : !e || this.validation === "simple" ? (this._handleValidateSuccess(e), !0) : _._PATTERN.test(e) ? (this._handleValidateSuccess(e), !0) : (this._handleValidateError("format", e, this.formatError), !1);
   }
   /**
    * Conditionally returns the mark template for the field label. When `caret`
@@ -7828,7 +7828,7 @@ let y = class extends O {
     return !this.mark && (!this.caret || !this.required) ? u : c`
       <span
         id="${this.markId}"
-        part="${y.parts.mark}"
+        part="${_.parts.mark}"
         data-content="${this.mark ? "text" : "caret"}"
       >
         ${this.mark ? this.mark : c`&ast;`}
@@ -7842,7 +7842,7 @@ let y = class extends O {
     return c`
       <rtg-field-label
         id="${this.labelId}"
-        part="${y.parts.label}"
+        part="${_.parts.label}"
         for="${this.inputId}"
       >
         ${this.label} ${this._renderMark()}
@@ -7856,7 +7856,7 @@ let y = class extends O {
     return this.description ? c`
       <rtg-field-description
         id="${this.descriptionId}"
-        part="${y.parts.description}"
+        part="${_.parts.description}"
       >
         ${this.description}
       </rtg-field-description>
@@ -7870,7 +7870,7 @@ let y = class extends O {
     return this._invalid ? c`
       <rtg-field-error
         id="${this.errorId}"
-        part="${y.parts.error}"
+        part="${_.parts.error}"
         .errors=${[{ message: this._error }]}
       ></rtg-field-error>
     ` : u;
@@ -7879,7 +7879,7 @@ let y = class extends O {
     return c`
       <rtg-field
         id="${this.rootId}"
-        part="${y.parts.root}"
+        part="${_.parts.root}"
         data-content="${this.content}"
         ?disabled="${this.disabled}"
         ?invalid="${this._invalid}"
@@ -7887,7 +7887,7 @@ let y = class extends O {
         ${this.content === "group" ? c`
               <rtg-field-content
                 id="${this.contentId}"
-                part="${y.parts.content}"
+                part="${_.parts.content}"
               >
                 ${this._renderLabel()} ${this._renderDescription()}
               </rtg-field-content>
@@ -7895,7 +7895,7 @@ let y = class extends O {
 
         <rtg-input
           id="${this.inputId}"
-          part="${y.parts.input}"
+          part="${_.parts.input}"
           type="email"
           name="${this.name}"
           placeholder="${this.placeholder ?? u}"
@@ -7910,72 +7910,72 @@ let y = class extends O {
     `;
   }
 };
-y._ROOT = "email-field";
-y._CONTENT = "content";
-y._LABEL = "label";
-y._MARK = "mark";
-y._DESCRIPTION = "description";
-y._INPUT = "input";
-y._ERROR = "error";
-y.TAG = `sb-${y._ROOT}`;
-y._PATTERN = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+_._ROOT = "email-field";
+_._CONTENT = "content";
+_._LABEL = "label";
+_._MARK = "mark";
+_._DESCRIPTION = "description";
+_._INPUT = "input";
+_._ERROR = "error";
+_.TAG = `sb-${_._ROOT}`;
+_._PATTERN = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 Q([
   a({ type: String })
-], y.prototype, "seed", 2);
+], _.prototype, "seed", 2);
 Q([
   a({ attribute: "child-id", type: String })
-], y.prototype, "childId", 2);
+], _.prototype, "childId", 2);
 Q([
   a({ attribute: "field-id", type: String })
-], y.prototype, "fieldId", 2);
+], _.prototype, "fieldId", 2);
 Q([
   a({ type: String })
-], y.prototype, "name", 2);
+], _.prototype, "name", 2);
 Q([
   a({ type: String })
-], y.prototype, "content", 2);
+], _.prototype, "content", 2);
 Q([
   a({ type: String })
-], y.prototype, "label", 2);
+], _.prototype, "label", 2);
 Q([
   a({ type: String })
-], y.prototype, "placeholder", 2);
+], _.prototype, "placeholder", 2);
 Q([
   a({ type: String })
-], y.prototype, "description", 2);
+], _.prototype, "description", 2);
 Q([
   a({ type: String })
-], y.prototype, "mark", 2);
+], _.prototype, "mark", 2);
 Q([
   a({ type: Boolean })
-], y.prototype, "caret", 2);
+], _.prototype, "caret", 2);
 Q([
   a({ type: Boolean })
-], y.prototype, "disabled", 2);
+], _.prototype, "disabled", 2);
 Q([
   a({ type: Boolean })
-], y.prototype, "required", 2);
+], _.prototype, "required", 2);
 Q([
   a({ type: String })
-], y.prototype, "validation", 2);
+], _.prototype, "validation", 2);
 Q([
   a({ attribute: "required-error", type: String })
-], y.prototype, "requiredError", 2);
+], _.prototype, "requiredError", 2);
 Q([
   a({ attribute: "format-error", type: String })
-], y.prototype, "formatError", 2);
+], _.prototype, "formatError", 2);
 Q([
   I()
-], y.prototype, "_invalid", 2);
+], _.prototype, "_invalid", 2);
 Q([
   I()
-], y.prototype, "_error", 2);
+], _.prototype, "_error", 2);
 Q([
   I()
-], y.prototype, "_value", 2);
-y = Q([
+], _.prototype, "_value", 2);
+_ = Q([
   R("sb-email-field")
-], y);
+], _);
 var Eo = Object.defineProperty, Co = Object.getOwnPropertyDescriptor, Y = (e, t, r, s) => {
   for (var i = s > 1 ? void 0 : s ? Co(t, r) : t, n = e.length - 1, o; n >= 0; n--)
     (o = e[n]) && (i = (s ? o(t, r, i) : o(i)) || i);
@@ -8665,16 +8665,16 @@ var Io = Object.defineProperty, xo = Object.getOwnPropertyDescriptor, tt = (e, t
     (o = e[n]) && (i = (s ? o(t, r, i) : o(i)) || i);
   return s && i && Io(t, r, i), i;
 };
-let _ = class extends O {
+let y = class extends O {
   constructor() {
     super(...arguments), this.seed = ot(), this.name = "phone", this.content = "split", this.label = "Phone", this.validation = "default", this.requiredError = "Phone is a required field.", this.formatError = "Enter a valid phone number.", this._invalid = !1, this._error = "", this._value = "", this._form = null, this._handleInput = (e) => {
       const t = e.target;
-      t.matches(`[part="${_.parts.input}"]>input`) && (this._value = t.value);
+      t.matches(`[part="${y.parts.input}"]>input`) && (this._value = t.value);
     }, this._handleFormSubmit = (e) => {
       this._validate() || e.preventDefault();
     }, this._handleFormReset = () => {
       const e = this.querySelector(
-        `rtg-input[part="${_.parts.input}"]`
+        `rtg-input[part="${y.parts.input}"]`
       );
       e && (e.value = ""), this._value = "", this._invalid = !1, this._error = "";
     };
@@ -8703,49 +8703,49 @@ let _ = class extends O {
    * derived from the component's part name and `seed`.
    */
   get rootId() {
-    return this.childId ?? `sb-${_.parts.root}-${this.seed}`;
+    return this.childId ?? `sb-${y.parts.root}-${this.seed}`;
   }
   /**
    * The `id` of the field content element, derived from `rootId` with the
    * content part name appended.
    */
   get contentId() {
-    return `${this.rootId}-${_._CONTENT}`;
+    return `${this.rootId}-${y._CONTENT}`;
   }
   /**
    * The `id` of the field label element, derived from `rootId` with the label
    * part name appended.
    */
   get labelId() {
-    return `${this.rootId}-${_._LABEL}`;
+    return `${this.rootId}-${y._LABEL}`;
   }
   /**
    * The `id` of the field description element, derived from `rootId` with the
    * description part name appended.
    */
   get descriptionId() {
-    return `${this.rootId}-${_._DESCRIPTION}`;
+    return `${this.rootId}-${y._DESCRIPTION}`;
   }
   /**
    * The `id` of the mark element, derived from `rootId` with the mark part name
    * appended.
    */
   get markId() {
-    return `${this.rootId}-${_._MARK}`;
+    return `${this.rootId}-${y._MARK}`;
   }
   /**
    * The `id` of the input element, equal to `fieldId` when provided, otherwise
    * derived from `rootId` with the input part name appended.
    */
   get inputId() {
-    return this.fieldId ?? `${this.rootId}-${_._INPUT}`;
+    return this.fieldId ?? `${this.rootId}-${y._INPUT}`;
   }
   /**
    * The `id` of the field error element, derived from `rootId` with the error
    * part name appended.
    */
   get errorId() {
-    return `${this.rootId}-${_._ERROR}`;
+    return `${this.rootId}-${y._ERROR}`;
   }
   /**
    * Returns the normalized value of `_value` by stripping all whitespace.
@@ -8778,7 +8778,7 @@ let _ = class extends O {
    * Defines and dispatches the validate event.
    */
   _dispatchValidate(e, t, r, s) {
-    const i = this.inputId, n = this.rootId, o = this.name, l = new CustomEvent(_.validateEventName, {
+    const i = this.inputId, n = this.rootId, o = this.name, l = new CustomEvent(y.validateEventName, {
       detail: { id: i, parentId: n, name: o, value: r, valid: e, type: t, message: s },
       bubbles: !0,
       composed: !0
@@ -8803,7 +8803,7 @@ let _ = class extends O {
    */
   _validate() {
     const e = this._normalizedValue;
-    return this.required && !e ? (this._handleValidateError("required", e, this.requiredError), !1) : !e || this.validation === "simple" ? (this._handleValidateSuccess(e), !0) : _._PATTERN.test(e) ? (this._handleValidateSuccess(e), !0) : (this._handleValidateError("format", e, this.formatError), !1);
+    return this.required && !e ? (this._handleValidateError("required", e, this.requiredError), !1) : !e || this.validation === "simple" ? (this._handleValidateSuccess(e), !0) : y._PATTERN.test(e) ? (this._handleValidateSuccess(e), !0) : (this._handleValidateError("format", e, this.formatError), !1);
   }
   /**
    * Conditionally returns the mark template for the field label. When `caret`
@@ -8816,7 +8816,7 @@ let _ = class extends O {
     return !this.mark && (!this.caret || !this.required) ? u : c`
       <span
         id="${this.markId}"
-        part="${_.parts.mark}"
+        part="${y.parts.mark}"
         data-content="${this.mark ? "text" : "caret"}"
       >
         ${this.mark ? this.mark : c`&ast;`}
@@ -8830,7 +8830,7 @@ let _ = class extends O {
     return c`
       <rtg-field-label
         id="${this.labelId}"
-        part="${_.parts.label}"
+        part="${y.parts.label}"
         for="${this.inputId}"
       >
         ${this.label} ${this._renderMark()}
@@ -8844,7 +8844,7 @@ let _ = class extends O {
     return this.description ? c`
       <rtg-field-description
         id="${this.descriptionId}"
-        part="${_.parts.description}"
+        part="${y.parts.description}"
       >
         ${this.description}
       </rtg-field-description>
@@ -8858,7 +8858,7 @@ let _ = class extends O {
     return this._invalid ? c`
       <rtg-field-error
         id="${this.errorId}"
-        part="${_.parts.error}"
+        part="${y.parts.error}"
         .errors=${[{ message: this._error }]}
       ></rtg-field-error>
     ` : u;
@@ -8867,7 +8867,7 @@ let _ = class extends O {
     return c`
       <rtg-field
         id="${this.rootId}"
-        part="${_.parts.root}"
+        part="${y.parts.root}"
         data-content="${this.content}"
         ?disabled="${this.disabled}"
         ?invalid="${this._invalid}"
@@ -8875,7 +8875,7 @@ let _ = class extends O {
         ${this.content === "group" ? c`
               <rtg-field-content
                 id="${this.contentId}"
-                part="${_.parts.content}"
+                part="${y.parts.content}"
               >
                 ${this._renderLabel()} ${this._renderDescription()}
               </rtg-field-content>
@@ -8883,7 +8883,7 @@ let _ = class extends O {
 
         <rtg-input
           id="${this.inputId}"
-          part="${_.parts.input}"
+          part="${y.parts.input}"
           type="tel"
           name="${this.name}"
           placeholder="${this.placeholder ?? u}"
@@ -8898,72 +8898,72 @@ let _ = class extends O {
     `;
   }
 };
-_._ROOT = "phone-field";
-_._CONTENT = "content";
-_._LABEL = "label";
-_._MARK = "mark";
-_._DESCRIPTION = "description";
-_._INPUT = "input";
-_._ERROR = "error";
-_.TAG = `sb-${_._ROOT}`;
-_._PATTERN = /^\+?(\d[\d-.() ]+)?(\([\d-.() ]+\))?[\d-.() ]+\d$/;
+y._ROOT = "phone-field";
+y._CONTENT = "content";
+y._LABEL = "label";
+y._MARK = "mark";
+y._DESCRIPTION = "description";
+y._INPUT = "input";
+y._ERROR = "error";
+y.TAG = `sb-${y._ROOT}`;
+y._PATTERN = /^\+?(\d[\d-.() ]+)?(\([\d-.() ]+\))?[\d-.() ]+\d$/;
 tt([
   a({ type: String })
-], _.prototype, "seed", 2);
+], y.prototype, "seed", 2);
 tt([
   a({ attribute: "child-id", type: String })
-], _.prototype, "childId", 2);
+], y.prototype, "childId", 2);
 tt([
   a({ attribute: "field-id", type: String })
-], _.prototype, "fieldId", 2);
+], y.prototype, "fieldId", 2);
 tt([
   a({ type: String })
-], _.prototype, "name", 2);
+], y.prototype, "name", 2);
 tt([
   a({ type: String })
-], _.prototype, "content", 2);
+], y.prototype, "content", 2);
 tt([
   a({ type: String })
-], _.prototype, "label", 2);
+], y.prototype, "label", 2);
 tt([
   a({ type: String })
-], _.prototype, "placeholder", 2);
+], y.prototype, "placeholder", 2);
 tt([
   a({ type: String })
-], _.prototype, "description", 2);
+], y.prototype, "description", 2);
 tt([
   a({ type: String })
-], _.prototype, "mark", 2);
+], y.prototype, "mark", 2);
 tt([
   a({ type: Boolean })
-], _.prototype, "caret", 2);
+], y.prototype, "caret", 2);
 tt([
   a({ type: Boolean })
-], _.prototype, "disabled", 2);
+], y.prototype, "disabled", 2);
 tt([
   a({ type: Boolean })
-], _.prototype, "required", 2);
+], y.prototype, "required", 2);
 tt([
   a({ type: String })
-], _.prototype, "validation", 2);
+], y.prototype, "validation", 2);
 tt([
   a({ attribute: "required-error", type: String })
-], _.prototype, "requiredError", 2);
+], y.prototype, "requiredError", 2);
 tt([
   a({ attribute: "format-error", type: String })
-], _.prototype, "formatError", 2);
+], y.prototype, "formatError", 2);
 tt([
   I()
-], _.prototype, "_invalid", 2);
+], y.prototype, "_invalid", 2);
 tt([
   I()
-], _.prototype, "_error", 2);
+], y.prototype, "_error", 2);
 tt([
   I()
-], _.prototype, "_value", 2);
-_ = tt([
+], y.prototype, "_value", 2);
+y = tt([
   R("sb-phone-field")
-], _);
+], y);
 var Ao = Object.defineProperty, Oo = Object.getOwnPropertyDescriptor, j = (e, t, r, s) => {
   for (var i = s > 1 ? void 0 : s ? Oo(t, r) : t, n = e.length - 1, o; n >= 0; n--)
     (o = e[n]) && (i = (s ? o(t, r, i) : o(i)) || i);
@@ -9455,8 +9455,8 @@ z = Et([
   R("sb-form-submit")
 ], z);
 const ki = [
-  y,
   _,
+  y,
   m,
   $,
   b,
@@ -10248,6 +10248,15 @@ let W = class extends O {
     const e = this._providers.length;
     return e < 3 ? "one" : e % 3 === 0 ? "three" : e === 5 ? "two-three" : e === 7 ? "three-four" : "four";
   }
+  /**
+   * Returns the correct event for a provider:
+   * 1. Override event (if provided)
+   * 2. Global event prop
+   * 3. Fallback: `signin_with_oauth(${provider})`
+   */
+  _getEventForProvider(e, t) {
+    return t || (this.event ? this.event : `signin_with_oauth(${e})`);
+  }
   /**
    * The `providers` array without any duplicates.
    */
@@ -10269,6 +10278,7 @@ let W = class extends O {
    * given, otherwise the general prop given to this field component.
    */
   _renderButton(e) {
+    const t = this._getEventForProvider(e.provider, e.event);
     return c`
       <sb-provider-button
         id="${this.buttonId}"
@@ -10284,7 +10294,7 @@ let W = class extends O {
         label="${e.label ?? this.label ?? u}"
         ?disabled="${e.disabled || this.disabled}"
         ?loading="${e.loading || this.loading}"
-        event="${e.event ?? this.event ?? u}"
+        event="${t}"
       ></sb-provider-button>
     `;
   }
@@ -11044,7 +11054,7 @@ export {
   v as SbConfirmField,
   Xt as SbContainer,
   Jt as SbCountdown,
-  y as SbEmailField,
+  _ as SbEmailField,
   J as SbError,
   G as SbForm,
   Bt as SbFormSeparator,
@@ -11061,7 +11071,7 @@ export {
   H as SbPasskeyButton,
   f as SbPasswordField,
   Dt as SbPersonalInfo,
-  _ as SbPhoneField,
+  y as SbPhoneField,
   he as SbProvider,
   q as SbProviderButton,
   W as SbProviderField,
@@ -11074,7 +11084,7 @@ export {
   wt as SbUserProfile,
   m as SbUsernameField,
   ct as SbWatermark,
-  yr as SignedIn,
+  _r as SignedIn,
   vr as SignedOut,
   Ia as useAuthProvider
 };