@saasbase-io/core-elements 1.1.4 → 1.1.6

package/dist/index.mjs

@@ -55,7 +55,7 @@ class ar {
     this.data.clear();
   }
 }
-const vt = ar.Instance;
+const yt = ar.Instance;
 class Z extends Error {
   constructor(t, s, o) {
     super(s), this.name = "LoginflowError", this.code = t, this.details = o;
@@ -69,7 +69,7 @@ class se {
   }
   request(t) {
     return M(this, arguments, void 0, function* (s, o = {}) {
-      const r = vt.getConfig(), i = `${vt.getApiBaseUrl()}${s}`, n = 5e4, l = new AbortController(), d = setTimeout(() => l.abort(), n);
+      const r = yt.getConfig(), i = `${yt.getApiBaseUrl()}${s}`, n = 5e4, l = new AbortController(), d = setTimeout(() => l.abort(), n);
       try {
         const u = yield fetch(i, Object.assign(Object.assign({}, o), { signal: l.signal, headers: Object.assign(Object.assign(Object.assign({ "Content-Type": "application/json" }, r.apiKey && { Authorization: `Bearer ${r.apiKey}` }), r.headers), o.headers) }));
         if (clearTimeout(d), !u.ok) {
@@ -101,12 +101,12 @@ class se {
     });
   }
 }
-class ct {
+class dt {
   constructor() {
     this.AUTH_SESSION_STORAGE_KEY = "saasbase_auth_session", this.refreshTimeoutId = null, this.refreshPromise = null;
   }
   static get Instance() {
-    return ct.instance || (ct.instance = new ct()), ct.instance;
+    return dt.instance || (dt.instance = new dt()), dt.instance;
   }
   setCurrentSession(t) {
     localStorage.setItem(this.AUTH_SESSION_STORAGE_KEY, JSON.stringify(t));
@@ -341,14 +341,14 @@ class Vi {
       ["switch_to_signin", this.handleSwitchToSignin.bind(this)],
       ["switch_to_signup", this.handleSwitchToSignup.bind(this)]
     ]);
-    const n = vt.getConfig();
+    const n = yt.getConfig();
     if (!n.domain)
       throw new Z("CONFIG_ERROR", "Domain is required");
     if (!n.clientId)
       throw new Z("CONFIG_ERROR", "Client ID is required");
     if (!n.clientSecret)
       throw new Z("CONFIG_ERROR", "Client Secret is required");
-    this.flowId = t, this.location = o, this.flowStateManager = r || new ll(), this.flowEventBus = s || new cl(), this.navigationTypeDetector = i || new ed(), ct.Instance.cleanExpiredSession(), ct.Instance.scheduleTokenRefresh();
+    this.flowId = t, this.location = o, this.flowStateManager = r || new ll(), this.flowEventBus = s || new cl(), this.navigationTypeDetector = i || new ed(), dt.Instance.cleanExpiredSession(), dt.Instance.scheduleTokenRefresh();
   }
   static init(t, s, o, r, i) {
     return M(this, void 0, void 0, function* () {
@@ -442,7 +442,7 @@ class Vi {
         expires_in: t.expires_in,
         expires_at: Date.now() + t.expires_in * 1e3
       };
-      ct.Instance.setCurrentSession(s), ct.Instance.scheduleTokenRefresh(), this.flowStateManager.clearFlowState(), this.reloadPage();
+      dt.Instance.setCurrentSession(s), dt.Instance.scheduleTokenRefresh(), this.flowStateManager.clearFlowState(), this.reloadPage();
     }
   }
   /**
@@ -450,7 +450,7 @@ class Vi {
    */
   initializeFlowInternal() {
     return M(this, void 0, void 0, function* () {
-      const t = vt.getConfig(), s = Ss.detect(t, this.location);
+      const t = yt.getConfig(), s = Ss.detect(t, this.location);
       this.validateFlowType(s);
       const o = this.flowStateManager.getFlowState();
       return this.shouldResumeFlow(o, s) ? yield this.resumeExistingFlow(o, s) : yield this.startNewFlow(s);
@@ -508,7 +508,7 @@ class Vi {
    */
   startNewFlow(t) {
     return M(this, void 0, void 0, function* () {
-      const s = vt.getConfig(), o = {
+      const s = yt.getConfig(), o = {
         client_id: s.clientId,
         client_secret: s.clientSecret,
         origin_url: this.location.href,
@@ -551,7 +551,7 @@ class Vi {
    */
   handleSwitchToSignin() {
     return M(this, void 0, void 0, function* () {
-      const t = vt.getConfig();
+      const t = yt.getConfig();
       return this.redirect({ url: t.signinUrl, redirect_delay: 0 }), { state: "End" };
     });
   }
@@ -560,7 +560,7 @@ class Vi {
    */
   handleSwitchToSignup() {
     return M(this, void 0, void 0, function* () {
-      const t = vt.getConfig();
+      const t = yt.getConfig();
       return this.redirect({ url: t.signupUrl, redirect_delay: 0 }), { state: "End" };
     });
   }
@@ -665,7 +665,7 @@ class od {
       }
       console.log("[NavigationManager] Starting popstate processing"), this.isProcessing = !0, this.isHandlingNavigationEvent = !0;
       try {
-        const s = t.state, o = this.flowStateManager.getFlowState(), r = vt.getConfig(), i = Ss.detect(r, this.location);
+        const s = t.state, o = this.flowStateManager.getFlowState(), r = yt.getConfig(), i = Ss.detect(r, this.location);
         if (s && this.restoreHistoryStateToSession(s), this.shouldRestartFlow(s, o, i)) {
           yield this.triggerFlowRestart();
           return;
@@ -689,7 +689,7 @@ class od {
       }
       console.log("[NavigationManager] Starting bfcache restoration processing"), this.isProcessing = !0, this.isHandlingNavigationEvent = !0;
       try {
-        const t = this.historyAdapter.state, s = this.flowStateManager.getFlowState(), o = vt.getConfig(), r = Ss.detect(o, this.location);
+        const t = this.historyAdapter.state, s = this.flowStateManager.getFlowState(), o = yt.getConfig(), r = Ss.detect(o, this.location);
         if (t && this.restoreHistoryStateToSession(t), this.shouldRestartFlow(t, s, r)) {
           yield this.triggerFlowRestart();
           return;
@@ -1134,7 +1134,7 @@ class lr {
       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 id(), this.webauthnService.detectCapabilities(), this.flowEventBus = new cl(), this.navigationManager = new od(this.flowEventBus, () => M(this, void 0, void 0, function* () {
         console.log("[AuthService] Navigation restart triggered, restarting loginflow"), yield this.startLoginflowInternal(void 0, !1);
       }), o);
-      const r = yield Vi.init(s, this.flowEventBus), i = vt.getConfig();
+      const r = yield Vi.init(s, this.flowEventBus), i = yt.getConfig();
       this.startPasskeyAuthentication(r.flowType, !0), this.loginflow = r.sdk;
       const n = {
         flowType: r.flowType,
@@ -1156,16 +1156,16 @@ class lr {
   configure(t) {
     if (!t.domain || !t.clientId || !t.clientSecret)
       throw new Z("CONFIG_ERROR", "domain, clientId, and clientSecret are required");
-    vt.setConfig(t), this.configured = !0;
+    yt.setConfig(t), this.configured = !0;
   }
   isAuthenticated() {
-    return this.ensureConfigured(), ct.Instance.isAuthenticated();
+    return this.ensureConfigured(), dt.Instance.isAuthenticated();
   }
   getCurrentSession() {
-    return this.ensureConfigured(), ct.Instance.getCurrentSession();
+    return this.ensureConfigured(), dt.Instance.getCurrentSession();
   }
   getAuthenticatedUser() {
-    return this.ensureConfigured(), ct.Instance.getAuthenticatedUser();
+    return this.ensureConfigured(), dt.Instance.getAuthenticatedUser();
   }
   startLoginflow(t) {
     return M(this, void 0, void 0, function* () {
@@ -1176,7 +1176,7 @@ class lr {
     return M(this, void 0, void 0, function* () {
       var s, o;
       this.ensureConfigured(), this.ensureLoginflowInitialized();
-      const r = vt.getConfig(), i = Ss.detect(r, location);
+      const r = yt.getConfig(), i = Ss.detect(r, location);
       if (t.event === "signin_with_passkey" && !(!((s = t.data) === null || s === void 0) && s.credential_request)) {
         const l = yield this.getPasskeyCredential(i, !1);
         if (!l || !l.cred)
@@ -1282,10 +1282,10 @@ class lr {
     });
   }
   signOut() {
-    this.ensureConfigured(), ct.Instance.clearSession(), ct.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), window.location.reload(), console.log("Refreshed the page to clear any in-memory state");
+    this.ensureConfigured(), dt.Instance.clearSession(), dt.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), window.location.reload(), console.log("Refreshed the page to clear any in-memory state");
   }
 }
-const qt = lr.Instance;
+const nt = lr.Instance;
 /**
  * @license
  * Copyright 2019 Google LLC
@@ -2255,7 +2255,7 @@ function we({ context: e }) {
  * Copyright 2022 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function gt({ context: e, subscribe: t }) {
+function mt({ context: e, subscribe: t }) {
   return (s, o) => {
     typeof o == "object" ? o.addInitializer((function() {
       new Qn(this, { context: e, callback: (r) => {
@@ -2528,7 +2528,7 @@ function Xd(e, ...t) {
 const G = (e) => {
   const t = (s) => s[e] || [];
   return t.isThemeGetter = !0, t;
-}, Sl = /^\[(?:([a-z-]+):)?(.+)\]$/i, Jd = /^\d+\/\d+$/, Qd = /* @__PURE__ */ new Set(["px", "full", "screen"]), tu = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, eu = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, ru = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, su = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, ou = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Ft = (e) => cr(e) || Qd.has(e) || Jd.test(e), Jt = (e) => _r(e, "length", hu), cr = (e) => !!e && !Number.isNaN(Number(e)), Wo = (e) => _r(e, "number", cr), Ur = (e) => !!e && Number.isInteger(Number(e)), iu = (e) => e.endsWith("%") && cr(e.slice(0, -1)), j = (e) => Sl.test(e), Qt = (e) => tu.test(e), nu = /* @__PURE__ */ new Set(["length", "size", "percentage"]), au = (e) => _r(e, nu, kl), lu = (e) => _r(e, "position", kl), cu = /* @__PURE__ */ new Set(["image", "url"]), du = (e) => _r(e, cu, gu), uu = (e) => _r(e, "", pu), Mr = () => !0, _r = (e, t, s) => {
+}, Sl = /^\[(?:([a-z-]+):)?(.+)\]$/i, Jd = /^\d+\/\d+$/, Qd = /* @__PURE__ */ new Set(["px", "full", "screen"]), tu = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, eu = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, ru = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, su = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, ou = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Bt = (e) => cr(e) || Qd.has(e) || Jd.test(e), Jt = (e) => _r(e, "length", hu), cr = (e) => !!e && !Number.isNaN(Number(e)), Wo = (e) => _r(e, "number", cr), Ur = (e) => !!e && Number.isInteger(Number(e)), iu = (e) => e.endsWith("%") && cr(e.slice(0, -1)), j = (e) => Sl.test(e), Qt = (e) => tu.test(e), nu = /* @__PURE__ */ new Set(["length", "size", "percentage"]), au = (e) => _r(e, nu, kl), lu = (e) => _r(e, "position", kl), cu = /* @__PURE__ */ new Set(["image", "url"]), du = (e) => _r(e, cu, gu), uu = (e) => _r(e, "", pu), Mr = () => !0, _r = (e, t, s) => {
   const o = Sl.exec(e);
   return o ? o[1] ? typeof t == "string" ? o[1] === t : t.has(o[1]) : s(o[2]) : !1;
 }, hu = (e) => (
@@ -2537,13 +2537,13 @@ const G = (e) => {
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   eu.test(e) && !ru.test(e)
 ), kl = () => !1, pu = (e) => su.test(e), gu = (e) => ou.test(e), mu = () => {
-  const e = G("colors"), t = G("spacing"), s = G("blur"), o = G("brightness"), r = G("borderColor"), i = G("borderRadius"), n = G("borderSpacing"), l = G("borderWidth"), d = G("contrast"), u = G("grayscale"), m = G("hueRotate"), f = G("invert"), y = G("gap"), x = G("gradientColorStops"), w = G("gradientColorStopPositions"), C = G("inset"), _ = G("margin"), k = G("opacity"), P = G("padding"), V = G("saturate"), q = G("scale"), T = G("sepia"), tt = G("skew"), bt = G("space"), It = G("translate"), Et = () => ["auto", "contain", "none"], Mt = () => ["auto", "hidden", "clip", "visible", "scroll"], Tt = () => ["auto", j, t], R = () => [j, t], Zt = () => ["", Ft, Jt], St = () => ["auto", cr, j], ft = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], lt = () => ["solid", "dashed", "dotted", "double", "none"], Ce = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], Lt = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], pt = () => ["", "0", j], p = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], v = () => [cr, j];
+  const e = G("colors"), t = G("spacing"), s = G("blur"), o = G("brightness"), r = G("borderColor"), i = G("borderRadius"), n = G("borderSpacing"), l = G("borderWidth"), d = G("contrast"), u = G("grayscale"), m = G("hueRotate"), f = G("invert"), y = G("gap"), x = G("gradientColorStops"), w = G("gradientColorStopPositions"), C = G("inset"), _ = G("margin"), k = G("opacity"), P = G("padding"), V = G("saturate"), q = G("scale"), T = G("sepia"), tt = G("skew"), ft = G("space"), Tt = G("translate"), St = () => ["auto", "contain", "none"], Ft = () => ["auto", "hidden", "clip", "visible", "scroll"], Lt = () => ["auto", j, t], R = () => [j, t], Zt = () => ["", Bt, Jt], kt = () => ["auto", cr, j], vt = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], ct = () => ["solid", "dashed", "dotted", "double", "none"], Ce = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], Dt = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], gt = () => ["", "0", j], p = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], v = () => [cr, j];
   return {
     cacheSize: 500,
     separator: ":",
     theme: {
       colors: [Mr],
-      spacing: [Ft, Jt],
+      spacing: [Bt, Jt],
       blur: ["none", "", Qt, j],
       brightness: v(),
       borderColor: [e],
@@ -2551,19 +2551,19 @@ const G = (e) => {
       borderSpacing: R(),
       borderWidth: Zt(),
       contrast: v(),
-      grayscale: pt(),
+      grayscale: gt(),
       hueRotate: v(),
-      invert: pt(),
+      invert: gt(),
       gap: R(),
       gradientColorStops: [e],
       gradientColorStopPositions: [iu, Jt],
-      inset: Tt(),
-      margin: Tt(),
+      inset: Lt(),
+      margin: Lt(),
       opacity: v(),
       padding: R(),
       saturate: v(),
       scale: v(),
-      sepia: pt(),
+      sepia: gt(),
       skew: v(),
       space: R(),
       translate: R()
@@ -2660,49 +2660,49 @@ const G = (e) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: [...ft(), j]
+        object: [...vt(), j]
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: Mt()
+        overflow: Ft()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": Mt()
+        "overflow-x": Ft()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": Mt()
+        "overflow-y": Ft()
       }],
       /**
        * Overscroll Behavior
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: Et()
+        overscroll: St()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": Et()
+        "overscroll-x": St()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": Et()
+        "overscroll-y": St()
       }],
       /**
        * Position
@@ -2790,7 +2790,7 @@ const G = (e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: Tt()
+        basis: Lt()
       }],
       /**
        * Flex Direction
@@ -2818,14 +2818,14 @@ const G = (e) => {
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: pt()
+        grow: gt()
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: pt()
+        shrink: gt()
       }],
       /**
        * Order
@@ -2855,14 +2855,14 @@ const G = (e) => {
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": St()
+        "col-start": kt()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": St()
+        "col-end": kt()
       }],
       /**
        * Grid Template Rows
@@ -2885,14 +2885,14 @@ const G = (e) => {
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": St()
+        "row-start": kt()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": St()
+        "row-end": kt()
       }],
       /**
        * Grid Auto Flow
@@ -2941,7 +2941,7 @@ const G = (e) => {
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: ["normal", ...Lt()]
+        justify: ["normal", ...Dt()]
       }],
       /**
        * Justify Items
@@ -2962,7 +2962,7 @@ const G = (e) => {
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...Lt(), "baseline"]
+        content: ["normal", ...Dt(), "baseline"]
       }],
       /**
        * Align Items
@@ -2983,7 +2983,7 @@ const G = (e) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": [...Lt(), "baseline"]
+        "place-content": [...Dt(), "baseline"]
       }],
       /**
        * Place Items
@@ -3131,7 +3131,7 @@ const G = (e) => {
        * @see https://tailwindcss.com/docs/space
        */
       "space-x": [{
-        "space-x": [bt]
+        "space-x": [ft]
       }],
       /**
        * Space Between X Reverse
@@ -3143,7 +3143,7 @@ const G = (e) => {
        * @see https://tailwindcss.com/docs/space
        */
       "space-y": [{
-        "space-y": [bt]
+        "space-y": [ft]
       }],
       /**
        * Space Between Y Reverse
@@ -3283,7 +3283,7 @@ const G = (e) => {
        * @see https://tailwindcss.com/docs/line-height
        */
       leading: [{
-        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", Ft, j]
+        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", Bt, j]
       }],
       /**
        * List Style Image
@@ -3352,21 +3352,21 @@ const G = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...lt(), "wavy"]
+        decoration: [...ct(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: ["auto", "from-font", Ft, Jt]
+        decoration: ["auto", "from-font", Bt, Jt]
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": ["auto", Ft, j]
+        "underline-offset": ["auto", Bt, j]
       }],
       /**
        * Text Decoration Color
@@ -3469,7 +3469,7 @@ const G = (e) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: [...ft(), lu]
+        bg: [...vt(), lu]
       }],
       /**
        * Background Repeat
@@ -3726,7 +3726,7 @@ const G = (e) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...lt(), "hidden"]
+        border: [...ct(), "hidden"]
       }],
       /**
        * Divide Width X
@@ -3764,7 +3764,7 @@ const G = (e) => {
        * @see https://tailwindcss.com/docs/divide-style
        */
       "divide-style": [{
-        divide: lt()
+        divide: ct()
       }],
       /**
        * Border Color
@@ -3841,21 +3841,21 @@ const G = (e) => {
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: ["", ...lt()]
+        outline: ["", ...ct()]
       }],
       /**
        * Outline Offset
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [Ft, j]
+        "outline-offset": [Bt, j]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: [Ft, Jt]
+        outline: [Bt, Jt]
       }],
       /**
        * Outline Color
@@ -3895,7 +3895,7 @@ const G = (e) => {
        * @see https://tailwindcss.com/docs/ring-offset-width
        */
       "ring-offset-w": [{
-        "ring-offset": [Ft, Jt]
+        "ring-offset": [Bt, Jt]
       }],
       /**
        * Ring Offset Color
@@ -4203,14 +4203,14 @@ const G = (e) => {
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": [It]
+        "translate-x": [Tt]
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": [It]
+        "translate-y": [Tt]
       }],
       /**
        * Skew X
@@ -4490,7 +4490,7 @@ const G = (e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [Ft, Jt, Wo]
+        stroke: [Bt, Jt, Wo]
       }],
       /**
        * Stroke
@@ -8406,12 +8406,12 @@ function Au() {
       </svg>
     `;
 }
-var Pu = Object.defineProperty, Iu = Object.getOwnPropertyDescriptor, mt = (e, t, s, o) => {
+var Pu = Object.defineProperty, Iu = Object.getOwnPropertyDescriptor, bt = (e, t, s, o) => {
   for (var r = o > 1 ? void 0 : o ? Iu(t, s) : t, i = e.length - 1, n; i >= 0; i--)
     (n = e[i]) && (r = (o ? n(t, s, r) : n(r)) || r);
   return o && r && Pu(t, s, r), r;
 };
-let ut = class extends b {
+let ht = class extends b {
   constructor() {
     super(), this.disabled = !1, this.type = "text", this.placeholder = "", this.defaultValue = "", this.value = "", this.dataKey = "", this.country = "US", this.countryCode = "+1", this.selectedLabel = "US", this.rawTelValue = "", this.showPassword = !1, this.value = this.defaultValue, this.rawTelValue = this.defaultValue;
   }
@@ -8563,46 +8563,46 @@ let ut = class extends b {
     `;
   }
 };
-mt([
+bt([
   ot("input")
-], ut.prototype, "inputElement", 2);
-mt([
+], ht.prototype, "inputElement", 2);
+bt([
   a({ type: Boolean })
-], ut.prototype, "disabled", 2);
-mt([
+], ht.prototype, "disabled", 2);
+bt([
   a({ type: String })
-], ut.prototype, "type", 2);
-mt([
+], ht.prototype, "type", 2);
+bt([
   a({ type: String })
-], ut.prototype, "placeholder", 2);
-mt([
+], ht.prototype, "placeholder", 2);
+bt([
   a({ type: String })
-], ut.prototype, "defaultValue", 2);
-mt([
+], ht.prototype, "defaultValue", 2);
+bt([
   a({ type: String })
-], ut.prototype, "value", 2);
-mt([
+], ht.prototype, "value", 2);
+bt([
   a({ type: String, attribute: "data-key" })
-], ut.prototype, "dataKey", 2);
-mt([
+], ht.prototype, "dataKey", 2);
+bt([
   a({ type: String })
-], ut.prototype, "country", 2);
-mt([
+], ht.prototype, "country", 2);
+bt([
   a({ type: String })
-], ut.prototype, "countryCode", 2);
-mt([
+], ht.prototype, "countryCode", 2);
+bt([
   a({ type: String })
-], ut.prototype, "selectedLabel", 2);
-mt([
+], ht.prototype, "selectedLabel", 2);
+bt([
   S()
-], ut.prototype, "rawTelValue", 2);
-mt([
+], ht.prototype, "rawTelValue", 2);
+bt([
   S()
-], ut.prototype, "showPassword", 2);
-ut = mt([
+], ht.prototype, "showPassword", 2);
+ht = bt([
   h("rtg-input")
-], ut);
-const ia = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, na = _l, $t = (e, t) => (s) => {
+], ht);
+const ia = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, na = _l, Et = (e, t) => (s) => {
   var o;
   if ((t == null ? void 0 : t.variants) == null) return na(e, s == null ? void 0 : s.class, s == null ? void 0 : s.className);
   const { variants: r, defaultVariants: i } = t, n = Object.keys(r).map((u) => {
@@ -8631,7 +8631,7 @@ const ia = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, na = _l, $
     ] : u;
   }, []);
   return na(e, n, d, s == null ? void 0 : s.class, s == null ? void 0 : s.className);
-}, Tu = $t(
+}, Tu = Et(
   "rtg-text-sm rtg-font-medium rtg-leading-none peer-disabled:rtg-cursor-not-allowed peer-disabled:rtg-opacity-70"
 );
 var Lu = Object.defineProperty, Du = Object.getOwnPropertyDescriptor, Tl = (e, t, s, o) => {
@@ -8914,7 +8914,7 @@ jl([
 si = jl([
   h("rtg-aspect-ratio")
 ], si);
-const Ju = $t(
+const Ju = Et(
   "rtg-inline-flex rtg-items-center rtg-border rtg-px-2.5 rtg-py-0.5 rtg-text-xs rtg-font-semibold rtg-transition-colors focus:rtg-outline-none focus:rtg-ring-2 focus:rtg-ring-ring focus:rtg-ring-offset-2 rtg-border-transparent rtg-rounded-full",
   {
     variants: {
@@ -8980,7 +8980,7 @@ Qi([
 pr = Qi([
   h("rtg-badge")
 ], pr);
-const Nl = $t(
+const Nl = Et(
   "rtg-p-4 rtg-text-sm rtg-font-medium rtg-rounded-md rtg-border rtg-border-transparent",
   {
     variants: {
@@ -9059,7 +9059,7 @@ gs([
 Ie = gs([
   h("rtg-alert")
 ], Ie);
-const sh = $t(
+const sh = Et(
   "rtg-inline-flex rtg-items-center rtg-justify-center rtg-whitespace-nowrap rtg-rounded-sm rtg-text-sm rtg-font-medium rtg-transition-colors focus-visible:rtg-outline-none focus-visible:rtg-ring-1 focus-visible:rtg-ring-ring disabled:rtg-pointer-events-none disabled:rtg-opacity-50",
   {
     variants: {
@@ -9075,7 +9075,7 @@ const sh = $t(
       size: "default"
     }
   }
-), oh = $t(
+), oh = Et(
   "rtg-inline-flex rtg-items-center rtg-justify-center rtg-whitespace-nowrap rtg-rounded-md rtg-text-sm rtg-font-medium rtg-transition-colors focus-visible:rtg-outline-none focus-visible:rtg-ring-1 focus-visible:rtg-ring-ring disabled:rtg-pointer-events-none disabled:rtg-opacity-50",
   {
     variants: {
@@ -9105,7 +9105,7 @@ var ih = Object.defineProperty, nh = Object.getOwnPropertyDescriptor, We = (e, t
     (n = e[i]) && (r = (o ? n(t, s, r) : n(r)) || r);
   return o && r && ih(t, s, r), r;
 };
-let Ot = class extends b {
+let Rt = class extends b {
   constructor() {
     super(...arguments), this.click = () => {
     }, this.disabled = !1, this.type = "button", this.variant = "default", this.size = "default";
@@ -9142,7 +9142,7 @@ let Ot = class extends b {
         ${B(e)}
         ?disabled="${this.disabled}"
         class="${g(
-      Ot.buttonVariants({
+      Rt.buttonVariants({
         variant: this.variant,
         size: this.size,
         className: s
@@ -9154,34 +9154,34 @@ let Ot = class extends b {
     `;
   }
 };
-Ot.buttonVariants = oh;
+Rt.buttonVariants = oh;
 We([
   a({ type: Function })
-], Ot.prototype, "click", 2);
+], Rt.prototype, "click", 2);
 We([
   a({ type: Boolean })
-], Ot.prototype, "disabled", 2);
+], Rt.prototype, "disabled", 2);
 We([
   a({ type: String })
-], Ot.prototype, "type", 2);
+], Rt.prototype, "type", 2);
 We([
   a({ type: String })
-], Ot.prototype, "variant", 2);
+], Rt.prototype, "variant", 2);
 We([
   a({ type: String })
-], Ot.prototype, "size", 2);
+], Rt.prototype, "size", 2);
 We([
   ot("button")
-], Ot.prototype, "buttonElement", 2);
-Ot = We([
+], Rt.prototype, "buttonElement", 2);
+Rt = We([
   h("rtg-button")
-], Ot);
+], Rt);
 var ah = Object.defineProperty, lh = Object.getOwnPropertyDescriptor, xe = (e, t, s, o) => {
   for (var r = o > 1 ? void 0 : o ? lh(t, s) : t, i = e.length - 1, n; i >= 0; i--)
     (n = e[i]) && (r = (o ? n(t, s, r) : n(r)) || r);
   return o && r && ah(t, s, r), r;
 };
-let Rt = class extends E {
+let At = class extends E {
   constructor() {
     super(...arguments), this.currentDate = /* @__PURE__ */ new Date(), this.selectedStartDate = null, this.selectedEndDate = null, this.variant = "outline", this.size = "default", this.styleCalendar = !1, this.mode = "single";
   }
@@ -9381,7 +9381,7 @@ let Rt = class extends E {
     `;
   }
 };
-Rt.styles = [
+At.styles = [
   Ge`
       :host {
         display: inline-block;
@@ -9431,32 +9431,32 @@ Rt.styles = [
       }
     `
 ];
-Rt.buttonVariants = sh;
+At.buttonVariants = sh;
 xe([
   a({ type: Object })
-], Rt.prototype, "currentDate", 2);
+], At.prototype, "currentDate", 2);
 xe([
   a({ type: Object })
-], Rt.prototype, "selectedStartDate", 2);
+], At.prototype, "selectedStartDate", 2);
 xe([
   a({ type: Object })
-], Rt.prototype, "selectedEndDate", 2);
+], At.prototype, "selectedEndDate", 2);
 xe([
   a({ type: String })
-], Rt.prototype, "variant", 2);
+], At.prototype, "variant", 2);
 xe([
   a({ type: String })
-], Rt.prototype, "size", 2);
+], At.prototype, "size", 2);
 xe([
   a({ type: Boolean })
-], Rt.prototype, "styleCalendar", 2);
+], At.prototype, "styleCalendar", 2);
 xe([
   a({ type: String })
-], Rt.prototype, "mode", 2);
-Rt = xe([
+], At.prototype, "mode", 2);
+At = xe([
   h("rtg-calendar")
-], Rt);
-const ch = $t(
+], At);
+const ch = Et(
   "rtg-absolute rtg-z-50 rtg-rounded-md rtg-p-4 rtg-text-popover-foreground rtg-outline-none rtg-transition-transform rtg-transition-opacity",
   {
     variants: {
@@ -9482,7 +9482,7 @@ const ch = $t(
       side: "bottom"
     }
   }
-), dh = $t("absolute", {
+), dh = Et("absolute", {
   variants: {
     state: {
       open: "rtg-opacity-100 rtg-scale-100 rtg-duration-500",
@@ -9749,7 +9749,7 @@ var ke = /* @__PURE__ */ ((e) => (e.MULTIPLE = "multiple", e.SINGLE = "single",
     (n = e[i]) && (r = (o ? n(t, s, r) : n(r)) || r);
   return o && r && vh(t, s, r), r;
 };
-let Dt = class extends b {
+let jt = class extends b {
   constructor() {
     super(...arguments), this.value = "", this.tabindex = 0, this._initialChildren = [], this._onClick = (e) => {
       const t = e.target.closest(
@@ -9810,13 +9810,13 @@ let Dt = class extends b {
 };
 tn([
   a({ type: String })
-], Dt.prototype, "value", 2);
+], jt.prototype, "value", 2);
 tn([
   a({ type: Number })
-], Dt.prototype, "tabindex", 2);
-Dt = tn([
+], jt.prototype, "tabindex", 2);
+jt = tn([
   h("rtg-accordion-item")
-], Dt);
+], jt);
 var wh = (e, t, s, o) => {
   for (var r = t, i = e.length - 1, n; i >= 0; i--)
     (n = e[i]) && (r = n(r) || r);
@@ -9825,7 +9825,7 @@ var wh = (e, t, s, o) => {
 let ii = class extends b {
   get _item() {
     let e = this.parentElement;
-    for (; e && !(e instanceof Dt); )
+    for (; e && !(e instanceof jt); )
       e = e.parentElement;
     return e;
   }
@@ -9895,7 +9895,7 @@ let ni = class extends b {
   }
   get _item() {
     let e = this.parentElement;
-    for (; e && !(e instanceof Dt); )
+    for (; e && !(e instanceof jt); )
       e = e.parentElement;
     return e;
   }
@@ -9975,17 +9975,17 @@ let mr = class extends b {
   }
   connectedCallback() {
     super.connectedCallback(), this._initialChildren = Array.from(this.children).filter(
-      (e) => e instanceof Dt
+      (e) => e instanceof jt
     );
   }
   willUpdate(e) {
     e.has("type") && (this.type === ke.SINGLE && this.selectedItems.length > 1 && (this.selectedItems = this.selectedItems.slice(0, 1)), this._initialChildren.forEach((t) => {
-      t instanceof Dt && t.requestUpdate();
+      t instanceof jt && t.requestUpdate();
     }));
   }
   updated(e) {
     e.has("type") && this._initialChildren.forEach((t) => {
-      t instanceof Dt && t.requestUpdate();
+      t instanceof jt && t.requestUpdate();
     });
   }
   setSelectedItems(e) {
@@ -10015,7 +10015,7 @@ let mr = class extends b {
   }
   render() {
     const e = this._initialChildren.length ? this._initialChildren : Array.from(this.children).filter(
-      (t) => t instanceof Dt
+      (t) => t instanceof jt
     );
     return c`
       <div
@@ -10433,7 +10433,7 @@ let pi = class extends b {
   }
   get _comboBox() {
     let e = this.parentElement;
-    for (; e && !(e instanceof ht); )
+    for (; e && !(e instanceof pt); )
       e = e.parentElement;
     return e;
   }
@@ -10487,7 +10487,7 @@ let gi = class extends E {
   }
   get _comboBox() {
     let e = this.parentElement;
-    for (; e && !(e instanceof ht); )
+    for (; e && !(e instanceof pt); )
       e = e.parentElement;
     return e;
   }
@@ -10599,7 +10599,7 @@ let Le = class extends b {
   }
   get _comboBox() {
     let e = this.parentElement;
-    for (; e && !(e instanceof ht); )
+    for (; e && !(e instanceof pt); )
       e = e.parentElement;
     return e;
   }
@@ -10721,12 +10721,12 @@ bs([
 Le = bs([
   h("rtg-combo-box-group")
 ], Le);
-var Qh = Object.defineProperty, tp = Object.getOwnPropertyDescriptor, At = (e, t, s, o) => {
+var Qh = Object.defineProperty, tp = Object.getOwnPropertyDescriptor, Pt = (e, t, s, o) => {
   for (var r = o > 1 ? void 0 : o ? tp(t, s) : t, i = e.length - 1, n; i >= 0; i--)
     (n = e[i]) && (r = (o ? n(t, s, r) : n(r)) || r);
   return o && r && Qh(t, s, r), r;
 };
-let xt = class extends b {
+let _t = class extends b {
   constructor() {
     super(...arguments), this.value = "", this.key = "", this.tabindex = 0, this.isSelected = !1, this.isFocus = !1, this.class = "", this.selectItemIndex = -1, this.onSelect = (e, t) => {
     }, this.onMouseOver = (e, t) => {
@@ -10779,39 +10779,39 @@ let xt = class extends b {
     `;
   }
 };
-At([
+Pt([
   a({ type: String })
-], xt.prototype, "value", 2);
-At([
+], _t.prototype, "value", 2);
+Pt([
   a({ type: String })
-], xt.prototype, "key", 2);
-At([
+], _t.prototype, "key", 2);
+Pt([
   a({ type: Number })
-], xt.prototype, "tabindex", 2);
-At([
+], _t.prototype, "tabindex", 2);
+Pt([
   a({ type: Boolean })
-], xt.prototype, "isSelected", 2);
-At([
+], _t.prototype, "isSelected", 2);
+Pt([
   a({ type: Boolean })
-], xt.prototype, "isFocus", 2);
-At([
+], _t.prototype, "isFocus", 2);
+Pt([
   a({ type: String })
-], xt.prototype, "class", 2);
-At([
+], _t.prototype, "class", 2);
+Pt([
   a({ type: Number })
-], xt.prototype, "selectItemIndex", 2);
-At([
+], _t.prototype, "selectItemIndex", 2);
+Pt([
   a({ type: Function })
-], xt.prototype, "onSelect", 2);
-At([
+], _t.prototype, "onSelect", 2);
+Pt([
   a({ type: Function })
-], xt.prototype, "onMouseOver", 2);
-At([
+], _t.prototype, "onMouseOver", 2);
+Pt([
   ot("#rtg-combo-box-item")
-], xt.prototype, "itemDivContainer", 2);
-xt = At([
+], _t.prototype, "itemDivContainer", 2);
+_t = Pt([
   h("rtg-combo-box-item")
-], xt);
+], _t);
 var ep = Object.defineProperty, rp = Object.getOwnPropertyDescriptor, en = (e, t, s, o) => {
   for (var r = o > 1 ? void 0 : o ? rp(t, s) : t, i = e.length - 1, n; i >= 0; i--)
     (n = e[i]) && (r = (o ? n(t, s, r) : n(r)) || r);
@@ -10898,12 +10898,12 @@ let la = class extends b {
 la = sp([
   h("rtg-combo-box-empty")
 ], la);
-var op = Object.defineProperty, ip = Object.getOwnPropertyDescriptor, zt = (e, t, s, o) => {
+var op = Object.defineProperty, ip = Object.getOwnPropertyDescriptor, Ut = (e, t, s, o) => {
   for (var r = o > 1 ? void 0 : o ? ip(t, s) : t, i = e.length - 1, n; i >= 0; i--)
     (n = e[i]) && (r = (o ? n(t, s, r) : n(r)) || r);
   return o && r && op(t, s, r), r;
 };
-let ht = class extends b {
+let pt = class extends b {
   constructor() {
     super(), this.isOpen = !1, this.selectedValue = "", this.searchTerm = "", this.focusedIndex = -1, this.filteredItems = [], this.uuid = Xi(), this.label = "Select an item", this.items = [], this.handleClickOutside = (e) => {
       var t;
@@ -10967,36 +10967,36 @@ let ht = class extends b {
     `;
   }
 };
-zt([
+Ut([
   a({ type: Boolean })
-], ht.prototype, "isOpen", 2);
-zt([
+], pt.prototype, "isOpen", 2);
+Ut([
   S()
-], ht.prototype, "selectedValue", 2);
-zt([
+], pt.prototype, "selectedValue", 2);
+Ut([
   S()
-], ht.prototype, "searchTerm", 2);
-zt([
+], pt.prototype, "searchTerm", 2);
+Ut([
   S()
-], ht.prototype, "focusedIndex", 2);
-zt([
+], pt.prototype, "focusedIndex", 2);
+Ut([
   S()
-], ht.prototype, "filteredItems", 2);
-zt([
+], pt.prototype, "filteredItems", 2);
+Ut([
   S()
-], ht.prototype, "uuid", 2);
-zt([
+], pt.prototype, "uuid", 2);
+Ut([
   a({ type: String })
-], ht.prototype, "label", 2);
-zt([
+], pt.prototype, "label", 2);
+Ut([
   a({ type: Array })
-], ht.prototype, "items", 2);
-zt([
+], pt.prototype, "items", 2);
+Ut([
   ot('[part="combo-box"]')
-], ht.prototype, "parentDiveElement", 2);
-ht = zt([
+], pt.prototype, "parentDiveElement", 2);
+pt = Ut([
   h("rtg-combo-box")
-], ht);
+], pt);
 var Es = /* @__PURE__ */ ((e) => (e.VERTICAL = "vertical", e.HORIZONTAL = "horizontal", e))(Es || {}), np = Object.defineProperty, ap = Object.getOwnPropertyDescriptor, Zl = (e, t, s, o) => {
   for (var r = o > 1 ? void 0 : o ? ap(t, s) : t, i = e.length - 1, n; i >= 0; i--)
     (n = e[i]) && (r = (o ? n(t, s, r) : n(r)) || r);
@@ -13189,7 +13189,7 @@ let _a = class extends b {
 _a = tm([
   h("rtg-radio-group")
 ], _a);
-const em = $t(
+const em = Et(
   "rtg-inline-flex rtg-items-center rtg-justify-center rtg-whitespace-nowrap rtg-rounded-sm rtg-text-sm rtg-font-medium rtg-transition-colors focus-visible:rtg-outline-none focus-visible:rtg-ring-1 focus-visible:rtg-ring-ring disabled:rtg-pointer-events-none disabled:rtg-opacity-50",
   {
     variants: {
@@ -13242,7 +13242,7 @@ var lm = Object.defineProperty, cm = Object.getOwnPropertyDescriptor, Rr = (e, t
     (n = e[i]) && (r = (o ? n(t, s, r) : n(r)) || r);
   return o && r && lm(t, s, r), r;
 };
-let jt = class extends b {
+let Nt = class extends b {
   constructor() {
     super(...arguments), this.state = "close", this.isActive = !1, this.size = "icon", this.variant = "ghost", this.href = "javascript:void(0)";
   }
@@ -13267,7 +13267,7 @@ let jt = class extends b {
         href="${this.href}"
         aria-current="${this.isActive ? "page" : "false"}"
         class="${g(
-      jt.paginationVariants({
+      Nt.paginationVariants({
         variant: this.isActive ? "outline" : "ghost",
         size: this.size,
         className: this.className
@@ -13279,25 +13279,25 @@ let jt = class extends b {
     `;
   }
 };
-jt.paginationVariants = em;
+Nt.paginationVariants = em;
 Rr([
   a({ attribute: "data-state", type: String })
-], jt.prototype, "state", 2);
+], Nt.prototype, "state", 2);
 Rr([
   a({ type: Boolean })
-], jt.prototype, "isActive", 2);
+], Nt.prototype, "isActive", 2);
 Rr([
   a({ type: String })
-], jt.prototype, "size", 2);
+], Nt.prototype, "size", 2);
 Rr([
   a({ type: String })
-], jt.prototype, "variant", 2);
+], Nt.prototype, "variant", 2);
 Rr([
   a({ type: String })
-], jt.prototype, "href", 2);
-jt = Rr([
+], Nt.prototype, "href", 2);
+Nt = Rr([
   h("rtg-pagination-link")
-], jt);
+], Nt);
 var dm = Object.defineProperty, um = Object.getOwnPropertyDescriptor, un = (e, t, s, o) => {
   for (var r = o > 1 ? void 0 : o ? um(t, s) : t, i = e.length - 1, n; i >= 0; i--)
     (n = e[i]) && (r = (o ? n(t, s, r) : n(r)) || r);
@@ -13315,7 +13315,7 @@ let Us = class extends b {
     const t = (e = this._containerElement) == null ? void 0 : e.children;
     if (t) {
       for (let s = 0; s < t.length; s++)
-        if (t[s] instanceof jt)
+        if (t[s] instanceof Nt)
           return t[s];
     }
     return null;
@@ -14385,7 +14385,7 @@ let vr = class extends b {
 vr = ob([
   h("rtg-select")
 ], vr);
-const ib = $t(
+const ib = Et(
   "group rtg-pointer-events-auto rtg-relative rtg-flex rtg-w-full rtg-items-center rtg-justify-between rtg-space-x-2 rtg-overflow-hidden rtg-rounded-md rtg-border rtg-p-4 rtg-pr-6 rtg-shadow-lg rtg-transition-all data-[swipe=cancel]:rtg-translate-x-0 data-[swipe=end]:rtg-translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:rtg-translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:rtg-transition-none data-[state=open]:rtg-animate-in data-[state=closed]:rtg-animate-out data-[swipe=end]:rtg-animate-out data-[state=closed]:rtg-fade-out-80 data-[state=closed]:rtg-slide-out-to-right-full data-[state=open]:rtg-slide-in-from-top-full data-[state=open]:sm:rtg-slide-in-from-bottom-full",
   {
     variants: {
@@ -14398,7 +14398,7 @@ const ib = $t(
       variant: "default"
     }
   }
-), nb = $t(
+), nb = Et(
   "rtg-inline-flex rtg-h-8 rtg-shrink-0 rtg-items-center rtg-justify-center rtg-rounded-md rtg-px-3 rtg-text-sm rtg-font-medium rtg-transition-colors focus:rtg-outline-none focus:rtg-ring-1 focus:rtg-ring-ring disabled:rtg-pointer-events-none disabled:rtg-opacity-50",
   {
     variants: {
@@ -15007,7 +15007,7 @@ ue = mo([
   h("rtg-tab")
 ], ue);
 var mc = /* @__PURE__ */ ((e) => (e.SMALL = "sm", e.MEDIUM = "md", e.LARGE = "lg", e))(mc || {}), bc = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.OUTLINE = "outline", e))(bc || {});
-const Pb = $t(
+const Pb = Et(
   "rtg-inline-flex rtg-items-center rtg-justify-center rtg-rounded-md rtg-text-sm rtg-font-medium rtg-ring-offset-background rtg-transition-colors focus-visible:rtg-outline-none focus-visible:rtg-ring-2 focus-visible:rtg-ring-ring focus-visible:rtg-ring-offset-2 disabled:rtg-pointer-events-none disabled:rtg-opacity-50 data-[state=on]:rtg-bg-accent data-[state=on]:rtg-text-accent-foreground rtg-bg-transparent rtg-h-10 rtg-px-3",
   {
     variants: {
@@ -15104,7 +15104,7 @@ Ht = Ar([
   h("rtg-toggle")
 ], Ht);
 var Hs = /* @__PURE__ */ ((e) => (e.MULTIPLE = "multiple", e.SINGLE = "single", e))(Hs || {}), vn = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.OUTLINE = "outline", e))(vn || {}), yn = /* @__PURE__ */ ((e) => (e.SMALL = "sm", e.MEDIUM = "md", e.LARGE = "lg", e))(yn || {});
-const Lb = $t(
+const Lb = Et(
   "rtg-inline-flex rtg-items-center rtg-justify-center rtg-rounded-md rtg-text-sm rtg-font-medium rtg-ring-offset-background rtg-transition-colors focus-visible:rtg-outline-none focus-visible:rtg-ring-2 focus-visible:rtg-ring-ring focus-visible:rtg-ring-offset-2 disabled:rtg-pointer-events-none disabled:rtg-opacity-50 data-[state=on]:rtg-bg-accent data-[state=on]:rtg-text-accent-foreground rtg-bg-transparent rtg-h-10 rtg-px-3",
   {
     variants: {
@@ -15129,7 +15129,7 @@ var jb = Object.defineProperty, Nb = Object.getOwnPropertyDescriptor, Xe = (e, t
     (n = e[i]) && (r = (o ? n(t, s, r) : n(r)) || r);
   return o && r && jb(t, s, r), r;
 };
-let Nt = class extends b {
+let zt = class extends b {
   constructor() {
     super(...arguments), this.checked = !1, this.id = Xi(), this.variant = vn.DEFAULT, this.size = yn.SMALL, this.disabled = !1, this.type = Hs.SINGLE;
   }
@@ -15179,7 +15179,7 @@ let Nt = class extends b {
         id=${this.id}
         type="button"
         class="${g(
-      Nt.toggleGroupVariants({
+      zt.toggleGroupVariants({
         variant: this.variant,
         size: this.size,
         className: this.className
@@ -15196,28 +15196,28 @@ let Nt = class extends b {
     `;
   }
 };
-Nt.toggleGroupVariants = Lb;
+zt.toggleGroupVariants = Lb;
 Xe([
   a({ attribute: !0, type: Boolean, reflect: !0 })
-], Nt.prototype, "checked", 2);
+], zt.prototype, "checked", 2);
 Xe([
   a({ attribute: !0, type: String, reflect: !0 })
-], Nt.prototype, "id", 2);
+], zt.prototype, "id", 2);
 Xe([
   a({ attribute: !0, type: String })
-], Nt.prototype, "variant", 2);
+], zt.prototype, "variant", 2);
 Xe([
   a({ attribute: !0, type: String })
-], Nt.prototype, "size", 2);
+], zt.prototype, "size", 2);
 Xe([
   a({ type: Boolean })
-], Nt.prototype, "disabled", 2);
+], zt.prototype, "disabled", 2);
 Xe([
   a({ type: String })
-], Nt.prototype, "type", 2);
-Nt = Xe([
+], zt.prototype, "type", 2);
+zt = Xe([
   h("rtg-toggle-group-item")
-], Nt);
+], zt);
 var zb = Object.defineProperty, Ub = Object.getOwnPropertyDescriptor, Je = (e, t, s, o) => {
   for (var r = o > 1 ? void 0 : o ? Ub(t, s) : t, i = e.length - 1, n; i >= 0; i--)
     (n = e[i]) && (r = (o ? n(t, s, r) : n(r)) || r);
@@ -16560,7 +16560,7 @@ var Nf = Object.defineProperty, zf = Object.getOwnPropertyDescriptor, Qe = (e, t
     (n = e[i]) && (r = (o ? n(t, s, r) : n(r)) || r);
   return o && r && Nf(t, s, r), r;
 };
-let _t = class extends b {
+let Ct = class extends b {
   constructor() {
     super(...arguments), this._id = "", this._hidden = "", this.selected = !1, this.checked = !1, this.disabled = !1;
   }
@@ -16581,7 +16581,7 @@ let _t = class extends b {
     if (this._id !== "")
       return this._id;
     const s = (t = (e = this.parentElement) == null ? void 0 : e.shadowRoot) == null ? void 0 : t.querySelector("div[rtgcmd-group]");
-    return s ? this._id = `${s.getAttribute("id")}li${_t._counter++}` : this._id = `rtgcmdrxgxli${_t._counter++}`, this._id;
+    return s ? this._id = `${s.getAttribute("id")}li${Ct._counter++}` : this._id = `rtgcmdrxgxli${Ct._counter++}`, this._id;
   }
   get value() {
     var e;
@@ -16625,8 +16625,8 @@ let _t = class extends b {
     `;
   }
 };
-_t._counter = 0;
-_t.styles = [
+Ct._counter = 0;
+Ct.styles = [
   Ge`
       .icon-space {
         width: 16px; /* Fixed width to reserve space for the check icon */
@@ -16637,31 +16637,31 @@ _t.styles = [
 ];
 Qe([
   a({ type: String })
-], _t.prototype, "_id", 2);
+], Ct.prototype, "_id", 2);
 Qe([
   a({ attribute: "aria-hidden", type: String })
-], _t.prototype, "_hidden", 2);
+], Ct.prototype, "_hidden", 2);
 Qe([
   a({ attribute: "data-value", type: String })
-], _t.prototype, "value", 1);
+], Ct.prototype, "value", 1);
 Qe([
   a({ type: Boolean })
-], _t.prototype, "selected", 2);
+], Ct.prototype, "selected", 2);
 Qe([
   a({ type: Boolean })
-], _t.prototype, "checked", 2);
+], Ct.prototype, "checked", 2);
 Qe([
   a({ type: Boolean })
-], _t.prototype, "disabled", 2);
-_t = Qe([
+], Ct.prototype, "disabled", 2);
+Ct = Qe([
   h("rtg-menubar-radio-item")
-], _t);
+], Ct);
 var Uf = Object.defineProperty, Mf = Object.getOwnPropertyDescriptor, tr = (e, t, s, o) => {
   for (var r = o > 1 ? void 0 : o ? Mf(t, s) : t, i = e.length - 1, n; i >= 0; i--)
     (n = e[i]) && (r = (o ? n(t, s, r) : n(r)) || r);
   return o && r && Uf(t, s, r), r;
 };
-let Ct = class extends b {
+let $t = class extends b {
   constructor() {
     super(...arguments), this._id = "", this._hidden = "", this.selected = !1, this.checked = !1, this.disabled = !1;
   }
@@ -16684,7 +16684,7 @@ let Ct = class extends b {
     const s = (t = (e = this.parentElement) == null ? void 0 : e.shadowRoot) == null ? void 0 : t.querySelector("div[rtgcmd-group]");
     return s ? this._id = `${s.getAttribute(
       "id"
-    )}li${Ct._counter++}` : this._id = `rtgcmdrxgxli${Ct._counter++}`, this._id;
+    )}li${$t._counter++}` : this._id = `rtgcmdrxgxli${$t._counter++}`, this._id;
   }
   get value() {
     var e;
@@ -16737,8 +16737,8 @@ let Ct = class extends b {
     `;
   }
 };
-Ct._counter = 0;
-Ct.styles = [
+$t._counter = 0;
+$t.styles = [
   Ge`
       .icon-space {
         width: 16px; /* Fixed width to reserve space for the check icon */
@@ -16749,25 +16749,25 @@ Ct.styles = [
 ];
 tr([
   a({ type: String })
-], Ct.prototype, "_id", 2);
+], $t.prototype, "_id", 2);
 tr([
   a({ attribute: "aria-hidden", type: String })
-], Ct.prototype, "_hidden", 2);
+], $t.prototype, "_hidden", 2);
 tr([
   a({ attribute: "data-value", type: String })
-], Ct.prototype, "value", 1);
+], $t.prototype, "value", 1);
 tr([
   a({ type: Boolean })
-], Ct.prototype, "selected", 2);
+], $t.prototype, "selected", 2);
 tr([
   a({ type: Boolean })
-], Ct.prototype, "checked", 2);
+], $t.prototype, "checked", 2);
 tr([
   a({ type: Boolean })
-], Ct.prototype, "disabled", 2);
-Ct = tr([
+], $t.prototype, "disabled", 2);
+$t = tr([
   h("rtg-menubar-checkbox-item")
-], Ct);
+], $t);
 var Ff = Object.defineProperty, Bf = Object.getOwnPropertyDescriptor, wn = (e, t, s, o) => {
   for (var r = o > 1 ? void 0 : o ? Bf(t, s) : t, i = e.length - 1, n; i >= 0; i--)
     (n = e[i]) && (r = (o ? n(t, s, r) : n(r)) || r);
@@ -17133,7 +17133,7 @@ let Ti = class extends b {
   }
 };
 $c([
-  gt({ context: Cc })
+  mt({ context: Cc })
 ], Ti.prototype, "itemContext", 2);
 Ti = $c([
   h("rtg-form-description")
@@ -17186,7 +17186,7 @@ let Kt = class extends b {
   }
 };
 Lr([
-  gt({ context: Cs })
+  mt({ context: Cs })
 ], Kt.prototype, "form", 2);
 Lr([
   a({ type: String })
@@ -17284,7 +17284,7 @@ let Gs = class extends b {
   }
 };
 xn([
-  gt({ context: Cs })
+  mt({ context: Cs })
 ], Gs.prototype, "form", 2);
 xn([
   S()
@@ -17328,7 +17328,7 @@ let Ws = class extends E {
   }
 };
 _n([
-  gt({ context: Cs })
+  mt({ context: Cs })
 ], Ws.prototype, "form", 2);
 _n([
   S()
@@ -17811,7 +17811,7 @@ function Sv() {
   var V = P.prototype = new k();
   V.constructor = P, w(V, _.prototype), V.isPureReactComponent = !0;
   var q = Array.isArray, T = { H: null, A: null, T: null, S: null, V: null }, tt = Object.prototype.hasOwnProperty;
-  function bt(p, v, L, D, F, K) {
+  function ft(p, v, L, D, F, K) {
     return L = K.ref, {
       $$typeof: e,
       type: p,
@@ -17820,8 +17820,8 @@ function Sv() {
       props: K
     };
   }
-  function It(p, v) {
-    return bt(
+  function Tt(p, v) {
+    return ft(
       p.type,
       v,
       void 0,
@@ -17830,22 +17830,22 @@ function Sv() {
       p.props
     );
   }
-  function Et(p) {
+  function St(p) {
     return typeof p == "object" && p !== null && p.$$typeof === e;
   }
-  function Mt(p) {
+  function Ft(p) {
     var v = { "=": "=0", ":": "=2" };
     return "$" + p.replace(/[=:]/g, function(L) {
       return v[L];
     });
   }
-  var Tt = /\/+/g;
+  var Lt = /\/+/g;
   function R(p, v) {
-    return typeof p == "object" && p !== null && p.key != null ? Mt("" + p.key) : v.toString(36);
+    return typeof p == "object" && p !== null && p.key != null ? Ft("" + p.key) : v.toString(36);
   }
   function Zt() {
   }
-  function St(p) {
+  function kt(p) {
     switch (p.status) {
       case "fulfilled":
         return p.value;
@@ -17868,7 +17868,7 @@ function Sv() {
     }
     throw p;
   }
-  function ft(p, v, L, D, F) {
+  function vt(p, v, L, D, F) {
     var K = typeof p;
     (K === "undefined" || K === "boolean") && (p = null);
     var U = !1;
@@ -17887,7 +17887,7 @@ function Sv() {
               U = !0;
               break;
             case m:
-              return U = p._init, ft(
+              return U = p._init, vt(
                 U(p._payload),
                 v,
                 L,
@@ -17897,12 +17897,12 @@ function Sv() {
           }
       }
     if (U)
-      return F = F(p), U = D === "" ? "." + R(p, 0) : D, q(F) ? (L = "", U != null && (L = U.replace(Tt, "$&/") + "/"), ft(F, v, L, "", function(td) {
+      return F = F(p), U = D === "" ? "." + R(p, 0) : D, q(F) ? (L = "", U != null && (L = U.replace(Lt, "$&/") + "/"), vt(F, v, L, "", function(td) {
         return td;
-      })) : F != null && (Et(F) && (F = It(
+      })) : F != null && (St(F) && (F = Tt(
         F,
         L + (F.key == null || p && p.key === F.key ? "" : ("" + F.key).replace(
-          Tt,
+          Lt,
           "$&/"
         ) + "/") + U
       )), v.push(F)), 1;
@@ -17910,7 +17910,7 @@ function Sv() {
     var Xt = D === "" ? "." : D + ":";
     if (q(p))
       for (var Y = 0; Y < p.length; Y++)
-        D = p[Y], K = Xt + R(D, Y), U += ft(
+        D = p[Y], K = Xt + R(D, Y), U += vt(
           D,
           v,
           L,
@@ -17919,7 +17919,7 @@ function Sv() {
         );
     else if (Y = y(p), typeof Y == "function")
       for (p = Y.call(p), Y = 0; !(D = p.next()).done; )
-        D = D.value, K = Xt + R(D, Y++), U += ft(
+        D = D.value, K = Xt + R(D, Y++), U += vt(
           D,
           v,
           L,
@@ -17928,8 +17928,8 @@ function Sv() {
         );
     else if (K === "object") {
       if (typeof p.then == "function")
-        return ft(
-          St(p),
+        return vt(
+          kt(p),
           v,
           L,
           D,
@@ -17941,10 +17941,10 @@ function Sv() {
     }
     return U;
   }
-  function lt(p, v, L) {
+  function ct(p, v, L) {
     if (p == null) return p;
     var D = [], F = 0;
-    return ft(p, D, "", "", function(K) {
+    return vt(p, D, "", "", function(K) {
       return v.call(L, K, F++);
     }), D;
   }
@@ -17963,7 +17963,7 @@ function Sv() {
     if (p._status === 1) return p._result.default;
     throw p._result;
   }
-  var Lt = typeof reportError == "function" ? reportError : function(p) {
+  var Dt = typeof reportError == "function" ? reportError : function(p) {
     if (typeof window == "object" && typeof window.ErrorEvent == "function") {
       var v = new window.ErrorEvent("error", {
         bubbles: !0,
@@ -17978,12 +17978,12 @@ function Sv() {
     }
     console.error(p);
   };
-  function pt() {
+  function gt() {
   }
   return N.Children = {
-    map: lt,
+    map: ct,
     forEach: function(p, v, L) {
-      lt(
+      ct(
         p,
         function() {
           v.apply(this, arguments);
@@ -17993,17 +17993,17 @@ function Sv() {
     },
     count: function(p) {
       var v = 0;
-      return lt(p, function() {
+      return ct(p, function() {
         v++;
       }), v;
     },
     toArray: function(p) {
-      return lt(p, function(v) {
+      return ct(p, function(v) {
         return v;
       }) || [];
     },
     only: function(p) {
-      if (!Et(p))
+      if (!St(p))
         throw Error(
           "React.Children.only expected to receive a single React element child."
         );
@@ -18034,7 +18034,7 @@ function Sv() {
         Xt[Y] = arguments[Y + 2];
       D.children = Xt;
     }
-    return bt(p.type, F, void 0, void 0, K, D);
+    return ft(p.type, F, void 0, void 0, K, D);
   }, N.createContext = function(p) {
     return p = {
       $$typeof: n,
@@ -18062,12 +18062,12 @@ function Sv() {
     if (p && p.defaultProps)
       for (D in U = p.defaultProps, U)
         F[D] === void 0 && (F[D] = U[D]);
-    return bt(p, K, void 0, void 0, null, F);
+    return ft(p, K, void 0, void 0, null, F);
   }, N.createRef = function() {
     return { current: null };
   }, N.forwardRef = function(p) {
     return { $$typeof: l, render: p };
-  }, N.isValidElement = Et, N.lazy = function(p) {
+  }, N.isValidElement = St, N.lazy = function(p) {
     return {
       $$typeof: m,
       _payload: { _status: -1, _result: p },
@@ -18084,9 +18084,9 @@ function Sv() {
     T.T = L;
     try {
       var D = p(), F = T.S;
-      F !== null && F(L, D), typeof D == "object" && D !== null && typeof D.then == "function" && D.then(pt, Lt);
+      F !== null && F(L, D), typeof D == "object" && D !== null && typeof D.then == "function" && D.then(gt, Dt);
     } catch (K) {
-      Lt(K);
+      Dt(K);
     } finally {
       T.T = v;
     }
@@ -18146,7 +18146,7 @@ var Ov = kv();
 const Oc = /* @__PURE__ */ Ev(Ov);
 kc({
   tagName: "rtg-button",
-  elementClass: Ot,
+  elementClass: Rt,
   react: Oc
 });
 kc({
@@ -18265,7 +18265,7 @@ function Uc(e) {
   return typeof e == "string" ? Gv.test(e) : !0;
 }
 const Mc = "sb:env", yo = "sb:auth", wo = "customizations", En = Symbol("renderSpecContext");
-var Fc = /* @__PURE__ */ ((e) => (e.PROFILE = "Profile", e.SECURITY = "Security", e.APPEARANCE = "Appearance", e.NOTIFICATION = "Notification", e))(Fc || {}), ji = /* @__PURE__ */ ((e) => (e.PROFILE = "Profile", e.SECURITY = "Security", e.APPEARANCE = "Appearance", e.NOTIFICATION = "Notification", e))(ji || {}), ie = /* @__PURE__ */ ((e) => (e.MODAL = "MODAL", e.PAGE = "PAGE", e))(ie || {}), yt = /* @__PURE__ */ ((e) => (e.BURGER = "BURGER", e.REGULAR = "REGULAR", e))(yt || {}), kt = /* @__PURE__ */ ((e) => (e.VERTICAL = "VERTICAL", e.HORIZONTAL = "HORIZONTAL", e))(kt || {}), dt = /* @__PURE__ */ ((e) => (e.COLUMN = "COLUMN", e.ROW = "ROW", e))(dt || {});
+var Fc = /* @__PURE__ */ ((e) => (e.PROFILE = "Profile", e.SECURITY = "Security", e.APPEARANCE = "Appearance", e.NOTIFICATION = "Notification", e))(Fc || {}), ji = /* @__PURE__ */ ((e) => (e.PROFILE = "Profile", e.SECURITY = "Security", e.APPEARANCE = "Appearance", e.NOTIFICATION = "Notification", e))(ji || {}), ie = /* @__PURE__ */ ((e) => (e.MODAL = "MODAL", e.PAGE = "PAGE", e))(ie || {}), wt = /* @__PURE__ */ ((e) => (e.BURGER = "BURGER", e.REGULAR = "REGULAR", e))(wt || {}), Ot = /* @__PURE__ */ ((e) => (e.VERTICAL = "VERTICAL", e.HORIZONTAL = "HORIZONTAL", e))(Ot || {}), ut = /* @__PURE__ */ ((e) => (e.COLUMN = "COLUMN", e.ROW = "ROW", e))(ut || {});
 function Bc(e) {
   var t, s, o = "";
   if (typeof e == "string" || typeof e == "number") o += e;
@@ -18499,7 +18499,7 @@ function ny(e, ...t) {
 const W = (e) => {
   const t = (s) => s[e] || [];
   return t.isThemeGetter = !0, t;
-}, Gc = /^\[(?:([a-z-]+):)?(.+)\]$/i, ay = /^\d+\/\d+$/, ly = /* @__PURE__ */ new Set(["px", "full", "screen"]), cy = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, dy = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, uy = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, hy = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, py = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Bt = (e) => dr(e) || ly.has(e) || ay.test(e), te = (e) => Dr(e, "length", xy), dr = (e) => !!e && !Number.isNaN(Number(e)), Jo = (e) => Dr(e, "number", dr), Fr = (e) => !!e && Number.isInteger(Number(e)), gy = (e) => e.endsWith("%") && dr(e.slice(0, -1)), z = (e) => Gc.test(e), ee = (e) => cy.test(e), my = /* @__PURE__ */ new Set(["length", "size", "percentage"]), by = (e) => Dr(e, my, Wc), fy = (e) => Dr(e, "position", Wc), vy = /* @__PURE__ */ new Set(["image", "url"]), yy = (e) => Dr(e, vy, Cy), wy = (e) => Dr(e, "", _y), Br = () => !0, Dr = (e, t, s) => {
+}, Gc = /^\[(?:([a-z-]+):)?(.+)\]$/i, ay = /^\d+\/\d+$/, ly = /* @__PURE__ */ new Set(["px", "full", "screen"]), cy = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, dy = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, uy = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, hy = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, py = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, qt = (e) => dr(e) || ly.has(e) || ay.test(e), te = (e) => Dr(e, "length", xy), dr = (e) => !!e && !Number.isNaN(Number(e)), Jo = (e) => Dr(e, "number", dr), Fr = (e) => !!e && Number.isInteger(Number(e)), gy = (e) => e.endsWith("%") && dr(e.slice(0, -1)), z = (e) => Gc.test(e), ee = (e) => cy.test(e), my = /* @__PURE__ */ new Set(["length", "size", "percentage"]), by = (e) => Dr(e, my, Wc), fy = (e) => Dr(e, "position", Wc), vy = /* @__PURE__ */ new Set(["image", "url"]), yy = (e) => Dr(e, vy, Cy), wy = (e) => Dr(e, "", _y), Br = () => !0, Dr = (e, t, s) => {
   const o = Gc.exec(e);
   return o ? o[1] ? typeof t == "string" ? o[1] === t : t.has(o[1]) : s(o[2]) : !1;
 }, xy = (e) => (
@@ -18508,13 +18508,13 @@ const W = (e) => {
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   dy.test(e) && !uy.test(e)
 ), Wc = () => !1, _y = (e) => hy.test(e), Cy = (e) => py.test(e), $y = () => {
-  const e = W("colors"), t = W("spacing"), s = W("blur"), o = W("brightness"), r = W("borderColor"), i = W("borderRadius"), n = W("borderSpacing"), l = W("borderWidth"), d = W("contrast"), u = W("grayscale"), m = W("hueRotate"), f = W("invert"), y = W("gap"), x = W("gradientColorStops"), w = W("gradientColorStopPositions"), C = W("inset"), _ = W("margin"), k = W("opacity"), P = W("padding"), V = W("saturate"), q = W("scale"), T = W("sepia"), tt = W("skew"), bt = W("space"), It = W("translate"), Et = () => ["auto", "contain", "none"], Mt = () => ["auto", "hidden", "clip", "visible", "scroll"], Tt = () => ["auto", z, t], R = () => [z, t], Zt = () => ["", Bt, te], St = () => ["auto", dr, z], ft = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], lt = () => ["solid", "dashed", "dotted", "double", "none"], Ce = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], Lt = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], pt = () => ["", "0", z], p = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], v = () => [dr, z];
+  const e = W("colors"), t = W("spacing"), s = W("blur"), o = W("brightness"), r = W("borderColor"), i = W("borderRadius"), n = W("borderSpacing"), l = W("borderWidth"), d = W("contrast"), u = W("grayscale"), m = W("hueRotate"), f = W("invert"), y = W("gap"), x = W("gradientColorStops"), w = W("gradientColorStopPositions"), C = W("inset"), _ = W("margin"), k = W("opacity"), P = W("padding"), V = W("saturate"), q = W("scale"), T = W("sepia"), tt = W("skew"), ft = W("space"), Tt = W("translate"), St = () => ["auto", "contain", "none"], Ft = () => ["auto", "hidden", "clip", "visible", "scroll"], Lt = () => ["auto", z, t], R = () => [z, t], Zt = () => ["", qt, te], kt = () => ["auto", dr, z], vt = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], ct = () => ["solid", "dashed", "dotted", "double", "none"], Ce = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], Dt = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], gt = () => ["", "0", z], p = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], v = () => [dr, z];
   return {
     cacheSize: 500,
     separator: ":",
     theme: {
       colors: [Br],
-      spacing: [Bt, te],
+      spacing: [qt, te],
       blur: ["none", "", ee, z],
       brightness: v(),
       borderColor: [e],
@@ -18522,19 +18522,19 @@ const W = (e) => {
       borderSpacing: R(),
       borderWidth: Zt(),
       contrast: v(),
-      grayscale: pt(),
+      grayscale: gt(),
       hueRotate: v(),
-      invert: pt(),
+      invert: gt(),
       gap: R(),
       gradientColorStops: [e],
       gradientColorStopPositions: [gy, te],
-      inset: Tt(),
-      margin: Tt(),
+      inset: Lt(),
+      margin: Lt(),
       opacity: v(),
       padding: R(),
       saturate: v(),
       scale: v(),
-      sepia: pt(),
+      sepia: gt(),
       skew: v(),
       space: R(),
       translate: R()
@@ -18631,49 +18631,49 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: [...ft(), z]
+        object: [...vt(), z]
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: Mt()
+        overflow: Ft()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": Mt()
+        "overflow-x": Ft()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": Mt()
+        "overflow-y": Ft()
       }],
       /**
        * Overscroll Behavior
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: Et()
+        overscroll: St()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": Et()
+        "overscroll-x": St()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": Et()
+        "overscroll-y": St()
       }],
       /**
        * Position
@@ -18761,7 +18761,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: Tt()
+        basis: Lt()
       }],
       /**
        * Flex Direction
@@ -18789,14 +18789,14 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: pt()
+        grow: gt()
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: pt()
+        shrink: gt()
       }],
       /**
        * Order
@@ -18826,14 +18826,14 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": St()
+        "col-start": kt()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": St()
+        "col-end": kt()
       }],
       /**
        * Grid Template Rows
@@ -18856,14 +18856,14 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": St()
+        "row-start": kt()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": St()
+        "row-end": kt()
       }],
       /**
        * Grid Auto Flow
@@ -18912,7 +18912,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: ["normal", ...Lt()]
+        justify: ["normal", ...Dt()]
       }],
       /**
        * Justify Items
@@ -18933,7 +18933,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...Lt(), "baseline"]
+        content: ["normal", ...Dt(), "baseline"]
       }],
       /**
        * Align Items
@@ -18954,7 +18954,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": [...Lt(), "baseline"]
+        "place-content": [...Dt(), "baseline"]
       }],
       /**
        * Place Items
@@ -19102,7 +19102,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/space
        */
       "space-x": [{
-        "space-x": [bt]
+        "space-x": [ft]
       }],
       /**
        * Space Between X Reverse
@@ -19114,7 +19114,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/space
        */
       "space-y": [{
-        "space-y": [bt]
+        "space-y": [ft]
       }],
       /**
        * Space Between Y Reverse
@@ -19254,7 +19254,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/line-height
        */
       leading: [{
-        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", Bt, z]
+        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", qt, z]
       }],
       /**
        * List Style Image
@@ -19323,21 +19323,21 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...lt(), "wavy"]
+        decoration: [...ct(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: ["auto", "from-font", Bt, te]
+        decoration: ["auto", "from-font", qt, te]
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": ["auto", Bt, z]
+        "underline-offset": ["auto", qt, z]
       }],
       /**
        * Text Decoration Color
@@ -19440,7 +19440,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: [...ft(), fy]
+        bg: [...vt(), fy]
       }],
       /**
        * Background Repeat
@@ -19697,7 +19697,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...lt(), "hidden"]
+        border: [...ct(), "hidden"]
       }],
       /**
        * Divide Width X
@@ -19735,7 +19735,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/divide-style
        */
       "divide-style": [{
-        divide: lt()
+        divide: ct()
       }],
       /**
        * Border Color
@@ -19812,21 +19812,21 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: ["", ...lt()]
+        outline: ["", ...ct()]
       }],
       /**
        * Outline Offset
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [Bt, z]
+        "outline-offset": [qt, z]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: [Bt, te]
+        outline: [qt, te]
       }],
       /**
        * Outline Color
@@ -19866,7 +19866,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/ring-offset-width
        */
       "ring-offset-w": [{
-        "ring-offset": [Bt, te]
+        "ring-offset": [qt, te]
       }],
       /**
        * Ring Offset Color
@@ -20174,14 +20174,14 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": [It]
+        "translate-x": [Tt]
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": [It]
+        "translate-y": [Tt]
       }],
       /**
        * Skew X
@@ -20461,7 +20461,7 @@ const W = (e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [Bt, te, Jo]
+        stroke: [qt, te, Jo]
       }],
       /**
        * Stroke
@@ -20556,7 +20556,7 @@ function ol() {
 function xo(e, t) {
   return e.includes("{{theme}}") ? e.replace("{{theme}}", t) : e;
 }
-function nt(e) {
+function at(e) {
   const t = {}, s = {};
   for (const o in e) {
     const r = e[o];
@@ -20567,7 +20567,7 @@ function nt(e) {
 function Oy(e) {
   return { ...Q, ...e ?? {} };
 }
-function at(e, t, s) {
+function lt(e, t, s) {
   const o = Oy(s);
   let r = "";
   for (const n in t) {
@@ -20616,7 +20616,7 @@ function _o(e, t) {
   }
   return s;
 }
-function wt(e, t) {
+function xt(e, t) {
   var s, o, r, i, n, l, d, u, m, f, y, x;
   return {
     default: (o = (s = t.byType) == null ? void 0 : s.buttons) == null ? void 0 : o.defaultButton,
@@ -20666,7 +20666,7 @@ function os() {
       viewBox="0 0 16 16"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
-            class="sb-text-foreground"
+      class="sb-text-foreground"
 
     >
       <path
@@ -20748,8 +20748,14 @@ function Ly() {
 }
 function Dy() {
   return X`
-    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
-        <path d="M9 1L1 9M1 1L9 9" stroke="#0A0A0A" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+    <svg       
+    class="sb-text-foreground"
+    xmlns="http://www.w3.org/2000/svg"]
+    width="10"
+    height="10" 
+    viewBox="0 0 10 10" 
+    fill="none">
+        <path d="M9 1L1 9M1 1L9 9" stroke="currentColor" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
     </svg>
 `;
 }
@@ -20793,11 +20799,11 @@ const Uy = (e, t) => {
 };
 let rt = class extends E {
   constructor() {
-    super(...arguments), this.showAvatarMenu = !1, this.customizations = null, this.showIcons = !0, this.content = null, this.otpVariant = "simple", this.otpLength = 6, this.layout = dt.ROW, this.isEditingEmail = !1, this.isVerifyingEmail = !1, this.isEditingPhone = !1, this.isVerifyingPhone = !1;
+    super(...arguments), this.showAvatarMenu = !1, this.customizations = null, this.showIcons = !0, this.content = null, this.otpVariant = "simple", this.otpLength = 6, this.layout = ut.ROW, this.isEditingEmail = !1, this.isVerifyingEmail = !1, this.isEditingPhone = !1, this.isVerifyingPhone = !1;
   }
   // Helpers to centralize customization mappings
   getButtonStyles() {
-    const e = wt("default", this.customizations), t = wt("outline", this.customizations), s = O(
+    const e = xt("default", this.customizations), t = xt("outline", this.customizations), s = O(
       Ao,
       {},
       e,
@@ -20845,7 +20851,7 @@ let rt = class extends E {
   }
   // Generic field display row
   renderDisplayRow(e, t, s) {
-    const { class: o, style: r } = this.getLabelStyles(), { class: i, style: n } = this.getInputStyles(), l = this.layout === dt.COLUMN;
+    const { class: o, style: r } = this.getLabelStyles(), { class: i, style: n } = this.getInputStyles(), l = this.layout === ut.COLUMN;
     return c`
       <div
         class=${H(
@@ -21173,7 +21179,7 @@ var My = Object.defineProperty, Fy = Object.getOwnPropertyDescriptor, er = (e, t
 };
 let me = class extends E {
   constructor() {
-    super(...arguments), this.customizations = null, this.showIcons = !0, this.layout = dt.ROW, this.content = null, this.isEditing = !1;
+    super(...arguments), this.customizations = null, this.showIcons = !0, this.layout = ut.ROW, this.content = null, this.isEditing = !1;
   }
   handleEdit() {
     this.isEditing = !0;
@@ -21188,7 +21194,7 @@ let me = class extends E {
     return this;
   }
   getButtonStyles() {
-    const e = wt("default", this.customizations), t = wt("outline", this.customizations), s = wt("ghost", this.customizations), o = O(
+    const e = xt("default", this.customizations), t = xt("outline", this.customizations), s = xt("ghost", this.customizations), o = O(
       Ao,
       {},
       e,
@@ -21225,7 +21231,7 @@ let me = class extends E {
     return O(
       H(
         Eo,
-        this.layout !== dt.ROW ? "sb-basis-auto" : ""
+        this.layout !== ut.ROW ? "sb-basis-auto" : ""
       ),
       {},
       (s = (t = (e = this.customizations) == null ? void 0 : e.byType) == null ? void 0 : t.labels) == null ? void 0 : s.inputLabel,
@@ -21282,7 +21288,7 @@ let me = class extends E {
     `;
   }
   render() {
-    var m, f, y, x, w, C, _, k, P, V, q, T, tt, bt;
+    var m, f, y, x, w, C, _, k, P, V, q, T, tt, ft;
     const e = [
       { label: "Username", value: this.personal.username },
       { label: "First name", value: this.personal.first },
@@ -21321,7 +21327,7 @@ let me = class extends E {
             ${(q = this.content) != null && q.icon ? (T = this.content) == null ? void 0 : T.icon : Iy()}
 
             <span>
-              ${(tt = this.content) != null && tt.title ? (bt = this.content) == null ? void 0 : bt.title : "Personal Info"}
+              ${(tt = this.content) != null && tt.title ? (ft = this.content) == null ? void 0 : ft.title : "Personal Info"}
             </span>
           </rtg-card-title>
           ${this.isEditing ? null : c`
@@ -21342,15 +21348,15 @@ let me = class extends E {
         <rtg-card-content>
           <div class="sb-flex sb-flex-col sb-gap-3 sb-p-4">
             ${e.map(
-      (It) => c`
+      (Tt) => c`
                 <div
-                  class="sb-flex ${this.layout === dt.ROW ? "sb-flex-row sb-items-center sb-gap-2" : "sb-flex-col sb-gap-1"}"
+                  class="sb-flex ${this.layout === ut.ROW ? "sb-flex-row sb-items-center sb-gap-2" : "sb-flex-col sb-gap-1"}"
                 >
                   <div class=${d.class} style=${$(d.style)}>
-                    ${It.label}
+                    ${Tt.label}
                   </div>
                   <div class="sb-flex-1 sb-min-w-0 sb-mr-4">
-                    ${this.renderInput(It.value)}
+                    ${this.renderInput(Tt.value)}
                   </div>
                 </div>
               `
@@ -21393,7 +21399,7 @@ var By = Object.defineProperty, qy = Object.getOwnPropertyDescriptor, rr = (e, t
 };
 let be = class extends E {
   constructor() {
-    super(...arguments), this.customizations = null, this.showIcons = !0, this.layout = dt.ROW, this.content = null, this.isEditing = !1;
+    super(...arguments), this.customizations = null, this.showIcons = !0, this.layout = ut.ROW, this.content = null, this.isEditing = !1;
   }
   handleEdit() {
     this.isEditing = !0;
@@ -21408,7 +21414,7 @@ let be = class extends E {
     return this;
   }
   getButtonStyles() {
-    const e = wt("default", this.customizations), t = wt("outline", this.customizations), s = wt("ghost", this.customizations), o = O(
+    const e = xt("default", this.customizations), t = xt("outline", this.customizations), s = xt("ghost", this.customizations), o = O(
       Ao,
       {},
       e,
@@ -21445,7 +21451,7 @@ let be = class extends E {
     return O(
       H(
         Eo,
-        this.layout !== dt.ROW ? "sb-basis-auto" : ""
+        this.layout !== ut.ROW ? "sb-basis-auto" : ""
       ),
       {},
       (s = (t = (e = this.customizations) == null ? void 0 : e.byType) == null ? void 0 : t.labels) == null ? void 0 : s.inputLabel,
@@ -21558,7 +21564,7 @@ let be = class extends E {
             ${e.map(
       (tt) => c`
                 <div
-                  class="sb-flex ${this.layout === dt.ROW ? "sb-flex-row sb-items-center sb-gap-2" : "sb-flex-col sb-gap-1"}"
+                  class="sb-flex ${this.layout === ut.ROW ? "sb-flex-row sb-items-center sb-gap-2" : "sb-flex-col sb-gap-1"}"
                 >
                   <div class=${d.class} style=${$(d.style)}>
                     ${tt.label}
@@ -21608,7 +21614,7 @@ var Vy = Object.defineProperty, Hy = Object.getOwnPropertyDescriptor, sr = (e, t
 };
 let fe = class extends E {
   constructor() {
-    super(...arguments), this.showIcons = !0, this.customizations = null, this.layout = dt.ROW, this.content = null, this.isEditing = !1;
+    super(...arguments), this.showIcons = !0, this.customizations = null, this.layout = ut.ROW, this.content = null, this.isEditing = !1;
   }
   handleEdit() {
     this.isEditing = !0;
@@ -21623,7 +21629,7 @@ let fe = class extends E {
     return this;
   }
   getButtonStyles() {
-    const e = wt("default", this.customizations), t = wt("outline", this.customizations), s = wt("ghost", this.customizations), o = O(
+    const e = xt("default", this.customizations), t = xt("outline", this.customizations), s = xt("ghost", this.customizations), o = O(
       Ao,
       {},
       e,
@@ -21660,7 +21666,7 @@ let fe = class extends E {
     return O(
       H(
         Eo,
-        this.layout !== dt.ROW ? "sb-basis-auto" : ""
+        this.layout !== ut.ROW ? "sb-basis-auto" : ""
       ),
       {},
       (s = (t = (e = this.customizations) == null ? void 0 : e.byType) == null ? void 0 : t.labels) == null ? void 0 : s.inputLabel,
@@ -21770,7 +21776,7 @@ let fe = class extends E {
             ${e.map(
       (tt) => c`
                 <div
-                  class="sb-flex ${this.layout === dt.ROW ? "sb-flex-row sb-items-center" : "sb-flex-col sb-gap-1"}"
+                  class="sb-flex ${this.layout === ut.ROW ? "sb-flex-row sb-items-center" : "sb-flex-col sb-gap-1"}"
                 >
                   <div class=${d.class} style=${$(d.style)}>
                     ${tt.label}
@@ -21820,7 +21826,7 @@ var Gy = Object.defineProperty, Wy = Object.getOwnPropertyDescriptor, st = (e, t
 };
 let J = class extends E {
   constructor() {
-    super(...arguments), this.showAvatarMenu = !1, this.customizations = null, this.showIcons = !0, this.orientation = kt.HORIZONTAL, this.sidebarDisplayType = yt.REGULAR, this.mode = ie == null ? void 0 : ie.PAGE, this.widgetsLayout = dt.ROW, this.content = null;
+    super(...arguments), this.showAvatarMenu = !1, this.customizations = null, this.showIcons = !0, this.orientation = Ot.HORIZONTAL, this.sidebarDisplayType = wt.REGULAR, this.mode = ie == null ? void 0 : ie.PAGE, this.widgetsLayout = ut.ROW, this.content = null;
   }
   createRenderRoot() {
     return this;
@@ -21828,7 +21834,7 @@ let J = class extends E {
   render() {
     var s, o, r, i;
     return c`
-      ${this.orientation === kt.VERTICAL || this.sidebarDisplayType === yt.BURGER ? null : c`
+      ${this.orientation === Ot.VERTICAL || this.sidebarDisplayType === wt.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>
@@ -21930,7 +21936,7 @@ const Qo = [
 ];
 let ve = class extends E {
   constructor() {
-    super(...arguments), this.orientation = kt.HORIZONTAL, this.displayType = yt.REGULAR, this.mode = ie.PAGE, this.config = { showIcons: !0 }, this.customizations = null, this.isMenuOpen = !1;
+    super(...arguments), this.orientation = Ot.HORIZONTAL, this.displayType = wt.REGULAR, this.mode = ie.PAGE, this.config = { showIcons: !0 }, this.customizations = null, this.isMenuOpen = !1;
   }
   createRenderRoot() {
     return this;
@@ -22036,7 +22042,7 @@ let ve = class extends E {
   }
   render() {
     var r, i, n;
-    const e = this.orientation === kt.VERTICAL, t = this.orientation === kt.HORIZONTAL, { class: s, style: o } = O(
+    const e = this.orientation === Ot.VERTICAL, t = this.orientation === Ot.HORIZONTAL, { class: s, style: o } = O(
       "",
       {},
       (n = (i = (r = this.customizations) == null ? void 0 : r.byType) == null ? void 0 : i.userProfile) == null ? void 0 : n.sidebar,
@@ -22052,15 +22058,15 @@ let ve = class extends E {
       s
     )}"
       >
-        ${this.displayType === yt.BURGER ? this.renderBurger() : null}
+        ${this.displayType === wt.BURGER ? this.renderBurger() : null}
         ${e ? this.renderTabs() : null}
-        ${t && this.displayType !== yt.BURGER ? c`
+        ${t && this.displayType !== wt.BURGER ? c`
               <div class="sb-flex sb-flex-col sb-justify-between sb-flex-1">
                 ${this.renderTabs(Qo, !0)} ${this.renderWatermark()}
               </div>
             ` : null}
       </div>
-      ${this.displayType === yt.BURGER ? this.renderMobileDrawer() : null}
+      ${this.displayType === wt.BURGER ? this.renderMobileDrawer() : null}
     `;
   }
 };
@@ -22085,7 +22091,7 @@ or([
 ve = or([
   h("sb-profile-sidebar")
 ], ve);
-var ew = Object.defineProperty, Ut = (e, t, s, o) => {
+var ew = Object.defineProperty, Mt = (e, t, s, o) => {
   for (var r = void 0, i = e.length - 1, n; i >= 0; i--)
     (n = e[i]) && (r = n(t, s, r) || r);
   return r && ew(t, s, r), r;
@@ -22094,9 +22100,9 @@ const nl = {
   xs: 640,
   sm: 768
 };
-class Pt extends E {
+class It extends E {
   constructor() {
-    super(...arguments), this.showAvatarMenu = !1, this.orientation = kt.HORIZONTAL, this.mobileDisplay = yt.REGULAR, this.mode = ie.PAGE, this.widgetsLayout = dt.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 = Ot.HORIZONTAL, this.mobileDisplay = wt.REGULAR, this.mode = ie.PAGE, this.widgetsLayout = ut.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"
@@ -22161,21 +22167,21 @@ class Pt extends E {
     return this.mode === ie.MODAL;
   }
   get sidebarDisplayType() {
-    return this.orientation === kt.VERTICAL || this.currentBreakpoint === "md" ? yt.REGULAR : yt.BURGER;
+    return this.orientation === Ot.VERTICAL || this.currentBreakpoint === "md" ? wt.REGULAR : wt.BURGER;
   }
   get containerClasses() {
     return H(
       zv,
       this.isModal ? Mv : Uv,
       this.isModal ? Dv : Lv,
-      this.sidebarDisplayType === yt.BURGER || this.orientation === kt.VERTICAL ? "!sb-flex-col" : "!sb-flex-row"
+      this.sidebarDisplayType === wt.BURGER || this.orientation === Ot.VERTICAL ? "!sb-flex-col" : "!sb-flex-row"
     );
   }
   get contentClasses() {
     return H(
       "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 === kt.VERTICAL ? "md:sb-pl-6 sb-mb-16" : ""
+      this.orientation === Ot.VERTICAL ? "md:sb-pl-6 sb-mb-16" : ""
     );
   }
   // === Render Helpers ===
@@ -22195,7 +22201,7 @@ class Pt extends E {
     ` : A;
   }
   renderWatermark() {
-    return this.orientation !== kt.VERTICAL ? A : c`
+    return this.orientation !== Ot.VERTICAL ? A : c`
       <div
         class="sb-fixed sb-bottom-0 sb-w-[-webkit-fill-available] sb-py-4 sb-bg-background"
       >
@@ -22284,37 +22290,37 @@ class Pt extends E {
     return this;
   }
 }
-Ut([
+Mt([
   a({ type: Boolean })
-], Pt.prototype, "showAvatarMenu");
-Ut([
+], It.prototype, "showAvatarMenu");
+Mt([
   a({ type: String })
-], Pt.prototype, "orientation");
-Ut([
+], It.prototype, "orientation");
+Mt([
   a({ type: String })
-], Pt.prototype, "mobileDisplay");
-Ut([
+], It.prototype, "mobileDisplay");
+Mt([
   a({ type: String })
-], Pt.prototype, "mode");
-Ut([
+], It.prototype, "mode");
+Mt([
   a({ type: String })
-], Pt.prototype, "widgetsLayout");
-Ut([
+], It.prototype, "widgetsLayout");
+Mt([
   a({ type: Object })
-], Pt.prototype, "content");
-Ut([
+], It.prototype, "content");
+Mt([
   a({ type: Object })
-], Pt.prototype, "customizations");
-Ut([
-  gt({ context: wo, subscribe: !0 })
-], Pt.prototype, "providedCustomizations");
-Ut([
+], It.prototype, "customizations");
+Mt([
+  mt({ context: wo, subscribe: !0 })
+], It.prototype, "providedCustomizations");
+Mt([
   S()
-], Pt.prototype, "isOpen");
-Ut([
+], It.prototype, "isOpen");
+Mt([
   S()
-], Pt.prototype, "currentBreakpoint");
-customElements.define("sb-user-profile", Pt);
+], It.prototype, "currentBreakpoint");
+customElements.define("sb-user-profile", It);
 var rw = Object.defineProperty, sw = Object.getOwnPropertyDescriptor, Io = (e, t, s, o) => {
   for (var r = o > 1 ? void 0 : o ? sw(t, s) : t, i = e.length - 1, n; i >= 0; i--)
     (n = e[i]) && (r = (o ? n(t, s, r) : n(r)) || r);
@@ -22365,7 +22371,7 @@ var ow = Object.defineProperty, iw = Object.getOwnPropertyDescriptor, To = (e, t
 };
 let ns = class extends E {
   constructor() {
-    super(...arguments), this.renderSpec = null, this.customizations = null, this.providedCustomizations = null;
+    super(...arguments), this.renderSpec = null, this.customizations = null, this.providedCustomizations = null, this.__flowStarted = !1, this.__flowInitAttempted = !1;
   }
   get effectiveCustomizations() {
     const e = this.providedCustomizations ?? {}, t = this.customizations ?? {};
@@ -22374,17 +22380,55 @@ let ns = class extends E {
   createRenderRoot() {
     return this;
   }
+  async waitForAuthConfigured(e = 5e3) {
+    var o;
+    const t = nt ?? ((o = window.__saasbaseCoreSdk) == null ? void 0 : o.Auth);
+    if (!t || t.__configured) return;
+    const s = t.__whenConfigured;
+    s && await Promise.race([
+      s,
+      new Promise((r) => setTimeout(r, e))
+    ]);
+  }
   async connectedCallback() {
-    super.connectedCallback();
-    try {
-      const e = await qt.startLoginflow("signin-flow-passkey");
-      console.log(
-        e.isResumed ? "Resumed login flow" : "Started new login flow"
-      );
-    } catch (e) {
-      console.error("Sign-in flow init failed:", e);
+    var e;
+    if (super.connectedCallback(), !this.__flowInitAttempted && (this.__flowInitAttempted = !0, await this.waitForAuthConfigured(), !this.__flowStarted)) {
+      this.__flowStarted = !0;
+      try {
+        const t = await nt.startLoginflow("signin-flow-passkey");
+        console.log(
+          t.isResumed ? "Resumed login flow" : "Started new login flow"
+        );
+      } catch (t) {
+        if (console.error("Sign-in flow init failed:", t), t && typeof t.message == "string" && t.message.includes("Auth.configure() must be called")) {
+          this.__saasbaseFailedForConfig = !0;
+          try {
+            const s = nt ?? ((e = window.__saasbaseCoreSdk) == null ? void 0 : e.Auth), o = s == null ? void 0 : s.__whenConfigured;
+            if (o) {
+              await Promise.race([
+                o,
+                new Promise((r) => setTimeout(r, 1e4))
+              ]);
+              try {
+                const r = await nt.startLoginflow("signin-flow-passkey");
+                console.log(
+                  r.isResumed ? "Resumed login flow" : "Started new login flow"
+                );
+              } catch (r) {
+                console.error("Sign-in retry failed:", r);
+              }
+            }
+          } catch {
+          }
+        } else
+          this.__flowStarted = !1;
+      }
     }
   }
+  // Explicit retry hook used by the loader
+  __saasbaseRetryInit() {
+    this.__flowStarted || (this.__flowInitAttempted = !1, this.connectedCallback());
+  }
   render() {
     var o, r;
     const e = this.effectiveCustomizations, { class: t, style: s } = O(
@@ -22409,13 +22453,13 @@ let ns = class extends E {
   }
 };
 To([
-  gt({ context: En, subscribe: !0 })
+  mt({ context: En, subscribe: !0 })
 ], ns.prototype, "renderSpec", 2);
 To([
   a({ type: Object })
 ], ns.prototype, "customizations", 2);
 To([
-  gt({ context: wo, subscribe: !0 })
+  mt({ context: wo, subscribe: !0 })
 ], ns.prototype, "providedCustomizations", 2);
 ns = To([
   h("sb-signin")
@@ -22427,7 +22471,7 @@ var nw = Object.defineProperty, aw = Object.getOwnPropertyDescriptor, Lo = (e, t
 };
 let as = class extends E {
   constructor() {
-    super(...arguments), this.renderSpec = null, this.customizations = null, this.providedCustomizations = null;
+    super(...arguments), this.renderSpec = null, this.customizations = null, this.providedCustomizations = null, this.__flowStarted = !1, this.__flowInitAttempted = !1;
   }
   get effectiveCustomizations() {
     const e = this.providedCustomizations ?? {}, t = this.customizations ?? {};
@@ -22436,17 +22480,55 @@ let as = class extends E {
   createRenderRoot() {
     return this;
   }
+  async waitForAuthConfigured(e = 5e3) {
+    var o;
+    const t = nt ?? ((o = window.__saasbaseCoreSdk) == null ? void 0 : o.Auth);
+    if (!t || t.__configured) return;
+    const s = t.__whenConfigured;
+    s && await Promise.race([
+      s,
+      new Promise((r) => setTimeout(r, e))
+    ]);
+  }
   async connectedCallback() {
-    super.connectedCallback();
-    try {
-      const e = await qt.startLoginflow("signup-flow");
-      console.log(
-        e.isResumed ? "Resumed signup flow" : "Started new signup flow"
-      );
-    } catch (e) {
-      console.error("Sign-up flow init failed:", e);
+    var e;
+    if (super.connectedCallback(), !this.__flowInitAttempted && (this.__flowInitAttempted = !0, await this.waitForAuthConfigured(), !this.__flowStarted)) {
+      this.__flowStarted = !0;
+      try {
+        const t = await nt.startLoginflow("signup-flow");
+        console.log(
+          t.isResumed ? "Resumed signup flow" : "Started new signup flow"
+        );
+      } catch (t) {
+        if (console.error("Sign-up flow init failed:", t), t && typeof t.message == "string" && t.message.includes("Auth.configure() must be called")) {
+          this.__saasbaseFailedForConfig = !0;
+          try {
+            const s = nt ?? ((e = window.__saasbaseCoreSdk) == null ? void 0 : e.Auth), o = s == null ? void 0 : s.__whenConfigured;
+            if (o) {
+              await Promise.race([
+                o,
+                new Promise((r) => setTimeout(r, 1e4))
+              ]);
+              try {
+                const r = await nt.startLoginflow("signup-flow");
+                console.log(
+                  r.isResumed ? "Resumed signup flow" : "Started new signup flow"
+                );
+              } catch (r) {
+                console.error("Sign-up retry failed:", r);
+              }
+            }
+          } catch {
+          }
+        } else
+          this.__flowStarted = !1;
+      }
     }
   }
+  // explicit retry hook used by the loader
+  __saasbaseRetryInit() {
+    this.__flowStarted || (this.__flowInitAttempted = !1, this.connectedCallback());
+  }
   render() {
     var o, r;
     const e = this.effectiveCustomizations, { class: t, style: s } = O(
@@ -22471,13 +22553,13 @@ let as = class extends E {
   }
 };
 Lo([
-  gt({ context: En, subscribe: !0 })
+  mt({ context: En, subscribe: !0 })
 ], as.prototype, "renderSpec", 2);
 Lo([
   a({ type: Object })
 ], as.prototype, "customizations", 2);
 Lo([
-  gt({ context: wo, subscribe: !0 })
+  mt({ context: wo, subscribe: !0 })
 ], as.prototype, "providedCustomizations", 2);
 as = Lo([
   h("sb-signup")
@@ -22503,8 +22585,8 @@ let Ys = class extends E {
       void 0,
       this.element.id,
       void 0
-    ), { base: s, responsive: o } = nt(t);
-    return at(
+    ), { base: s, responsive: o } = at(t);
+    return lt(
       this.element.id,
       o,
       ((i = (r = this.component.customizations) == null ? void 0 : r.config) == null ? void 0 : i.breakpoints) ?? Q
@@ -22609,7 +22691,7 @@ let ls = class extends E {
   render() {
     var y, x;
     if (!this.element) return null;
-    const { id: e, class: t, style: s, properties: o } = this.element, { type: r, text: i, event: n } = o, l = wt(
+    const { id: e, class: t, style: s, properties: o } = this.element, { type: r, text: i, event: n } = o, l = xt(
       r,
       this.component.customizations
     ), { class: d, style: u } = O(
@@ -22618,8 +22700,8 @@ let ls = class extends E {
       l,
       e,
       this.component.customizations
-    ), { base: m, responsive: f } = nt(u);
-    return at(
+    ), { base: m, responsive: f } = at(u);
+    return lt(
       this.element.id,
       f,
       ((x = (y = this.component.customizations) == null ? void 0 : y.config) == null ? void 0 : x.breakpoints) ?? Q
@@ -22679,8 +22761,8 @@ let Zs = class extends E {
       (_ = (C = (w = this.component.customizations) == null ? void 0 : w.byType) == null ? void 0 : C.divider) == null ? void 0 : _.dividerText,
       this.element.id,
       this.component.customizations
-    ), { base: n, responsive: l } = nt(t);
-    return at(
+    ), { base: n, responsive: l } = at(t);
+    return lt(
       this.element.id,
       l,
       ((P = (k = this.component.customizations) == null ? void 0 : k.config) == null ? void 0 : P.breakpoints) ?? Q
@@ -22802,8 +22884,8 @@ let Xs = class extends E {
       (x = (y = (f = this.component.customizations) == null ? void 0 : f.byType) == null ? void 0 : y.errors) == null ? void 0 : x.inputError,
       "",
       this.component.customizations
-    ), { base: n, responsive: l } = nt(t);
-    return at(
+    ), { base: n, responsive: l } = at(t);
+    return lt(
       this.element.id,
       l,
       ((C = (w = this.component.customizations) == null ? void 0 : w.config) == null ? void 0 : C.breakpoints) ?? Q
@@ -23140,8 +23222,8 @@ let Qs = class extends E {
       (d = (l = (n = this.component.customizations) == null ? void 0 : n.byType) == null ? void 0 : l.inputs) == null ? void 0 : d.inputField,
       this.element.id,
       this.component.customizations
-    ), s = this.element.properties.variant || "digits_only", o = this.element.properties.length || 6, { base: r, responsive: i } = nt(t);
-    return at(
+    ), s = this.element.properties.variant || "digits_only", o = this.element.properties.length || 6, { base: r, responsive: i } = at(t);
+    return lt(
       this.element.id,
       i,
       ((m = (u = this.component.customizations) == null ? void 0 : u.config) == null ? void 0 : m.breakpoints) ?? Q
@@ -23198,8 +23280,8 @@ let to = class extends E {
       (n = (i = (r = this.component.customizations) == null ? void 0 : r.byType) == null ? void 0 : i.errors) == null ? void 0 : n.serviceError,
       this.element.id,
       this.component.customizations
-    ), { base: s, responsive: o } = nt(t);
-    return at(
+    ), { base: s, responsive: o } = at(t);
+    return lt(
       this.element.id,
       o,
       ((d = (l = this.component.customizations) == null ? void 0 : l.config) == null ? void 0 : d.breakpoints) ?? Q
@@ -23256,8 +23338,8 @@ let eo = class extends E {
       void 0,
       this.element.id,
       void 0
-    ), { base: s, responsive: o } = nt(t);
-    return at(
+    ), { base: s, responsive: o } = at(t);
+    return lt(
       this.element.id,
       o,
       ((i = (r = this.component.customizations) == null ? void 0 : r.config) == null ? void 0 : i.breakpoints) ?? Q
@@ -23302,8 +23384,8 @@ let ro = class extends E {
     );
     let o = { width: "0px", height: "0px" };
     this.element.properties.type === "vertical" ? o = { width: "1px", height: this.element.properties.size } : o = { height: "1px", width: this.element.properties.size };
-    const { base: r, responsive: i } = nt(t);
-    return at(
+    const { base: r, responsive: i } = at(t);
+    return lt(
       this.element.id,
       i,
       ((l = (n = this.component.customizations) == null ? void 0 : n.config) == null ? void 0 : l.breakpoints) ?? Q
@@ -23373,8 +23455,8 @@ let cs = class extends E {
       (n = (i = (r = this.component.customizations) == null ? void 0 : r.byType) == null ? void 0 : i.timer) == null ? void 0 : n.countdowns,
       this.element.id,
       this.component.customizations
-    ), { base: s, responsive: o } = nt(t);
-    return at(
+    ), { base: s, responsive: o } = at(t);
+    return lt(
       this.element.id,
       o,
       ((d = (l = this.component.customizations) == null ? void 0 : l.config) == null ? void 0 : d.breakpoints) ?? Q
@@ -23415,8 +23497,8 @@ let so = class extends E {
       (n = (i = (r = this.component.customizations) == null ? void 0 : r.byType) == null ? void 0 : i.loader) == null ? void 0 : n.spinner,
       this.element.id,
       this.component.customizations
-    ), { base: s, responsive: o } = nt(t);
-    return at(
+    ), { base: s, responsive: o } = at(t);
+    return lt(
       this.element.id,
       o,
       ((d = (l = this.component.customizations) == null ? void 0 : l.config) == null ? void 0 : d.breakpoints) ?? Q
@@ -23597,8 +23679,8 @@ let oo = class extends E {
       this.element.id,
       this.component.customizations,
       !0
-    ), { base: s, responsive: o } = nt(t);
-    return at(
+    ), { base: s, responsive: o } = at(t);
+    return lt(
       this.element.id,
       o,
       ((d = (l = this.component.customizations) == null ? void 0 : l.config) == null ? void 0 : d.breakpoints) ?? Q
@@ -23657,8 +23739,8 @@ let ds = class extends E {
     ), s = xo(
       this.element.properties.image_url,
       this.theme
-    ), { base: o, responsive: r } = nt(t);
-    return at(
+    ), { base: o, responsive: r } = at(t);
+    return lt(
       this.element.id,
       r,
       ((n = (i = this.component.customizations) == null ? void 0 : i.config) == null ? void 0 : n.breakpoints) ?? Q
@@ -23773,8 +23855,8 @@ let us = class extends E {
       (l = (n = this.component.customizations) == null ? void 0 : n.byType) == null ? void 0 : l.logo,
       this.element.id,
       this.component.customizations
-    ), { base: s, responsive: o } = nt(t);
-    at(
+    ), { base: s, responsive: o } = at(t);
+    lt(
       this.element.id,
       o,
       ((u = (d = this.component.customizations) == null ? void 0 : d.config) == null ? void 0 : u.breakpoints) ?? Q
@@ -23880,8 +23962,8 @@ let no = class extends E {
       Rc,
       {},
       "inputError"
-    ), { shouldRender: l, animClass: d, errorContent: u } = this.manageErrorAnimation(e), { base: m, responsive: f } = nt(s);
-    return at(
+    ), { shouldRender: l, animClass: d, errorContent: u } = this.manageErrorAnimation(e), { base: m, responsive: f } = at(s);
+    return lt(
       this.element.id,
       f,
       ((x = (y = this.component.customizations) == null ? void 0 : y.config) == null ? void 0 : x.breakpoints) ?? Q
@@ -23952,8 +24034,8 @@ let ao = class extends E {
       (n = (i = (r = this.component.customizations) == null ? void 0 : r.byType) == null ? void 0 : i.labels) == null ? void 0 : n.inputLabel,
       this.element.id,
       this.component.customizations
-    ), { base: s, responsive: o } = nt(t);
-    return at(
+    ), { base: s, responsive: o } = at(t);
+    return lt(
       this.element.id,
       o,
       ((d = (l = this.component.customizations) == null ? void 0 : l.config) == null ? void 0 : d.breakpoints) ?? Q
@@ -24124,13 +24206,13 @@ let Yt = class extends E {
     var s, o;
     if (t.element_type === "html")
       try {
-        await qt.processLoginflowEvent({ event: e, data: {} });
+        await nt.processLoginflowEvent({ event: e, data: {} });
       } finally {
         this.eventEmitting = !1;
       }
     else if (t.element_type === "otp")
       try {
-        await qt.processLoginflowEvent({
+        await nt.processLoginflowEvent({
           event: e,
           data: this.formData
         });
@@ -24150,7 +24232,7 @@ let Yt = class extends E {
       )) ?? !1)) {
         this.loadingButtons = { ...this.loadingButtons, [t.id]: !0 }, this.eventEmitting = !0;
         try {
-          await qt.processLoginflowEvent({
+          await nt.processLoginflowEvent({
             event: e,
             data: this.formData
           });
@@ -24251,7 +24333,7 @@ let ye = class extends E {
     super.connectedCallback(), ky(), (async () => {
       for (; !this.env || !this.env.domain; )
         await new Promise((t) => setTimeout(t, 20));
-      qt.configure({
+      nt.configure({
         domain: this.env.domain,
         clientId: this.env.clientId,
         clientSecret: this.env.clientSecret ?? "",
@@ -24268,7 +24350,7 @@ let ye = class extends E {
   }
   updated(e) {
     var t;
-    super.updated(e), e.has("customizations") && (this.providedCustomizations = this.customizations), e.has("env") && (t = this.env) != null && t.domain && qt.configure({
+    super.updated(e), e.has("customizations") && (this.providedCustomizations = this.customizations), e.has("env") && (t = this.env) != null && t.domain && nt.configure({
       domain: this.env.domain,
       clientId: this.env.clientId,
       clientSecret: this.env.clientSecret ?? "",
@@ -24291,7 +24373,7 @@ let ye = class extends E {
     }
   }
   refreshAuthState() {
-    this.auth = { isAuthenticated: qt.isAuthenticated() };
+    this.auth = { isAuthenticated: nt.isAuthenticated() };
   }
 };
 ir([
@@ -24340,7 +24422,7 @@ let Bi = class extends E {
   }
 };
 Jc([
-  gt({ context: yo, subscribe: !0 }),
+  mt({ context: yo, subscribe: !0 }),
   a({ attribute: !1 })
 ], Bi.prototype, "auth", 2);
 Bi = Jc([
@@ -24368,7 +24450,7 @@ let qi = class extends E {
   }
 };
 Qc([
-  gt({ context: yo, subscribe: !0 }),
+  mt({ context: yo, subscribe: !0 }),
   a({ attribute: !1 })
 ], qi.prototype, "auth", 2);
 qi = Qc([
@@ -24398,18 +24480,18 @@ Uo([
   a({ type: String })
 ], hs.prototype, "redirectUrl", 2);
 Uo([
-  gt({ context: Mc }),
+  mt({ context: Mc }),
   a({ attribute: !1 })
 ], hs.prototype, "env", 2);
 Uo([
-  gt({ context: yo, subscribe: !0 }),
+  mt({ context: yo, subscribe: !0 }),
   a({ attribute: !1 })
 ], hs.prototype, "auth", 2);
 hs = Uo([
   h("sb-authenticated")
 ], hs);
 function v0() {
-  return qt;
+  return nt;
 }
 export {
   Ad as BaseElement,
@@ -24443,7 +24525,7 @@ export {
   so as SbSpinnerRenderer,
   Ys as SbTextRenderer,
   fe as SbUrlsInfo,
-  Pt as SbUserProfile,
+  It as SbUserProfile,
   Ve as SbWatermark,
   io as SbWatermarkRenderer,
   qi as SignedIn,