@confidencesystemsinc/sdk 1.2.1 → 1.2.2

package/dist/index.js

@@ -11,9 +11,9 @@ var Or = (e, t, n, r) => ({
     return p(e, t, r);
   }
 });
-import { jsx as $, jsxs as Ee, Fragment as ut } from "react/jsx-runtime";
-import * as R from "react";
-import j, { createContext as Ne, useState as pe, useContext as Pe, useMemo as de, useRef as oe, useCallback as ye, useEffect as Te, useLayoutEffect as Gs, forwardRef as cl, Fragment as Ke, isValidElement as _u, cloneElement as Du, createElement as ju, useId as qt, useSyncExternalStore as zu, useReducer as Hu, createRef as Uu } from "react";
+import { jsx as R, jsxs as ye, Fragment as ut } from "react/jsx-runtime";
+import * as $ from "react";
+import j, { createContext as Ne, useState as he, useContext as Se, useMemo as de, useRef as oe, useCallback as we, useEffect as Ee, useLayoutEffect as Gs, forwardRef as cl, Fragment as Ke, isValidElement as _u, cloneElement as Du, createElement as ju, useId as qt, useSyncExternalStore as zu, useReducer as Hu, createRef as Uu } from "react";
 import * as Bu from "react-dom";
 import { createPortal as Wu } from "react-dom";
 var jn = class {
@@ -289,33 +289,33 @@ function Co(e) {
 function ml(e) {
   let t = !1, n = 0, r = !1, o;
   const s = ts(), i = (m) => {
-    var g;
-    r || (h(new pl(m)), (g = e.abort) == null || g.call(e));
+    var b;
+    r || (h(new pl(m)), (b = e.abort) == null || b.call(e));
   }, a = () => {
     t = !0;
   }, l = () => {
     t = !1;
   }, c = () => Ks.isFocused() && (e.networkMode === "always" || Ur.isOnline()) && e.canRun(), u = () => hl(e.networkMode) && e.canRun(), f = (m) => {
-    var g;
-    r || (r = !0, (g = e.onSuccess) == null || g.call(e, m), o == null || o(), s.resolve(m));
+    var b;
+    r || (r = !0, (b = e.onSuccess) == null || b.call(e, m), o == null || o(), s.resolve(m));
   }, h = (m) => {
-    var g;
-    r || (r = !0, (g = e.onError) == null || g.call(e, m), o == null || o(), s.reject(m));
+    var b;
+    r || (r = !0, (b = e.onError) == null || b.call(e, m), o == null || o(), s.reject(m));
   }, d = () => new Promise((m) => {
-    var g;
+    var b;
     o = (w) => {
       (r || c()) && m(w);
-    }, (g = e.onPause) == null || g.call(e);
+    }, (b = e.onPause) == null || b.call(e);
   }).then(() => {
     var m;
     o = void 0, r || (m = e.onContinue) == null || m.call(e);
-  }), b = () => {
+  }), g = () => {
     if (r)
       return;
     let m;
-    const g = n === 0 ? e.initialPromise : void 0;
+    const b = n === 0 ? e.initialPromise : void 0;
     try {
-      m = g ?? e.fn();
+      m = b ?? e.fn();
     } catch (w) {
       m = Promise.reject(w);
     }
@@ -329,7 +329,7 @@ function ml(e) {
         return;
       }
       n++, (N = e.onFail) == null || N.call(e, n, w), Vu(C).then(() => c() ? void 0 : d()).then(() => {
-        t ? h(w) : b();
+        t ? h(w) : g();
       });
     });
   };
@@ -340,7 +340,7 @@ function ml(e) {
     cancelRetry: a,
     continueRetry: l,
     canStart: u,
-    start: () => (u() ? b() : d().then(b), s)
+    start: () => (u() ? g() : d().then(g), s)
   };
 }
 var Ju = (e) => setTimeout(e, 0);
@@ -403,7 +403,7 @@ function Zu() {
     }
   };
 }
-var Ce = Zu(), en, tl, gl = (tl = class {
+var Te = Zu(), en, tl, gl = (tl = class {
   constructor() {
     H(this, en);
   }
@@ -424,7 +424,7 @@ var Ce = Zu(), en, tl, gl = (tl = class {
   clearGcTimeout() {
     p(this, en) && (clearTimeout(p(this, en)), F(this, en, void 0));
   }
-}, en = new WeakMap(), tl), kn, An, Ue, tn, ke, hr, nn, qe, it, nl, ef = (nl = class extends gl {
+}, en = new WeakMap(), tl), kn, An, Ue, tn, Ae, hr, nn, qe, it, nl, ef = (nl = class extends gl {
   constructor(t) {
     super();
     H(this, qe);
@@ -432,7 +432,7 @@ var Ce = Zu(), en, tl, gl = (tl = class {
     H(this, An);
     H(this, Ue);
     H(this, tn);
-    H(this, ke);
+    H(this, Ae);
     H(this, hr);
     H(this, nn);
     F(this, nn, !1), F(this, hr, t.defaultOptions), this.setOptions(t.options), this.observers = [], F(this, tn, t.client), F(this, Ue, p(this, tn).getQueryCache()), this.queryKey = t.queryKey, this.queryHash = t.queryHash, F(this, kn, tf(this.options)), this.state = t.state ?? p(this, kn), this.scheduleGc();
@@ -442,7 +442,7 @@ var Ce = Zu(), en, tl, gl = (tl = class {
   }
   get promise() {
     var t;
-    return (t = p(this, ke)) == null ? void 0 : t.promise;
+    return (t = p(this, Ae)) == null ? void 0 : t.promise;
   }
   setOptions(t) {
     this.options = { ...p(this, hr), ...t }, this.updateGcTime(this.options.gcTime);
@@ -464,8 +464,8 @@ var Ce = Zu(), en, tl, gl = (tl = class {
   }
   cancel(t) {
     var r, o;
-    const n = (r = p(this, ke)) == null ? void 0 : r.promise;
-    return (o = p(this, ke)) == null || o.cancel(t), n ? n.then(Fe).catch(Fe) : Promise.resolve();
+    const n = (r = p(this, Ae)) == null ? void 0 : r.promise;
+    return (o = p(this, Ae)) == null || o.cancel(t), n ? n.then(Fe).catch(Fe) : Promise.resolve();
   }
   destroy() {
     super.destroy(), this.cancel({ silent: !0 });
@@ -492,18 +492,18 @@ var Ce = Zu(), en, tl, gl = (tl = class {
   onFocus() {
     var n;
     const t = this.observers.find((r) => r.shouldFetchOnWindowFocus());
-    t == null || t.refetch({ cancelRefetch: !1 }), (n = p(this, ke)) == null || n.continue();
+    t == null || t.refetch({ cancelRefetch: !1 }), (n = p(this, Ae)) == null || n.continue();
   }
   onOnline() {
     var n;
     const t = this.observers.find((r) => r.shouldFetchOnReconnect());
-    t == null || t.refetch({ cancelRefetch: !1 }), (n = p(this, ke)) == null || n.continue();
+    t == null || t.refetch({ cancelRefetch: !1 }), (n = p(this, Ae)) == null || n.continue();
   }
   addObserver(t) {
     this.observers.includes(t) || (this.observers.push(t), this.clearGcTimeout(), p(this, Ue).notify({ type: "observerAdded", query: this, observer: t }));
   }
   removeObserver(t) {
-    this.observers.includes(t) && (this.observers = this.observers.filter((n) => n !== t), this.observers.length || (p(this, ke) && (p(this, nn) ? p(this, ke).cancel({ revert: !0 }) : p(this, ke).cancelRetry()), this.scheduleGc()), p(this, Ue).notify({ type: "observerRemoved", query: this, observer: t }));
+    this.observers.includes(t) && (this.observers = this.observers.filter((n) => n !== t), this.observers.length || (p(this, Ae) && (p(this, nn) ? p(this, Ae).cancel({ revert: !0 }) : p(this, Ae).cancelRetry()), this.scheduleGc()), p(this, Ue).notify({ type: "observerRemoved", query: this, observer: t }));
   }
   getObserversCount() {
     return this.observers.length;
@@ -516,8 +516,8 @@ var Ce = Zu(), en, tl, gl = (tl = class {
     if (this.state.fetchStatus !== "idle") {
       if (this.state.data !== void 0 && (n != null && n.cancelRefetch))
         this.cancel({ silent: !0 });
-      else if (p(this, ke))
-        return p(this, ke).continueRetry(), p(this, ke).promise;
+      else if (p(this, Ae))
+        return p(this, Ae).continueRetry(), p(this, Ae).promise;
     }
     if (t && this.setOptions(t), !this.options.queryFn) {
       const f = this.observers.find((h) => h.options.queryFn);
@@ -555,7 +555,7 @@ var Ce = Zu(), en, tl, gl = (tl = class {
       this
     ), F(this, An, this.state), (this.state.fetchStatus === "idle" || this.state.fetchMeta !== ((c = i.fetchOptions) == null ? void 0 : c.meta)) && J(this, qe, it).call(this, { type: "fetch", meta: (u = i.fetchOptions) == null ? void 0 : u.meta });
     const a = (f) => {
-      var h, d, b, m;
+      var h, d, g, m;
       Co(f) && f.silent || J(this, qe, it).call(this, {
         type: "error",
         error: f
@@ -563,19 +563,19 @@ var Ce = Zu(), en, tl, gl = (tl = class {
         h,
         f,
         this
-      ), (m = (b = p(this, Ue).config).onSettled) == null || m.call(
-        b,
+      ), (m = (g = p(this, Ue).config).onSettled) == null || m.call(
+        g,
         this.state.data,
         f,
         this
       )), this.scheduleGc();
     };
-    return F(this, ke, ml({
+    return F(this, Ae, ml({
       initialPromise: n == null ? void 0 : n.initialPromise,
       fn: i.fetchFn,
       abort: r.abort.bind(r),
       onSuccess: (f) => {
-        var h, d, b, m;
+        var h, d, g, m;
         if (f === void 0) {
           process.env.NODE_ENV !== "production" && console.error(
             `Query data cannot be undefined. Please make sure to return a value other than undefined from your query function. Affected query key: ${this.queryHash}`
@@ -584,12 +584,12 @@ var Ce = Zu(), en, tl, gl = (tl = class {
         }
         try {
           this.setData(f);
-        } catch (g) {
-          a(g);
+        } catch (b) {
+          a(b);
           return;
         }
-        (d = (h = p(this, Ue).config).onSuccess) == null || d.call(h, f, this), (m = (b = p(this, Ue).config).onSettled) == null || m.call(
-          b,
+        (d = (h = p(this, Ue).config).onSuccess) == null || d.call(h, f, this), (m = (g = p(this, Ue).config).onSettled) == null || m.call(
+          g,
           f,
           this.state.error,
           this
@@ -609,9 +609,9 @@ var Ce = Zu(), en, tl, gl = (tl = class {
       retryDelay: i.options.retryDelay,
       networkMode: i.options.networkMode,
       canRun: () => !0
-    })), p(this, ke).start();
+    })), p(this, Ae).start();
   }
-}, kn = new WeakMap(), An = new WeakMap(), Ue = new WeakMap(), tn = new WeakMap(), ke = new WeakMap(), hr = new WeakMap(), nn = new WeakMap(), qe = new WeakSet(), it = function(t) {
+}, kn = new WeakMap(), An = new WeakMap(), Ue = new WeakMap(), tn = new WeakMap(), Ae = new WeakMap(), hr = new WeakMap(), nn = new WeakMap(), qe = new WeakSet(), it = function(t) {
   const n = (r) => {
     switch (t.type) {
       case "failed":
@@ -675,7 +675,7 @@ var Ce = Zu(), en, tl, gl = (tl = class {
         };
     }
   };
-  this.state = n(this.state), Ce.batch(() => {
+  this.state = n(this.state), Te.batch(() => {
     this.observers.forEach((r) => {
       r.onQueryUpdate();
     }), p(this, Ue).notify({ query: this, type: "updated", action: t });
@@ -738,7 +738,7 @@ var Ze, rl, nf = (rl = class extends jn {
     n && (t.destroy(), n === t && p(this, Ze).delete(t.queryHash), this.notify({ type: "removed", query: t }));
   }
   clear() {
-    Ce.batch(() => {
+    Te.batch(() => {
       this.getAll().forEach((t) => {
         this.remove(t);
       });
@@ -761,21 +761,21 @@ var Ze, rl, nf = (rl = class extends jn {
     return Object.keys(t).length > 0 ? n.filter((r) => Ti(t, r)) : n;
   }
   notify(t) {
-    Ce.batch(() => {
+    Te.batch(() => {
       this.listeners.forEach((n) => {
         n(t);
       });
     });
   }
   onFocus() {
-    Ce.batch(() => {
+    Te.batch(() => {
       this.getAll().forEach((t) => {
         t.onFocus();
       });
     });
   }
   onOnline() {
-    Ce.batch(() => {
+    Te.batch(() => {
       this.getAll().forEach((t) => {
         t.onOnline();
       });
@@ -819,7 +819,7 @@ var Ze, rl, nf = (rl = class extends jn {
     this.execute(this.state.variables);
   }
   async execute(t) {
-    var s, i, a, l, c, u, f, h, d, b, m, g, w, x, y, C, v, N, q, k;
+    var s, i, a, l, c, u, f, h, d, g, m, b, w, x, y, C, v, N, q, k;
     const n = () => {
       J(this, tt, Ot).call(this, { type: "continue" });
     };
@@ -862,14 +862,14 @@ var Ze, rl, nf = (rl = class extends jn {
         t,
         this.state.context,
         this
-      )), await ((h = (f = this.options).onSuccess) == null ? void 0 : h.call(f, B, t, this.state.context)), await ((b = (d = p(this, $e).config).onSettled) == null ? void 0 : b.call(
+      )), await ((h = (f = this.options).onSuccess) == null ? void 0 : h.call(f, B, t, this.state.context)), await ((g = (d = p(this, $e).config).onSettled) == null ? void 0 : g.call(
         d,
         B,
         null,
         this.state.variables,
         this.state.context,
         this
-      )), await ((g = (m = this.options).onSettled) == null ? void 0 : g.call(m, B, null, t, this.state.context)), J(this, tt, Ot).call(this, { type: "success", data: B }), B;
+      )), await ((b = (m = this.options).onSettled) == null ? void 0 : b.call(m, B, null, t, this.state.context)), J(this, tt, Ot).call(this, { type: "success", data: B }), B;
     } catch (B) {
       try {
         throw await ((x = (w = p(this, $e).config).onError) == null ? void 0 : x.call(
@@ -958,7 +958,7 @@ var Ze, rl, nf = (rl = class extends jn {
         };
     }
   };
-  this.state = n(this.state), Ce.batch(() => {
+  this.state = n(this.state), Te.batch(() => {
     p(this, et).forEach((r) => {
       r.onMutationUpdate(t);
     }), p(this, $e).notify({
@@ -1041,7 +1041,7 @@ var at, Ve, pr, sl, of = (sl = class extends jn {
       return Promise.resolve();
   }
   clear() {
-    Ce.batch(() => {
+    Te.batch(() => {
       p(this, at).forEach((t) => {
         this.notify({ type: "removed", mutation: t });
       }), p(this, at).clear(), p(this, Ve).clear();
@@ -1060,7 +1060,7 @@ var at, Ve, pr, sl, of = (sl = class extends jn {
     return this.getAll().filter((n) => Oi(t, n));
   }
   notify(t) {
-    Ce.batch(() => {
+    Te.batch(() => {
       this.listeners.forEach((n) => {
         n(t);
       });
@@ -1068,7 +1068,7 @@ var at, Ve, pr, sl, of = (sl = class extends jn {
   }
   resumePausedMutations() {
     const t = this.getAll().filter((n) => n.state.isPaused);
-    return Ce.batch(
+    return Te.batch(
       () => Promise.all(
         t.map((n) => n.continue().catch(Fe))
       )
@@ -1082,12 +1082,12 @@ function Pr(e) {
 function ki(e) {
   return {
     onFetch: (t, n) => {
-      var u, f, h, d, b;
-      const r = t.options, o = (h = (f = (u = t.fetchOptions) == null ? void 0 : u.meta) == null ? void 0 : f.fetchMore) == null ? void 0 : h.direction, s = ((d = t.state.data) == null ? void 0 : d.pages) || [], i = ((b = t.state.data) == null ? void 0 : b.pageParams) || [];
+      var u, f, h, d, g;
+      const r = t.options, o = (h = (f = (u = t.fetchOptions) == null ? void 0 : u.meta) == null ? void 0 : f.fetchMore) == null ? void 0 : h.direction, s = ((d = t.state.data) == null ? void 0 : d.pages) || [], i = ((g = t.state.data) == null ? void 0 : g.pageParams) || [];
       let a = { pages: [], pageParams: [] }, l = 0;
       const c = async () => {
         let m = !1;
-        const g = (y) => {
+        const b = (y) => {
           Object.defineProperty(y, "signal", {
             enumerable: !0,
             get: () => (t.signal.aborted ? m = !0 : t.signal.addEventListener("abort", () => {
@@ -1106,7 +1106,7 @@ function ki(e) {
             direction: v ? "backward" : "forward",
             meta: t.options.meta
           };
-          g(N);
+          b(N);
           const q = await w(
             N
           ), { maxPages: k } = t.options, B = v ? Yu : Gu;
@@ -1133,8 +1133,8 @@ function ki(e) {
         return a;
       };
       t.options.persister ? t.fetchFn = () => {
-        var m, g;
-        return (g = (m = t.options).persister) == null ? void 0 : g.call(
+        var m, b;
+        return (b = (m = t.options).persister) == null ? void 0 : b.call(
           m,
           c,
           {
@@ -1221,7 +1221,7 @@ var be, At, Rt, Rn, $n, $t, In, Fn, il, af = (il = class {
       return p(this, be).build(this, r).setData(i, { ...n, manual: !0 });
   }
   setQueriesData(e, t, n) {
-    return Ce.batch(
+    return Te.batch(
       () => p(this, be).findAll(e).map(({ queryKey: r }) => [
         r,
         this.setQueryData(r, t, n)
@@ -1237,7 +1237,7 @@ var be, At, Rt, Rn, $n, $t, In, Fn, il, af = (il = class {
   }
   removeQueries(e) {
     const t = p(this, be);
-    Ce.batch(() => {
+    Te.batch(() => {
       t.findAll(e).forEach((n) => {
         t.remove(n);
       });
@@ -1245,7 +1245,7 @@ var be, At, Rt, Rn, $n, $t, In, Fn, il, af = (il = class {
   }
   resetQueries(e, t) {
     const n = p(this, be);
-    return Ce.batch(() => (n.findAll(e).forEach((r) => {
+    return Te.batch(() => (n.findAll(e).forEach((r) => {
       r.reset();
     }), this.refetchQueries(
       {
@@ -1256,13 +1256,13 @@ var be, At, Rt, Rn, $n, $t, In, Fn, il, af = (il = class {
     )));
   }
   cancelQueries(e, t = {}) {
-    const n = { revert: !0, ...t }, r = Ce.batch(
+    const n = { revert: !0, ...t }, r = Te.batch(
       () => p(this, be).findAll(e).map((o) => o.cancel(n))
     );
     return Promise.all(r).then(Fe).catch(Fe);
   }
   invalidateQueries(e, t = {}) {
-    return Ce.batch(() => (p(this, be).findAll(e).forEach((n) => {
+    return Te.batch(() => (p(this, be).findAll(e).forEach((n) => {
       n.invalidate();
     }), (e == null ? void 0 : e.refetchType) === "none" ? Promise.resolve() : this.refetchQueries(
       {
@@ -1276,7 +1276,7 @@ var be, At, Rt, Rn, $n, $t, In, Fn, il, af = (il = class {
     const n = {
       ...t,
       cancelRefetch: t.cancelRefetch ?? !0
-    }, r = Ce.batch(
+    }, r = Te.batch(
       () => p(this, be).findAll(e).filter((o) => !o.isDisabled()).map((o) => {
         let s = o.fetch(void 0, n);
         return n.throwOnError || (s = s.catch(Fe)), o.state.fetchStatus === "paused" ? Promise.resolve() : s;
@@ -1484,15 +1484,15 @@ var be, At, Rt, Rn, $n, $t, In, Fn, il, af = (il = class {
         ...bl(u.data, t.options)
       }), n._optimisticResults === "isRestoring" && (f.fetchStatus = "idle");
     }
-    let { error: b, errorUpdatedAt: m, status: g } = f;
+    let { error: g, errorUpdatedAt: m, status: b } = f;
     d = f.data;
     let w = !1;
-    if (n.placeholderData !== void 0 && d === void 0 && g === "pending") {
+    if (n.placeholderData !== void 0 && d === void 0 && b === "pending") {
       let G;
       s != null && s.isPlaceholderData && n.placeholderData === (a == null ? void 0 : a.placeholderData) ? (G = s.data, w = !0) : G = typeof n.placeholderData == "function" ? n.placeholderData(
         (B = p(this, Mn)) == null ? void 0 : B.state.data,
         p(this, Mn)
-      ) : n.placeholderData, G !== void 0 && (g = "success", d = es(
+      ) : n.placeholderData, G !== void 0 && (b = "success", d = es(
         s == null ? void 0 : s.data,
         G,
         n
@@ -1507,18 +1507,18 @@ var be, At, Rt, Rn, $n, $t, In, Fn, il, af = (il = class {
         } catch (G) {
           F(this, Ft, G);
         }
-    p(this, Ft) && (b = p(this, Ft), d = p(this, Ln), m = Date.now(), g = "error");
-    const x = f.fetchStatus === "fetching", y = g === "pending", C = g === "error", v = y && x, N = d !== void 0, k = {
-      status: g,
+    p(this, Ft) && (g = p(this, Ft), d = p(this, Ln), m = Date.now(), b = "error");
+    const x = f.fetchStatus === "fetching", y = b === "pending", C = b === "error", v = y && x, N = d !== void 0, k = {
+      status: b,
       fetchStatus: f.fetchStatus,
       isPending: y,
-      isSuccess: g === "success",
+      isSuccess: b === "success",
       isError: C,
       isInitialLoading: v,
       isLoading: v,
       data: d,
       dataUpdatedAt: f.dataUpdatedAt,
-      error: b,
+      error: g,
       errorUpdatedAt: m,
       failureCount: f.fetchFailureCount,
       failureReason: f.fetchFailureReason,
@@ -1618,7 +1618,7 @@ var be, At, Rt, Rn, $n, $t, In, Fn, il, af = (il = class {
   const n = p(this, re);
   F(this, re, t), F(this, mr, t.state), this.hasListeners() && (n == null || n.removeObserver(this), t.addObserver(this));
 }, yl = function(t) {
-  Ce.batch(() => {
+  Te.batch(() => {
     t.listeners && this.listeners.forEach((n) => {
       n(p(this, Ie));
     }), p(this, Me).getQueryCache().notify({
@@ -1702,7 +1702,7 @@ var Lt, Mt, _e, lt, pt, Mr, us, ll, ff = (ll = class extends jn {
     reset: this.reset
   });
 }, us = function(n) {
-  Ce.batch(() => {
+  Te.batch(() => {
     var r, o, s, i, a, l, c, u;
     if (p(this, lt) && this.hasListeners()) {
       const f = p(this, Mt).variables, h = p(this, Mt).context;
@@ -1718,10 +1718,10 @@ var Lt, Mt, _e, lt, pt, Mr, us, ll, ff = (ll = class extends jn {
       f(p(this, Mt));
     });
   });
-}, ll), wl = R.createContext(
+}, ll), wl = $.createContext(
   void 0
 ), xl = (e) => {
-  const t = R.useContext(wl);
+  const t = $.useContext(wl);
   if (e)
     return e;
   if (!t)
@@ -1730,9 +1730,9 @@ var Lt, Mt, _e, lt, pt, Mr, us, ll, ff = (ll = class extends jn {
 }, df = ({
   client: e,
   children: t
-}) => (R.useEffect(() => (e.mount(), () => {
+}) => ($.useEffect(() => (e.mount(), () => {
   e.unmount();
-}), [e]), /* @__PURE__ */ $(wl.Provider, { value: e, children: t })), El = R.createContext(!1), hf = () => R.useContext(El);
+}), [e]), /* @__PURE__ */ R(wl.Provider, { value: e, children: t })), El = $.createContext(!1), hf = () => $.useContext(El);
 El.Provider;
 function pf() {
   let e = !1;
@@ -1746,10 +1746,10 @@ function pf() {
     isReset: () => e
   };
 }
-var mf = R.createContext(pf()), gf = () => R.useContext(mf), bf = (e, t) => {
+var mf = $.createContext(pf()), gf = () => $.useContext(mf), bf = (e, t) => {
   (e.suspense || e.throwOnError || e.experimental_prefetchInRender) && (t.isReset() || (e.retryOnMount = !1));
 }, vf = (e) => {
-  R.useEffect(() => {
+  $.useEffect(() => {
     e.clearReset();
   }, [e]);
 }, yf = ({
@@ -1765,7 +1765,7 @@ var mf = R.createContext(pf()), gf = () => R.useContext(mf), bf = (e, t) => {
   n.clearReset();
 });
 function Cf(e, t, n) {
-  var f, h, d, b, m;
+  var f, h, d, g, m;
   if (process.env.NODE_ENV !== "production" && (typeof e != "object" || Array.isArray(e)))
     throw new Error(
       'Bad argument type. Starting with v5, only the "Object" form is allowed when calling query related functions. Please use the error stack to find the culprit call. More info here: https://tanstack.com/query/latest/docs/react/guides/migrating-to-v5#supports-a-single-signature-one-object'
@@ -1777,23 +1777,23 @@ function Cf(e, t, n) {
   ), process.env.NODE_ENV !== "production" && (i.queryFn || console.error(
     `[${i.queryHash}]: No queryFn was passed as an option, and no default queryFn was found. The queryFn parameter is only optional when using a default queryFn. More info here: https://tanstack.com/query/latest/docs/framework/react/guides/default-query-function`
   )), i._optimisticResults = o ? "isRestoring" : "optimistic", wf(i), bf(i, s), vf(s);
-  const a = !r.getQueryCache().get(i.queryHash), [l] = R.useState(
+  const a = !r.getQueryCache().get(i.queryHash), [l] = $.useState(
     () => new t(
       r,
       i
     )
   ), c = l.getOptimisticResult(i), u = !o && e.subscribed !== !1;
-  if (R.useSyncExternalStore(
-    R.useCallback(
-      (g) => {
-        const w = u ? l.subscribe(Ce.batchCalls(g)) : Fe;
+  if ($.useSyncExternalStore(
+    $.useCallback(
+      (b) => {
+        const w = u ? l.subscribe(Te.batchCalls(b)) : Fe;
         return l.updateResult(), w;
       },
       [l, u]
     ),
     () => l.getCurrentResult(),
     () => l.getCurrentResult()
-  ), R.useEffect(() => {
+  ), $.useEffect(() => {
     l.setOptions(i);
   }, [i, l]), Ef(i, c))
     throw Ii(i, l, s);
@@ -1805,19 +1805,19 @@ function Cf(e, t, n) {
     suspense: i.suspense
   }))
     throw c.error;
-  if ((b = (d = r.getDefaultOptions().queries) == null ? void 0 : d._experimental_afterQuery) == null || b.call(
+  if ((g = (d = r.getDefaultOptions().queries) == null ? void 0 : d._experimental_afterQuery) == null || g.call(
     d,
     i,
     c
   ), i.experimental_prefetchInRender && !cn && xf(c, o)) {
-    const g = a ? (
+    const b = a ? (
       // Fetch immediately on render in order to ensure `.promise` is resolved even if the component is unmounted
       Ii(i, l, s)
     ) : (
       // subscribe to the "cache promise" so that we can finalize the currentThenable once data comes in
       (m = r.getQueryCache().get(i.queryHash)) == null ? void 0 : m.promise
     );
-    g == null || g.catch(Fe).finally(() => {
+    b == null || b.catch(Fe).finally(() => {
       l.updateResult();
     });
   }
@@ -1827,23 +1827,23 @@ function Xs(e, t) {
   return Cf(e, lf, t);
 }
 function Cl(e, t) {
-  const n = xl(t), [r] = R.useState(
+  const n = xl(t), [r] = $.useState(
     () => new ff(
       n,
       e
     )
   );
-  R.useEffect(() => {
+  $.useEffect(() => {
     r.setOptions(e);
   }, [r, e]);
-  const o = R.useSyncExternalStore(
-    R.useCallback(
-      (i) => r.subscribe(Ce.batchCalls(i)),
+  const o = $.useSyncExternalStore(
+    $.useCallback(
+      (i) => r.subscribe(Te.batchCalls(i)),
       [r]
     ),
     () => r.getCurrentResult(),
     () => r.getCurrentResult()
-  ), s = R.useCallback(
+  ), s = $.useCallback(
     (i, a) => {
       r.mutate(i, a).catch(Fe);
     },
@@ -1855,11 +1855,11 @@ function Cl(e, t) {
 }
 const Js = Ne(null);
 Js.Provider;
-const zn = () => Pe(Js), Tl = ({
+const zn = () => Se(Js), Tl = ({
   children: e
 }) => {
-  const [t] = pe(new af());
-  return console.log("Confidence Playbook Context Initialized"), /* @__PURE__ */ $(Js.Provider, { value: { queryClient: t }, children: /* @__PURE__ */ $(df, { client: t, children: e }) });
+  const [t] = he(new af());
+  return console.log("Confidence Playbook Context Initialized"), /* @__PURE__ */ R(Js.Provider, { value: { queryClient: t }, children: /* @__PURE__ */ R(df, { client: t, children: e }) });
 }, ge = {
   OPEN: "Open",
   IN_PROGRESS: "In progress",
@@ -2123,15 +2123,15 @@ const zn = () => Pe(Js), Tl = ({
   let r = (o) => {
     const s = [];
     let i = 0, a = 0, l = 0, c;
-    for (let b = 0; b < o.length; b++) {
-      let m = o[b];
+    for (let g = 0; g < o.length; g++) {
+      let m = o[g];
       if (i === 0 && a === 0) {
         if (m === hs) {
-          s.push(o.slice(l, b)), l = b + _f;
+          s.push(o.slice(l, g)), l = g + _f;
           continue;
         }
         if (m === "/") {
-          c = b;
+          c = g;
           continue;
         }
       }
@@ -2192,30 +2192,30 @@ const zn = () => Pe(Js), Tl = ({
       isExternal: f,
       modifiers: h,
       hasImportantModifier: d,
-      baseClassName: b,
+      baseClassName: g,
       maybePostfixModifierPosition: m
     } = n(u);
     if (f) {
       l = u + (l.length > 0 ? " " + l : l);
       continue;
     }
-    let g = !!m, w = r(g ? b.substring(0, m) : b);
+    let b = !!m, w = r(b ? g.substring(0, m) : g);
     if (!w) {
-      if (!g) {
+      if (!b) {
         l = u + (l.length > 0 ? " " + l : l);
         continue;
       }
-      if (w = r(b), !w) {
+      if (w = r(g), !w) {
         l = u + (l.length > 0 ? " " + l : l);
         continue;
       }
-      g = !1;
+      b = !1;
     }
     const x = s(h).join(":"), y = d ? x + ds : x, C = y + w;
     if (i.includes(C))
       continue;
     i.push(C);
-    const v = o(w, g);
+    const v = o(w, b);
     for (let N = 0; N < v.length; ++N) {
       const q = v[N];
       i.push(y + q);
@@ -2255,7 +2255,7 @@ function qf(e, ...t) {
     return s(Wf.apply(null, arguments));
   };
 }
-const xe = (e) => {
+const Ce = (e) => {
   const t = (n) => n[e] || [];
   return t.isThemeGetter = !0, t;
 }, Al = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Rl = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Vf = /^\d+\/\d+$/, Gf = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Yf = /\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$/, Kf = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, Qf = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Xf = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, gn = (e) => Vf.test(e), ee = (e) => !!e && !Number.isNaN(Number(e)), Ct = (e) => !!e && Number.isInteger(Number(e)), To = (e) => e.endsWith("%") && ee(e.slice(0, -1)), st = (e) => Gf.test(e), Jf = () => !0, Zf = (e) => (
@@ -2270,7 +2270,7 @@ const xe = (e) => {
   const r = Rl.exec(e);
   return r ? r[1] ? t(r[1]) : n : !1;
 }, Il = (e) => e === "position" || e === "percentage", Fl = (e) => e === "image" || e === "url", Nl = (e) => e === "length" || e === "size" || e === "bg-size", Ll = (e) => e === "length", ld = (e) => e === "number", cd = (e) => e === "family-name", Ml = (e) => e === "shadow", ud = () => {
-  const e = xe("color"), t = xe("font"), n = xe("text"), r = xe("font-weight"), o = xe("tracking"), s = xe("leading"), i = xe("breakpoint"), a = xe("container"), l = xe("spacing"), c = xe("radius"), u = xe("shadow"), f = xe("inset-shadow"), h = xe("text-shadow"), d = xe("drop-shadow"), b = xe("blur"), m = xe("perspective"), g = xe("aspect"), w = xe("ease"), x = xe("animate"), y = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], C = () => [
+  const e = Ce("color"), t = Ce("font"), n = Ce("text"), r = Ce("font-weight"), o = Ce("tracking"), s = Ce("leading"), i = Ce("breakpoint"), a = Ce("container"), l = Ce("spacing"), c = Ce("radius"), u = Ce("shadow"), f = Ce("inset-shadow"), h = Ce("text-shadow"), d = Ce("drop-shadow"), g = Ce("blur"), m = Ce("perspective"), b = Ce("aspect"), w = Ce("ease"), x = Ce("animate"), y = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], C = () => [
     "center",
     "top",
     "bottom",
@@ -2290,7 +2290,7 @@ const xe = (e) => {
     "left-bottom"
   ], v = () => [...C(), M, L], N = () => ["auto", "hidden", "clip", "visible", "scroll"], q = () => ["auto", "contain", "none"], k = () => [M, L, l], B = () => [gn, "full", "auto", ...k()], G = () => [Ct, "none", "subgrid", M, L], ce = () => ["auto", {
     span: ["full", Ct, M, L]
-  }, Ct, M, L], fe = () => [Ct, "auto", M, L], se = () => ["auto", "min", "max", "fr", M, L], he = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], W = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], Y = () => ["auto", ...k()], ne = () => [gn, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...k()], O = () => [e, M, L], V = () => [...C(), _i, Mi, {
+  }, Ct, M, L], fe = () => [Ct, "auto", M, L], se = () => ["auto", "min", "max", "fr", M, L], pe = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], W = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], Y = () => ["auto", ...k()], ne = () => [gn, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...k()], O = () => [e, M, L], V = () => [...C(), _i, Mi, {
     position: [M, L]
   }], E = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
@@ -2308,10 +2308,10 @@ const xe = (e) => {
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    b,
+    g,
     M,
     L
-  ], X = () => ["none", ee, M, L], Z = () => ["none", ee, M, L], we = () => [ee, M, L], A = () => [gn, "full", ...k()];
+  ], X = () => ["none", ee, M, L], Z = () => ["none", ee, M, L], xe = () => [ee, M, L], A = () => [gn, "full", ...k()];
   return {
     cacheSize: 500,
     theme: {
@@ -2344,7 +2344,7 @@ const xe = (e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", gn, L, M, g]
+        aspect: ["auto", "square", gn, L, M, b]
       }],
       /**
        * Container
@@ -2714,7 +2714,7 @@ const xe = (e) => {
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: [...he(), "normal"]
+        justify: [...pe(), "normal"]
       }],
       /**
        * Justify Items
@@ -2735,7 +2735,7 @@ const xe = (e) => {
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...he()]
+        content: ["normal", ...pe()]
       }],
       /**
        * Align Items
@@ -2760,7 +2760,7 @@ const xe = (e) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": he()
+        "place-content": pe()
       }],
       /**
        * Place Items
@@ -4319,21 +4319,21 @@ const xe = (e) => {
        * @see https://tailwindcss.com/docs/skew
        */
       skew: [{
-        skew: we()
+        skew: xe()
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": we()
+        "skew-x": xe()
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": we()
+        "skew-y": xe()
       }],
       /**
        * Transform
@@ -4753,7 +4753,7 @@ function ar() {
   for (var e, t, n = 0, r = "", o = arguments.length; n < o; n++) (e = arguments[n]) && (t = _l(e)) && (r && (r += " "), r += t);
   return r;
 }
-function Ae(...e) {
+function Oe(...e) {
   return xn(ar(e));
 }
 const Dl = typeof document < "u" ? j.useLayoutEffect : () => {
@@ -4764,7 +4764,7 @@ function fd(e) {
     t.current = e;
   }, [
     e
-  ]), ye((...n) => {
+  ]), we((...n) => {
     const r = t.current;
     return r == null ? void 0 : r(...n);
   }, []);
@@ -4841,7 +4841,7 @@ yt(function() {
   return Zr(/Firefox/i);
 });
 function Hl() {
-  let e = oe(/* @__PURE__ */ new Map()), t = ye((o, s, i, a) => {
+  let e = oe(/* @__PURE__ */ new Map()), t = we((o, s, i, a) => {
     let l = a != null && a.once ? (...c) => {
       e.current.delete(i), i(...c);
     } : i;
@@ -4851,18 +4851,18 @@ function Hl() {
       fn: l,
       options: a
     }), o.addEventListener(s, l, a);
-  }, []), n = ye((o, s, i, a) => {
+  }, []), n = we((o, s, i, a) => {
     var l;
     let c = ((l = e.current.get(i)) === null || l === void 0 ? void 0 : l.fn) || i;
     o.removeEventListener(s, c, a), e.current.delete(i);
-  }, []), r = ye(() => {
+  }, []), r = we(() => {
     e.current.forEach((o, s) => {
       n(o.eventTarget, o.type, s, o.options);
     });
   }, [
     n
   ]);
-  return Te(() => r, [
+  return Ee(() => r, [
     r
   ]), {
     addGlobalListener: t,
@@ -4899,7 +4899,7 @@ function Bl(e) {
   let n = fd((r) => {
     e == null || e(r);
   });
-  return ye((r) => {
+  return we((r) => {
     if (r.target instanceof HTMLButtonElement || r.target instanceof HTMLInputElement || r.target instanceof HTMLTextAreaElement || r.target instanceof HTMLSelectElement) {
       t.current.isFocused = !0;
       let o = r.target, s = (i) => {
@@ -5006,7 +5006,7 @@ function Sd(e, t, n) {
   return e = e || r.activeElement instanceof o && !Pd.has(r.activeElement.type) || r.activeElement instanceof s || r.activeElement instanceof i && r.activeElement.isContentEditable, !(e && t === "keyboard" && n instanceof a && !Cd[n.key]);
 }
 function kd(e, t, n) {
-  bs(), Te(() => {
+  bs(), Ee(() => {
     let r = (o, s) => {
       Sd(!!(n != null && n.isTextInput), o, s) && e(Yl());
     };
@@ -5017,13 +5017,13 @@ function kd(e, t, n) {
 }
 function Ad(e) {
   let { isDisabled: t, onFocus: n, onBlur: r, onFocusChange: o } = e;
-  const s = ye((l) => {
+  const s = we((l) => {
     if (l.target === l.currentTarget)
       return r && r(l), o && o(!1), !0;
   }, [
     r,
     o
-  ]), i = Bl(s), a = ye((l) => {
+  ]), i = Bl(s), a = we((l) => {
     const c = Vt(l.target), u = c ? ps(c) : ps();
     l.target === l.currentTarget && u === zl(l.nativeEvent) && (n && n(l), o && o(!0), i(l));
   }, [
@@ -5041,26 +5041,26 @@ function Ad(e) {
 function Rd(e) {
   let { isDisabled: t, onBlurWithin: n, onFocusWithin: r, onFocusWithinChange: o } = e, s = oe({
     isFocusWithin: !1
-  }), { addGlobalListener: i, removeAllGlobalListeners: a } = Hl(), l = ye((f) => {
+  }), { addGlobalListener: i, removeAllGlobalListeners: a } = Hl(), l = we((f) => {
     f.currentTarget.contains(f.target) && s.current.isFocusWithin && !f.currentTarget.contains(f.relatedTarget) && (s.current.isFocusWithin = !1, a(), n && n(f), o && o(!1));
   }, [
     n,
     o,
     s,
     a
-  ]), c = Bl(l), u = ye((f) => {
+  ]), c = Bl(l), u = we((f) => {
     if (!f.currentTarget.contains(f.target)) return;
     const h = Vt(f.target), d = ps(h);
     if (!s.current.isFocusWithin && d === zl(f.nativeEvent)) {
       r && r(f), o && o(!0), s.current.isFocusWithin = !0, c(f);
-      let b = f.currentTarget;
+      let g = f.currentTarget;
       i(h, "focus", (m) => {
-        if (s.current.isFocusWithin && !jl(b, m.target)) {
-          let g = new h.defaultView.FocusEvent("blur", {
+        if (s.current.isFocusWithin && !jl(g, m.target)) {
+          let b = new h.defaultView.FocusEvent("blur", {
             relatedTarget: m.target
           });
-          xd(g, b);
-          let w = Ul(g);
+          xd(b, g);
+          let w = Ul(b);
           l(w);
         }
       }, {
@@ -5103,16 +5103,16 @@ function $d() {
     };
 }
 function Id(e) {
-  let { onHoverStart: t, onHoverChange: n, onHoverEnd: r, isDisabled: o } = e, [s, i] = pe(!1), a = oe({
+  let { onHoverStart: t, onHoverChange: n, onHoverEnd: r, isDisabled: o } = e, [s, i] = he(!1), a = oe({
     isHovered: !1,
     ignoreEmulatedMouseEvents: !1,
     pointerType: "",
     target: null
   }).current;
-  Te($d, []);
+  Ee($d, []);
   let { addGlobalListener: l, removeAllGlobalListeners: c } = Hl(), { hoverProps: u, triggerHoverEnd: f } = de(() => {
-    let h = (m, g) => {
-      if (a.pointerType = g, o || g === "touch" || a.isHovered || !m.currentTarget.contains(m.target)) return;
+    let h = (m, b) => {
+      if (a.pointerType = b, o || b === "touch" || a.isHovered || !m.currentTarget.contains(m.target)) return;
       a.isHovered = !0;
       let w = m.currentTarget;
       a.target = w, l(Vt(m.target), "pointerover", (x) => {
@@ -5122,28 +5122,28 @@ function Id(e) {
       }), t && t({
         type: "hoverstart",
         target: w,
-        pointerType: g
+        pointerType: b
       }), n && n(!0), i(!0);
-    }, d = (m, g) => {
+    }, d = (m, b) => {
       let w = a.target;
-      a.pointerType = "", a.target = null, !(g === "touch" || !a.isHovered || !w) && (a.isHovered = !1, c(), r && r({
+      a.pointerType = "", a.target = null, !(b === "touch" || !a.isHovered || !w) && (a.isHovered = !1, c(), r && r({
         type: "hoverend",
         target: w,
-        pointerType: g
+        pointerType: b
       }), n && n(!1), i(!1));
-    }, b = {};
-    return typeof PointerEvent < "u" ? (b.onPointerEnter = (m) => {
+    }, g = {};
+    return typeof PointerEvent < "u" ? (g.onPointerEnter = (m) => {
       Wr && m.pointerType === "mouse" || h(m, m.pointerType);
-    }, b.onPointerLeave = (m) => {
+    }, g.onPointerLeave = (m) => {
       !o && m.currentTarget.contains(m.target) && d(m, m.pointerType);
-    }) : process.env.NODE_ENV === "test" && (b.onTouchStart = () => {
+    }) : process.env.NODE_ENV === "test" && (g.onTouchStart = () => {
       a.ignoreEmulatedMouseEvents = !0;
-    }, b.onMouseEnter = (m) => {
+    }, g.onMouseEnter = (m) => {
       !a.ignoreEmulatedMouseEvents && !Wr && h(m, "mouse"), a.ignoreEmulatedMouseEvents = !1;
-    }, b.onMouseLeave = (m) => {
+    }, g.onMouseLeave = (m) => {
       !o && m.currentTarget.contains(m.target) && d(m, "mouse");
     }), {
-      hoverProps: b,
+      hoverProps: g,
       triggerHoverEnd: d
     };
   }, [
@@ -5155,7 +5155,7 @@ function Id(e) {
     l,
     c
   ]);
-  return Te(() => {
+  return Ee(() => {
     o && f({
       currentTarget: a.target
     }, a.pointerType);
@@ -5170,7 +5170,7 @@ function Fd(e = {}) {
   let { autoFocus: t = !1, isTextInput: n, within: r } = e, o = oe({
     isFocused: !1,
     isFocusVisible: t || Yl()
-  }), [s, i] = pe(!1), [a, l] = pe(() => o.current.isFocused && o.current.isFocusVisible), c = ye(() => l(o.current.isFocused && o.current.isFocusVisible), []), u = ye((d) => {
+  }), [s, i] = he(!1), [a, l] = he(() => o.current.isFocused && o.current.isFocusVisible), c = we(() => l(o.current.isFocused && o.current.isFocusVisible), []), u = we((d) => {
     o.current.isFocused = d, i(d), c();
   }, [
     c
@@ -5269,15 +5269,15 @@ function wt() {
   return t;
 }
 function oi() {
-  let [e] = pe(wt);
-  return Te(() => () => e.dispose(), [e]), e;
+  let [e] = he(wt);
+  return Ee(() => () => e.dispose(), [e]), e;
 }
-let Oe = (e, t) => {
-  ln.isServer ? Te(e, t) : Gs(e, t);
+let Pe = (e, t) => {
+  ln.isServer ? Ee(e, t) : Gs(e, t);
 };
 function pn(e) {
   let t = oe(e);
-  return Oe(() => {
+  return Pe(() => {
     t.current = e;
   }, [e]), t;
 }
@@ -5286,7 +5286,7 @@ let ue = function(e) {
   return j.useCallback((...n) => t.current(...n), [t]);
 }, Kl = Ne(void 0);
 function no() {
-  return Pe(Kl);
+  return Se(Kl);
 }
 function _d({ value: e, children: t }) {
   return j.createElement(Kl.Provider, { value: e }, t);
@@ -5305,7 +5305,7 @@ function mt(e, t, ...n) {
 var qr = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(qr || {}), _t = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(_t || {});
 function Le() {
   let e = jd();
-  return ye((t) => Dd({ mergeRefs: e, ...t }), [e]);
+  return we((t) => Dd({ mergeRefs: e, ...t }), [e]);
 }
 function Dd({ ourProps: e, theirProps: t, slot: n, defaultTag: r, features: o, visible: s = !0, name: i, mergeRefs: a }) {
   a = a ?? zd;
@@ -5332,10 +5332,10 @@ function Ar(e, t = {}, n, r, o) {
   let f = {};
   if (t) {
     let h = !1, d = [];
-    for (let [b, m] of Object.entries(t)) typeof m == "boolean" && (h = !0), m === !0 && d.push(b.replace(/([A-Z])/g, (g) => `-${g.toLowerCase()}`));
+    for (let [g, m] of Object.entries(t)) typeof m == "boolean" && (h = !0), m === !0 && d.push(g.replace(/([A-Z])/g, (b) => `-${b.toLowerCase()}`));
     if (h) {
       f["data-headlessui-state"] = d.join(" ");
-      for (let b of d) f[`data-${b}`] = "";
+      for (let g of d) f[`data-${g}`] = "";
     }
   }
   if (s === Ke && (Object.keys(Yt(l)).length > 0 || Object.keys(Yt(f)).length > 0)) if (!_u(u) || Array.isArray(u) && u.length > 1) {
@@ -5344,14 +5344,14 @@ function Ar(e, t = {}, n, r, o) {
 `)].join(`
 `));
   } else {
-    let h = u.props, d = h == null ? void 0 : h.className, b = typeof d == "function" ? (...w) => ys(d(...w), l.className) : ys(d, l.className), m = b ? { className: b } : {}, g = Ql(u.props, Yt(ko(l, ["ref"])));
-    for (let w in f) w in g && delete f[w];
-    return Du(u, Object.assign({}, g, f, c, { ref: o(Ud(u), c.ref) }, m));
+    let h = u.props, d = h == null ? void 0 : h.className, g = typeof d == "function" ? (...w) => ys(d(...w), l.className) : ys(d, l.className), m = g ? { className: g } : {}, b = Ql(u.props, Yt(ko(l, ["ref"])));
+    for (let w in f) w in b && delete f[w];
+    return Du(u, Object.assign({}, b, f, c, { ref: o(Ud(u), c.ref) }, m));
   }
   return ju(s, Object.assign({}, ko(l, ["ref"]), s !== Ke && c, s !== Ke && f), u);
 }
 function jd() {
-  let e = oe([]), t = ye((n) => {
+  let e = oe([]), t = we((n) => {
     for (let r of e.current) r != null && (typeof r == "function" ? r(n) : r.current = n);
   }, []);
   return (...n) => {
@@ -5392,7 +5392,7 @@ function Hd(...e) {
   } });
   return t;
 }
-function Se(e) {
+function ke(e) {
   var t;
   return Object.assign(cl(e), { displayName: (t = e.displayName) != null ? t : e.name });
 }
@@ -5416,14 +5416,14 @@ function Wd(e, t) {
   let { features: r = 1, ...o } = e, s = { ref: t, "aria-hidden": (r & 2) === 2 ? !0 : (n = o["aria-hidden"]) != null ? n : void 0, hidden: (r & 4) === 4 ? !0 : void 0, style: { position: "fixed", top: 1, left: 1, width: 1, height: 0, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0", ...(r & 4) === 4 && (r & 2) !== 2 && { display: "none" } } };
   return Le()({ ourProps: s, theirProps: o, slot: {}, defaultTag: Bd, name: "Hidden" });
 }
-let Vr = Se(Wd), qd = Ne(null);
+let Vr = ke(Wd), qd = Ne(null);
 function Vd(e) {
-  let [t, n] = pe(null);
+  let [t, n] = he(null);
   return j.createElement(qd.Provider, { value: { target: t } }, e.children, j.createElement(Vr, { features: lr.Hidden, ref: n }));
 }
 let Xl = Ne(void 0);
 function Jl() {
-  return Pe(Xl);
+  return Se(Xl);
 }
 function Gd({ id: e, children: t }) {
   return j.createElement(Xl.Provider, { value: e }, t);
@@ -5461,7 +5461,7 @@ function Xd(e, t = !0) {
 }
 function Xe(...e) {
   let t = oe(e);
-  Te(() => {
+  Ee(() => {
     t.current = e;
   }, [e]);
   let n = ue((r) => {
@@ -5472,7 +5472,7 @@ function Xe(...e) {
 let ro = Ne(null);
 ro.displayName = "DescriptionContext";
 function nc() {
-  let e = Pe(ro);
+  let e = Se(ro);
   if (e === null) {
     let t = new Error("You used a <Description /> component, but it is not inside a relevant parent.");
     throw Error.captureStackTrace && Error.captureStackTrace(t, nc), t;
@@ -5481,10 +5481,10 @@ function nc() {
 }
 function Jd() {
   var e, t;
-  return (t = (e = Pe(ro)) == null ? void 0 : e.value) != null ? t : void 0;
+  return (t = (e = Se(ro)) == null ? void 0 : e.value) != null ? t : void 0;
 }
 function rc() {
-  let [e, t] = pe([]);
+  let [e, t] = he([]);
   return [e.length > 0 ? e.join(" ") : void 0, de(() => function(n) {
     let r = ue((s) => (t((i) => [...i, s]), () => t((i) => {
       let a = i.slice(), l = a.indexOf(s);
@@ -5496,16 +5496,16 @@ function rc() {
 let Zd = "p";
 function eh(e, t) {
   let n = qt(), r = no(), { id: o = `headlessui-description-${n}`, ...s } = e, i = nc(), a = Xe(t);
-  Oe(() => i.register(o), [o, i.register]);
+  Pe(() => i.register(o), [o, i.register]);
   let l = r || !1, c = de(() => ({ ...i.slot, disabled: l }), [i.slot, l]), u = { ref: a, ...i.props, id: o };
   return Le()({ ourProps: u, theirProps: s, slot: c, defaultTag: Zd, name: i.name || "Description" });
 }
-let th = Se(eh), oc = Object.assign(th, {});
+let th = ke(eh), oc = Object.assign(th, {});
 var sc = ((e) => (e.Space = " ", e.Enter = "Enter", e.Escape = "Escape", e.Backspace = "Backspace", e.Delete = "Delete", e.ArrowLeft = "ArrowLeft", e.ArrowUp = "ArrowUp", e.ArrowRight = "ArrowRight", e.ArrowDown = "ArrowDown", e.Home = "Home", e.End = "End", e.PageUp = "PageUp", e.PageDown = "PageDown", e.Tab = "Tab", e))(sc || {});
 let oo = Ne(null);
 oo.displayName = "LabelContext";
 function ic() {
-  let e = Pe(oo);
+  let e = Se(oo);
   if (e === null) {
     let t = new Error("You used a <Label /> component, but it is not inside a relevant parent.");
     throw Error.captureStackTrace && Error.captureStackTrace(t, ic), t;
@@ -5514,11 +5514,11 @@ function ic() {
 }
 function ac(e) {
   var t, n, r;
-  let o = (n = (t = Pe(oo)) == null ? void 0 : t.value) != null ? n : void 0;
+  let o = (n = (t = Se(oo)) == null ? void 0 : t.value) != null ? n : void 0;
   return ((r = void 0) != null ? r : 0) > 0 ? [o, ...e].filter(Boolean).join(" ") : o;
 }
 function nh({ inherit: e = !1 } = {}) {
-  let t = ac(), [n, r] = pe([]), o = e ? [t, ...n].filter(Boolean) : n;
+  let t = ac(), [n, r] = he([]), o = e ? [t, ...n].filter(Boolean) : n;
   return [o.length > 0 ? o.join(" ") : void 0, de(() => function(s) {
     let i = ue((l) => (r((c) => [...c, l]), () => r((c) => {
       let u = c.slice(), f = u.indexOf(l);
@@ -5531,10 +5531,10 @@ let rh = "label";
 function oh(e, t) {
   var n;
   let r = qt(), o = ic(), s = Jl(), i = no(), { id: a = `headlessui-label-${r}`, htmlFor: l = s ?? ((n = o.props) == null ? void 0 : n.htmlFor), passive: c = !1, ...u } = e, f = Xe(t);
-  Oe(() => o.register(a), [a, o.register]);
-  let h = ue((g) => {
-    let w = g.currentTarget;
-    if (!(g.target !== g.currentTarget && Qd(g.target)) && (ji(w) && g.preventDefault(), o.props && "onClick" in o.props && typeof o.props.onClick == "function" && o.props.onClick(g), ji(w))) {
+  Pe(() => o.register(a), [a, o.register]);
+  let h = ue((b) => {
+    let w = b.currentTarget;
+    if (!(b.target !== b.currentTarget && Qd(b.target)) && (ji(w) && b.preventDefault(), o.props && "onClick" in o.props && typeof o.props.onClick == "function" && o.props.onClick(b), ji(w))) {
       let x = document.getElementById(w.htmlFor);
       if (x) {
         let y = x.getAttribute("disabled");
@@ -5544,10 +5544,10 @@ function oh(e, t) {
         (ec(x) && (x.type === "file" || x.type === "radio" || x.type === "checkbox") || x.role === "radio" || x.role === "checkbox" || x.role === "switch") && x.click(), x.focus({ preventScroll: !0 });
       }
     }
-  }), d = i || !1, b = de(() => ({ ...o.slot, disabled: d }), [o.slot, d]), m = { ref: f, ...o.props, id: a, htmlFor: l, onClick: h };
-  return c && ("onClick" in m && (delete m.htmlFor, delete m.onClick), "onClick" in u && delete u.onClick), Le()({ ourProps: m, theirProps: u, slot: b, defaultTag: l ? rh : "div", name: o.name || "Label" });
+  }), d = i || !1, g = de(() => ({ ...o.slot, disabled: d }), [o.slot, d]), m = { ref: f, ...o.props, id: a, htmlFor: l, onClick: h };
+  return c && ("onClick" in m && (delete m.htmlFor, delete m.onClick), "onClick" in u && delete u.onClick), Le()({ ourProps: m, theirProps: u, slot: g, defaultTag: l ? rh : "div", name: o.name || "Label" });
 }
-let sh = Se(oh), ih = Object.assign(sh, {}), ah = Ne(() => {
+let sh = ke(oh), ih = Object.assign(sh, {}), ah = Ne(() => {
 });
 function lh({ value: e, children: t }) {
   return j.createElement(ah.Provider, { value: e }, t);
@@ -5666,15 +5666,15 @@ function yh() {
   return $o.useSyncExternalStoreWithSelector = function(l, c, u, f, h) {
     var d = o(null);
     if (d.current === null) {
-      var b = { hasValue: !1, value: null };
-      d.current = b;
-    } else b = d.current;
+      var g = { hasValue: !1, value: null };
+      d.current = g;
+    } else g = d.current;
     d = i(
       function() {
-        function g(v) {
+        function b(v) {
           if (!w) {
-            if (w = !0, x = v, v = f(v), h !== void 0 && b.hasValue) {
-              var N = b.value;
+            if (w = !0, x = v, v = f(v), h !== void 0 && g.hasValue) {
+              var N = g.value;
               if (h(N, v))
                 return y = N;
             }
@@ -5687,10 +5687,10 @@ function yh() {
         var w = !1, x, y, C = u === void 0 ? null : u;
         return [
           function() {
-            return g(c());
+            return b(c());
           },
           C === null ? void 0 : function() {
-            return g(C());
+            return b(C());
           }
         ];
       },
@@ -5699,7 +5699,7 @@ function yh() {
     var m = r(l, d[0], d[1]);
     return s(
       function() {
-        b.hasValue = !0, b.value = m;
+        g.hasValue = !0, g.value = m;
       },
       [m]
     ), a(m), m;
@@ -5726,15 +5726,15 @@ function wh() {
     Io.useSyncExternalStoreWithSelector = function(l, c, u, f, h) {
       var d = o(null);
       if (d.current === null) {
-        var b = { hasValue: !1, value: null };
-        d.current = b;
-      } else b = d.current;
+        var g = { hasValue: !1, value: null };
+        d.current = g;
+      } else g = d.current;
       d = i(
         function() {
-          function g(v) {
+          function b(v) {
             if (!w) {
-              if (w = !0, x = v, v = f(v), h !== void 0 && b.hasValue) {
-                var N = b.value;
+              if (w = !0, x = v, v = f(v), h !== void 0 && g.hasValue) {
+                var N = g.value;
                 if (h(N, v))
                   return y = N;
               }
@@ -5748,10 +5748,10 @@ function wh() {
           var w = !1, x, y, C = u === void 0 ? null : u;
           return [
             function() {
-              return g(c());
+              return b(c());
             },
             C === null ? void 0 : function() {
-              return g(C());
+              return b(C());
             }
           ];
         },
@@ -5760,7 +5760,7 @@ function wh() {
       var m = r(l, d[0], d[1]);
       return s(
         function() {
-          b.hasValue = !0, b.value = m;
+          g.hasValue = !0, g.value = m;
         },
         [m]
       ), a(m), m;
@@ -5779,8 +5779,8 @@ function Ch(e) {
   return e;
 }
 function yr(e, t) {
-  let n = qt(), r = dc.get(t), [o, s] = hc(r, ye((i) => [r.selectors.isTop(i, n), r.selectors.inStack(i, n)], [r, n]));
-  return Oe(() => {
+  let n = qt(), r = dc.get(t), [o, s] = hc(r, we((i) => [r.selectors.isTop(i, n), r.selectors.inStack(i, n)], [r, n]));
+  return Pe(() => {
     if (e) return r.actions.push(n), () => r.actions.pop(n);
   }, [r, e, n]), e ? s ? o : !0 : !1;
 }
@@ -5799,7 +5799,7 @@ function Gi(e) {
 }
 function Th(e, { allowed: t, disallowed: n } = {}) {
   let r = yr(e, "inert-others");
-  Oe(() => {
+  Pe(() => {
     var o, s;
     if (!r) return;
     let i = wt();
@@ -5823,7 +5823,7 @@ function Oh(e, t, n) {
     let s = o.getBoundingClientRect();
     s.x === 0 && s.y === 0 && s.width === 0 && s.height === 0 && n();
   });
-  Te(() => {
+  Ee(() => {
     if (!e) return;
     let o = t === null ? null : zt(t) ? t : t.current;
     if (!o) return;
@@ -5885,7 +5885,7 @@ function Nh(e, t = (n) => n) {
 }
 function nr(e, t, { sorted: n = !0, relativeTo: r = null, skipElements: o = [] } = {}) {
   let s = Array.isArray(e) ? e.length > 0 ? e[0].ownerDocument : document : e.ownerDocument, i = Array.isArray(e) ? n ? Nh(e) : e : t & 64 ? Ah(e) : kh(e);
-  o.length > 0 && i.length > 1 && (i = i.filter((d) => !o.some((b) => b != null && "current" in b ? (b == null ? void 0 : b.current) === d : b === d))), r = r ?? s.activeElement;
+  o.length > 0 && i.length > 1 && (i = i.filter((d) => !o.some((g) => g != null && "current" in g ? (g == null ? void 0 : g.current) === d : g === d))), r = r ?? s.activeElement;
   let a = (() => {
     if (t & 5) return 1;
     if (t & 10) return -1;
@@ -5920,7 +5920,7 @@ function Yi() {
 }
 function $r(e, t, n, r) {
   let o = pn(n);
-  Te(() => {
+  Ee(() => {
     if (!e) return;
     function s(i) {
       o.current(i);
@@ -5930,7 +5930,7 @@ function $r(e, t, n, r) {
 }
 function gc(e, t, n, r) {
   let o = pn(n);
-  Te(() => {
+  Ee(() => {
     if (!e) return;
     function s(i) {
       o.current(i);
@@ -5940,7 +5940,7 @@ function gc(e, t, n, r) {
 }
 const Ki = 30;
 function Mh(e, t, n) {
-  let r = pn(n), o = ye(function(a, l) {
+  let r = pn(n), o = we(function(a, l) {
     if (a.defaultPrevented) return;
     let c = l(a);
     if (c === null || !c.getRootNode().contains(c) || !c.isConnected) return;
@@ -5971,7 +5971,7 @@ function so(...e) {
 }
 function bc(e, t, n, r) {
   let o = pn(n);
-  Te(() => {
+  Ee(() => {
     e = e ?? window;
     function s(i) {
       o.current(i);
@@ -6082,7 +6082,7 @@ Xt.subscribe(() => {
 });
 function Bh(e, t, n = () => ({ containers: [] })) {
   let r = _h(Xt), o = t ? r.get(t) : void 0, s = o ? o.count > 0 : !1;
-  return Oe(() => {
+  return Pe(() => {
     if (!(!t || !e)) return Xt.dispatch("PUSH", t, n), () => Xt.dispatch("POP", t, n);
   }, [e, t]), s;
 }
@@ -6094,7 +6094,7 @@ function Wh(e, t, n = () => [document.body]) {
   });
 }
 function qh(e = 0) {
-  let [t, n] = pe(e), r = ye((l) => n(l), [t]), o = ye((l) => n((c) => c | l), [t]), s = ye((l) => (t & l) === l, [t]), i = ye((l) => n((c) => c & ~l), [n]), a = ye((l) => n((c) => c ^ l), [n]);
+  let [t, n] = he(e), r = we((l) => n(l), [t]), o = we((l) => n((c) => c | l), [t]), s = we((l) => (t & l) === l, [t]), i = we((l) => n((c) => c & ~l), [n]), a = we((l) => n((c) => c ^ l), [n]);
   return { flags: t, setFlag: r, addFlag: o, hasFlag: s, removeFlag: i, toggleFlag: a };
 }
 var Qi, Xi;
@@ -6109,8 +6109,8 @@ function Gh(e) {
   return t;
 }
 function Yh(e, t, n, r) {
-  let [o, s] = pe(n), { hasFlag: i, addFlag: a, removeFlag: l } = qh(e && o ? 3 : 0), c = oe(!1), u = oe(!1), f = oi();
-  return Oe(() => {
+  let [o, s] = he(n), { hasFlag: i, addFlag: a, removeFlag: l } = qh(e && o ? 3 : 0), c = oe(!1), u = oe(!1), f = oi();
+  return Pe(() => {
     var h;
     if (e) {
       if (n && s(!0), !t) {
@@ -6159,7 +6159,7 @@ function Xh(e, { inFlight: t, prepare: n }) {
 }
 function si(e, t) {
   let n = oe([]), r = ue(e);
-  Te(() => {
+  Ee(() => {
     let o = [...n.current];
     for (let [s, i] of t.entries()) if (n.current[s] !== i) {
       let a = r(t, o);
@@ -6378,10 +6378,10 @@ const op = async (e, t, n) => {
   }), {
     x: u,
     y: f
-  } = Zi(c, r, l), h = r, d = {}, b = 0;
+  } = Zi(c, r, l), h = r, d = {}, g = 0;
   for (let m = 0; m < a.length; m++) {
     const {
-      name: g,
+      name: b,
       fn: w
     } = a[m], {
       x,
@@ -6404,11 +6404,11 @@ const op = async (e, t, n) => {
     });
     u = x ?? u, f = y ?? f, d = {
       ...d,
-      [g]: {
-        ...d[g],
+      [b]: {
+        ...d[b],
         ...C
       }
-    }, v && b <= 50 && (b++, typeof v == "object" && (v.placement && (h = v.placement), v.rects && (c = v.rects === !0 ? await i.getElementRects({
+    }, v && g <= 50 && (g++, typeof v == "object" && (v.placement && (h = v.placement), v.rects && (c = v.rects === !0 ? await i.getElementRects({
       reference: e,
       floating: t,
       strategy: o
@@ -6473,10 +6473,10 @@ function cr(e, t, n, r) {
   let l = (o.left + a.x) / i.x, c = (o.top + a.y) / i.y, u = o.width / i.x, f = o.height / i.y;
   if (s) {
     const h = De(s), d = r && ve(r) ? De(r) : r;
-    let b = h, m = Cs(b);
-    for (; m && r && d !== b; ) {
-      const g = Cn(m), w = m.getBoundingClientRect(), x = We(m), y = w.left + (m.clientLeft + parseFloat(x.paddingLeft)) * g.x, C = w.top + (m.clientTop + parseFloat(x.paddingTop)) * g.y;
-      l *= g.x, c *= g.y, u *= g.x, f *= g.y, l += y, c += C, b = De(m), m = Cs(b);
+    let g = h, m = Cs(g);
+    for (; m && r && d !== g; ) {
+      const b = Cn(m), w = m.getBoundingClientRect(), x = We(m), y = w.left + (m.clientLeft + parseFloat(x.paddingLeft)) * b.x, C = w.top + (m.clientTop + parseFloat(x.paddingTop)) * b.y;
+      l *= b.x, c *= b.y, u *= b.x, f *= b.y, l += y, c += C, g = De(m), m = Cs(g);
     }
   }
   return Ec({
@@ -6762,7 +6762,7 @@ function na(e, t) {
   return Math.round(t * n) / n;
 }
 function No(e) {
-  const t = R.useRef(e);
+  const t = $.useRef(e);
   return _r(() => {
     t.current = e;
   }), t;
@@ -6781,20 +6781,20 @@ function Ep(e) {
     transform: a = !0,
     whileElementsMounted: l,
     open: c
-  } = e, [u, f] = R.useState({
+  } = e, [u, f] = $.useState({
     x: 0,
     y: 0,
     strategy: n,
     placement: t,
     middlewareData: {},
     isPositioned: !1
-  }), [h, d] = R.useState(r);
+  }), [h, d] = $.useState(r);
   Kr(h, r) || d(r);
-  const [b, m] = R.useState(null), [g, w] = R.useState(null), x = R.useCallback((O) => {
+  const [g, m] = $.useState(null), [b, w] = $.useState(null), x = $.useCallback((O) => {
     O !== N.current && (N.current = O, m(O));
-  }, []), y = R.useCallback((O) => {
+  }, []), y = $.useCallback((O) => {
     O !== q.current && (q.current = O, w(O));
-  }, []), C = s || b, v = i || g, N = R.useRef(null), q = R.useRef(null), k = R.useRef(u), B = l != null, G = No(l), ce = No(o), fe = No(c), se = R.useCallback(() => {
+  }, []), C = s || g, v = i || b, N = $.useRef(null), q = $.useRef(null), k = $.useRef(u), B = l != null, G = No(l), ce = No(o), fe = No(c), se = $.useCallback(() => {
     if (!N.current || !q.current)
       return;
     const O = {
@@ -6811,7 +6811,7 @@ function Ep(e) {
         // setting it to `true` when `open === false` (must be specified).
         isPositioned: fe.current !== !1
       };
-      he.current && !Kr(k.current, E) && (k.current = E, Bu.flushSync(() => {
+      pe.current && !Kr(k.current, E) && (k.current = E, Bu.flushSync(() => {
         f(E);
       }));
     });
@@ -6822,9 +6822,9 @@ function Ep(e) {
       isPositioned: !1
     })));
   }, [c]);
-  const he = R.useRef(!1);
-  _r(() => (he.current = !0, () => {
-    he.current = !1;
+  const pe = $.useRef(!1);
+  _r(() => (pe.current = !0, () => {
+    pe.current = !1;
   }), []), _r(() => {
     if (C && (N.current = C), v && (q.current = v), C && v) {
       if (G.current)
@@ -6832,15 +6832,15 @@ function Ep(e) {
       se();
     }
   }, [C, v, se, G, B]);
-  const W = R.useMemo(() => ({
+  const W = $.useMemo(() => ({
     reference: N,
     floating: q,
     setReference: x,
     setFloating: y
-  }), [x, y]), Y = R.useMemo(() => ({
+  }), [x, y]), Y = $.useMemo(() => ({
     reference: C,
     floating: v
-  }), [C, v]), ne = R.useMemo(() => {
+  }), [C, v]), ne = $.useMemo(() => {
     const O = {
       position: n,
       left: 0,
@@ -6861,7 +6861,7 @@ function Ep(e) {
       top: E
     };
   }, [n, a, Y.floating, u.x, u.y]);
-  return R.useMemo(() => ({
+  return $.useMemo(() => ({
     ...u,
     update: se,
     refs: W,
@@ -6873,7 +6873,7 @@ let uo = Ne(null);
 uo.displayName = "OpenClosedContext";
 var Ye = ((e) => (e[e.Open = 1] = "Open", e[e.Closed = 2] = "Closed", e[e.Closing = 4] = "Closing", e[e.Opening = 8] = "Opening", e))(Ye || {});
 function fo() {
-  return Pe(uo);
+  return Se(uo);
 }
 function Cp({ value: e, children: t }) {
   return j.createElement(uo.Provider, { value: e }, t);
@@ -6898,7 +6898,7 @@ Op(() => {
 });
 function Rc(e) {
   let t = ue(e), n = oe(!1);
-  Te(() => (n.current = !1, () => {
+  Ee(() => (n.current = !1, () => {
     n.current = !0, to(() => {
       n.current && t();
     });
@@ -6906,24 +6906,24 @@ function Rc(e) {
 }
 function Pp() {
   let e = typeof document > "u";
-  return "useSyncExternalStore" in R ? ((t) => t.useSyncExternalStore)(R)(() => () => {
+  return "useSyncExternalStore" in $ ? ((t) => t.useSyncExternalStore)($)(() => () => {
   }, () => !1, () => !e) : !1;
 }
 function xr() {
-  let e = Pp(), [t, n] = R.useState(ln.isHandoffComplete);
-  return t && ln.isHandoffComplete === !1 && n(!1), R.useEffect(() => {
+  let e = Pp(), [t, n] = $.useState(ln.isHandoffComplete);
+  return t && ln.isHandoffComplete === !1 && n(!1), $.useEffect(() => {
     t !== !0 && n(!0);
-  }, [t]), R.useEffect(() => ln.handoff(), []), e ? !1 : t;
+  }, [t]), $.useEffect(() => ln.handoff(), []), e ? !1 : t;
 }
 let $c = Ne(!1);
 function Sp() {
-  return Pe($c);
+  return Se($c);
 }
 function ra(e) {
   return j.createElement($c.Provider, { value: e.force }, e.children);
 }
 function kp(e) {
-  let t = Sp(), n = Pe(Fc), [r, o] = pe(() => {
+  let t = Sp(), n = Se(Fc), [r, o] = he(() => {
     var s;
     if (!t && n !== null) return (s = n.current) != null ? s : null;
     if (ln.isServer) return null;
@@ -6933,22 +6933,22 @@ function kp(e) {
     let a = e.createElement("div");
     return a.setAttribute("id", "headlessui-portal-root"), e.body.appendChild(a);
   });
-  return Te(() => {
+  return Ee(() => {
     r !== null && (e != null && e.body.contains(r) || e == null || e.body.appendChild(r));
-  }, [r, e]), Te(() => {
+  }, [r, e]), Ee(() => {
     t || n !== null && o(n.current);
   }, [n, o, t]), r;
 }
-let Ic = Ke, Ap = Se(function(e, t) {
+let Ic = Ke, Ap = ke(function(e, t) {
   let { ownerDocument: n = null, ...r } = e, o = oe(null), s = Xe(Xd((d) => {
     o.current = d;
-  }), t), i = so(o), a = n ?? i, l = kp(a), [c] = pe(() => {
+  }), t), i = so(o), a = n ?? i, l = kp(a), [c] = he(() => {
     var d;
     return ln.isServer ? null : (d = a == null ? void 0 : a.createElement("div")) != null ? d : null;
-  }), u = Pe(Ts), f = xr();
-  Oe(() => {
+  }), u = Se(Ts), f = xr();
+  Pe(() => {
     !l || !c || l.contains(c) || (c.setAttribute("data-headlessui-portal", ""), l.appendChild(c));
-  }, [l, c]), Oe(() => {
+  }, [l, c]), Pe(() => {
     if (c && u) return u.register(c);
   }, [u, c]), Rc(() => {
     var d;
@@ -6968,7 +6968,7 @@ function Ip(e, t) {
 }
 let Ts = Ne(null);
 function Fp() {
-  let e = Pe(Ts), t = oe([]), n = ue((s) => (t.current.push(s), e && e.register(s), () => r(s))), r = ue((s) => {
+  let e = Se(Ts), t = oe([]), n = ue((s) => (t.current.push(s), e && e.register(s), () => r(s))), r = ue((s) => {
     let i = t.current.indexOf(s);
     i !== -1 && t.current.splice(i, 1), e && e.unregister(s);
   }), o = de(() => ({ register: n, unregister: r, portals: t }), [n, r, t]);
@@ -6976,7 +6976,7 @@ function Fp() {
     return j.createElement(Ts.Provider, { value: o }, s);
   }, [o])];
 }
-let Np = Se(Rp), Nc = Se(Ip), Lp = Object.assign(Np, { Group: Nc });
+let Np = ke(Rp), Nc = ke(Ip), Lp = Object.assign(Np, { Group: Nc });
 function Mp(e, t = typeof document < "u" ? document.defaultView : null, n) {
   let r = yr(e, "escape");
   bc(t, "keydown", (o) => {
@@ -6985,8 +6985,8 @@ function Mp(e, t = typeof document < "u" ? document.defaultView : null, n) {
 }
 function _p() {
   var e;
-  let [t] = pe(() => typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia("(pointer: coarse)") : null), [n, r] = pe((e = t == null ? void 0 : t.matches) != null ? e : !1);
-  return Oe(() => {
+  let [t] = he(() => typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia("(pointer: coarse)") : null), [n, r] = he((e = t == null ? void 0 : t.matches) != null ? e : !1);
+  return Pe(() => {
     if (!t) return;
     function o(s) {
       r(s.matches);
@@ -7007,7 +7007,7 @@ function Dp({ defaultContainers: e = [], portals: t, mainTreeNode: n } = {}) {
 }
 let Lc = Ne(null);
 function oa({ children: e, node: t }) {
-  let [n, r] = pe(null), o = Mc(t ?? n);
+  let [n, r] = he(null), o = Mc(t ?? n);
   return j.createElement(Lc.Provider, { value: o }, e, o === null && j.createElement(Vr, { features: lr.Hidden, ref: (s) => {
     var i, a;
     if (s) {
@@ -7020,11 +7020,11 @@ function oa({ children: e, node: t }) {
 }
 function Mc(e = null) {
   var t;
-  return (t = Pe(Lc)) != null ? t : e;
+  return (t = Se(Lc)) != null ? t : e;
 }
 function li() {
   let e = oe(!1);
-  return Oe(() => (e.current = !0, () => {
+  return Pe(() => (e.current = !0, () => {
     e.current = !1;
   }), []), e;
 }
@@ -7061,8 +7061,8 @@ function Hp(e, t) {
         nr(y, ct.Last, { skipElements: [x.relatedTarget, s] });
       } });
     });
-  }), d = yr(!!(a & 2), "focus-trap#tab-lock"), b = oi(), m = oe(!1), g = { ref: r, onKeyDown(x) {
-    x.key == "Tab" && (m.current = !0, b.requestAnimationFrame(() => {
+  }), d = yr(!!(a & 2), "focus-trap#tab-lock"), g = oi(), m = oe(!1), b = { ref: r, onKeyDown(x) {
+    x.key == "Tab" && (m.current = !0, g.requestAnimationFrame(() => {
       m.current = !1;
     }));
   }, onBlur(x) {
@@ -7072,9 +7072,9 @@ function Hp(e, t) {
     let C = x.relatedTarget;
     Dt(C) && C.dataset.headlessuiFocusGuard !== "true" && (Dc(y, C) || (m.current ? nr(n.current, mt(f.current, { [Xn.Forwards]: () => ct.Next, [Xn.Backwards]: () => ct.Previous }) | ct.WrapAround, { relativeTo: x.target }) : Dt(x.target) && dt(x.target)));
   } }, w = Le();
-  return j.createElement(j.Fragment, null, d && j.createElement(Vr, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: h, features: lr.Focusable }), w({ ourProps: g, theirProps: l, defaultTag: zp, name: "FocusTrap" }), d && j.createElement(Vr, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: h, features: lr.Focusable }));
+  return j.createElement(j.Fragment, null, d && j.createElement(Vr, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: h, features: lr.Focusable }), w({ ourProps: b, theirProps: l, defaultTag: zp, name: "FocusTrap" }), d && j.createElement(Vr, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: h, features: lr.Focusable }));
 }
-let Up = Se(Hp), Bp = Object.assign(Up, { features: Kt });
+let Up = ke(Hp), Bp = Object.assign(Up, { features: Kt });
 function Wp(e = !0) {
   let t = oe(Pt.slice());
   return si(([n], [r]) => {
@@ -7151,12 +7151,12 @@ let ho = Ne(null);
 ho.displayName = "TransitionContext";
 var Yp = ((e) => (e.Visible = "visible", e.Hidden = "hidden", e))(Yp || {});
 function Kp() {
-  let e = Pe(ho);
+  let e = Se(ho);
   if (e === null) throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");
   return e;
 }
 function Qp() {
-  let e = Pe(po);
+  let e = Se(po);
   if (e === null) throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");
   return e;
 }
@@ -7166,52 +7166,52 @@ function mo(e) {
   return "children" in e ? mo(e.children) : e.current.filter(({ el: t }) => t.current !== null).filter(({ state: t }) => t === "visible").length > 0;
 }
 function zc(e, t) {
-  let n = pn(e), r = oe([]), o = li(), s = oi(), i = ue((d, b = _t.Hidden) => {
-    let m = r.current.findIndex(({ el: g }) => g === d);
-    m !== -1 && (mt(b, { [_t.Unmount]() {
+  let n = pn(e), r = oe([]), o = li(), s = oi(), i = ue((d, g = _t.Hidden) => {
+    let m = r.current.findIndex(({ el: b }) => b === d);
+    m !== -1 && (mt(g, { [_t.Unmount]() {
       r.current.splice(m, 1);
     }, [_t.Hidden]() {
       r.current[m].state = "hidden";
     } }), s.microTask(() => {
-      var g;
-      !mo(r) && o.current && ((g = n.current) == null || g.call(n));
+      var b;
+      !mo(r) && o.current && ((b = n.current) == null || b.call(n));
     }));
   }), a = ue((d) => {
-    let b = r.current.find(({ el: m }) => m === d);
-    return b ? b.state !== "visible" && (b.state = "visible") : r.current.push({ el: d, state: "visible" }), () => i(d, _t.Unmount);
-  }), l = oe([]), c = oe(Promise.resolve()), u = oe({ enter: [], leave: [] }), f = ue((d, b, m) => {
-    l.current.splice(0), t && (t.chains.current[b] = t.chains.current[b].filter(([g]) => g !== d)), t == null || t.chains.current[b].push([d, new Promise((g) => {
-      l.current.push(g);
-    })]), t == null || t.chains.current[b].push([d, new Promise((g) => {
-      Promise.all(u.current[b].map(([w, x]) => x)).then(() => g());
-    })]), b === "enter" ? c.current = c.current.then(() => t == null ? void 0 : t.wait.current).then(() => m(b)) : m(b);
-  }), h = ue((d, b, m) => {
-    Promise.all(u.current[b].splice(0).map(([g, w]) => w)).then(() => {
-      var g;
-      (g = l.current.shift()) == null || g();
-    }).then(() => m(b));
+    let g = r.current.find(({ el: m }) => m === d);
+    return g ? g.state !== "visible" && (g.state = "visible") : r.current.push({ el: d, state: "visible" }), () => i(d, _t.Unmount);
+  }), l = oe([]), c = oe(Promise.resolve()), u = oe({ enter: [], leave: [] }), f = ue((d, g, m) => {
+    l.current.splice(0), t && (t.chains.current[g] = t.chains.current[g].filter(([b]) => b !== d)), t == null || t.chains.current[g].push([d, new Promise((b) => {
+      l.current.push(b);
+    })]), t == null || t.chains.current[g].push([d, new Promise((b) => {
+      Promise.all(u.current[g].map(([w, x]) => x)).then(() => b());
+    })]), g === "enter" ? c.current = c.current.then(() => t == null ? void 0 : t.wait.current).then(() => m(g)) : m(g);
+  }), h = ue((d, g, m) => {
+    Promise.all(u.current[g].splice(0).map(([b, w]) => w)).then(() => {
+      var b;
+      (b = l.current.shift()) == null || b();
+    }).then(() => m(g));
   });
   return de(() => ({ children: r, register: a, unregister: i, onStart: f, onStop: h, wait: c, chains: u }), [a, i, r, f, h, u, c]);
 }
 let Hc = Ke, Uc = qr.RenderStrategy;
 function Xp(e, t) {
   var n, r;
-  let { transition: o = !0, beforeEnter: s, afterEnter: i, beforeLeave: a, afterLeave: l, enter: c, enterFrom: u, enterTo: f, entered: h, leave: d, leaveFrom: b, leaveTo: m, ...g } = e, [w, x] = pe(null), y = oe(null), C = jc(e), v = Xe(...C ? [y, t, x] : t === null ? [] : [t]), N = (n = g.unmount) == null || n ? _t.Unmount : _t.Hidden, { show: q, appear: k, initial: B } = Kp(), [G, ce] = pe(q ? "visible" : "hidden"), fe = Qp(), { register: se, unregister: he } = fe;
-  Oe(() => se(y), [se, y]), Oe(() => {
+  let { transition: o = !0, beforeEnter: s, afterEnter: i, beforeLeave: a, afterLeave: l, enter: c, enterFrom: u, enterTo: f, entered: h, leave: d, leaveFrom: g, leaveTo: m, ...b } = e, [w, x] = he(null), y = oe(null), C = jc(e), v = Xe(...C ? [y, t, x] : t === null ? [] : [t]), N = (n = b.unmount) == null || n ? _t.Unmount : _t.Hidden, { show: q, appear: k, initial: B } = Kp(), [G, ce] = he(q ? "visible" : "hidden"), fe = Qp(), { register: se, unregister: pe } = fe;
+  Pe(() => se(y), [se, y]), Pe(() => {
     if (N === _t.Hidden && y.current) {
       if (q && G !== "visible") {
         ce("visible");
         return;
       }
-      return mt(G, { hidden: () => he(y), visible: () => se(y) });
+      return mt(G, { hidden: () => pe(y), visible: () => se(y) });
     }
-  }, [G, y, se, he, q, N]);
+  }, [G, y, se, pe, q, N]);
   let W = xr();
-  Oe(() => {
+  Pe(() => {
     if (C && W && G === "visible" && y.current === null) throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
   }, [y, G, W, C]);
   let Y = B && !k, ne = k && q && B, O = oe(!1), V = zc(() => {
-    O.current || (ce("hidden"), he(y));
+    O.current || (ce("hidden"), pe(y));
   }, fe), E = ue((I) => {
     O.current = !0;
     let Q = I ? "enter" : "leave";
@@ -7222,52 +7222,52 @@ function Xp(e, t) {
     let Q = I ? "enter" : "leave";
     O.current = !1, V.onStop(y, Q, (X) => {
       X === "enter" ? i == null || i() : X === "leave" && (l == null || l());
-    }), Q === "leave" && !mo(V) && (ce("hidden"), he(y));
+    }), Q === "leave" && !mo(V) && (ce("hidden"), pe(y));
   });
-  Te(() => {
+  Ee(() => {
     C && o || (E(q), P(q));
   }, [q, C, o]);
-  let U = !(!o || !C || !W || Y), [, S] = Yh(U, w, q, { start: E, end: P }), _ = Yt({ ref: v, className: ((r = ys(g.className, ne && c, ne && u, S.enter && c, S.enter && S.closed && u, S.enter && !S.closed && f, S.leave && d, S.leave && !S.closed && b, S.leave && S.closed && m, !S.transition && q && h)) == null ? void 0 : r.trim()) || void 0, ...Gh(S) }), K = 0;
+  let U = !(!o || !C || !W || Y), [, S] = Yh(U, w, q, { start: E, end: P }), _ = Yt({ ref: v, className: ((r = ys(b.className, ne && c, ne && u, S.enter && c, S.enter && S.closed && u, S.enter && !S.closed && f, S.leave && d, S.leave && !S.closed && g, S.leave && S.closed && m, !S.transition && q && h)) == null ? void 0 : r.trim()) || void 0, ...Gh(S) }), K = 0;
   G === "visible" && (K |= Ye.Open), G === "hidden" && (K |= Ye.Closed), q && G === "hidden" && (K |= Ye.Opening), !q && G === "visible" && (K |= Ye.Closing);
   let z = Le();
-  return j.createElement(po.Provider, { value: V }, j.createElement(Cp, { value: K }, z({ ourProps: _, theirProps: g, defaultTag: Hc, features: Uc, visible: G === "visible", name: "Transition.Child" })));
+  return j.createElement(po.Provider, { value: V }, j.createElement(Cp, { value: K }, z({ ourProps: _, theirProps: b, defaultTag: Hc, features: Uc, visible: G === "visible", name: "Transition.Child" })));
 }
 function Jp(e, t) {
   let { show: n, appear: r = !1, unmount: o = !0, ...s } = e, i = oe(null), a = jc(e), l = Xe(...a ? [i, t] : t === null ? [] : [t]);
   xr();
   let c = fo();
   if (n === void 0 && c !== null && (n = (c & Ye.Open) === Ye.Open), n === void 0) throw new Error("A <Transition /> is used but it is missing a `show={true | false}` prop.");
-  let [u, f] = pe(n ? "visible" : "hidden"), h = zc(() => {
+  let [u, f] = he(n ? "visible" : "hidden"), h = zc(() => {
     n || f("hidden");
-  }), [d, b] = pe(!0), m = oe([n]);
-  Oe(() => {
-    d !== !1 && m.current[m.current.length - 1] !== n && (m.current.push(n), b(!1));
+  }), [d, g] = he(!0), m = oe([n]);
+  Pe(() => {
+    d !== !1 && m.current[m.current.length - 1] !== n && (m.current.push(n), g(!1));
   }, [m, n]);
-  let g = de(() => ({ show: n, appear: r, initial: d }), [n, r, d]);
-  Oe(() => {
+  let b = de(() => ({ show: n, appear: r, initial: d }), [n, r, d]);
+  Pe(() => {
     n ? f("visible") : !mo(h) && i.current !== null && f("hidden");
   }, [n, h]);
   let w = { unmount: o }, x = ue(() => {
     var v;
-    d && b(!1), (v = e.beforeEnter) == null || v.call(e);
+    d && g(!1), (v = e.beforeEnter) == null || v.call(e);
   }), y = ue(() => {
     var v;
-    d && b(!1), (v = e.beforeLeave) == null || v.call(e);
+    d && g(!1), (v = e.beforeLeave) == null || v.call(e);
   }), C = Le();
-  return j.createElement(po.Provider, { value: h }, j.createElement(ho.Provider, { value: g }, C({ ourProps: { ...w, as: Ke, children: j.createElement(Bc, { ref: l, ...w, ...s, beforeEnter: x, beforeLeave: y }) }, theirProps: {}, defaultTag: Ke, features: Uc, visible: u === "visible", name: "Transition" })));
+  return j.createElement(po.Provider, { value: h }, j.createElement(ho.Provider, { value: b }, C({ ourProps: { ...w, as: Ke, children: j.createElement(Bc, { ref: l, ...w, ...s, beforeEnter: x, beforeLeave: y }) }, theirProps: {}, defaultTag: Ke, features: Uc, visible: u === "visible", name: "Transition" })));
 }
 function Zp(e, t) {
-  let n = Pe(ho) !== null, r = fo() !== null;
+  let n = Se(ho) !== null, r = fo() !== null;
   return j.createElement(j.Fragment, null, !n && r ? j.createElement(Os, { ref: t, ...e }) : j.createElement(Bc, { ref: t, ...e }));
 }
-let Os = Se(Jp), Bc = Se(Xp), ci = Se(Zp), em = Object.assign(Os, { Child: ci, Root: Os });
+let Os = ke(Jp), Bc = ke(Xp), ci = ke(Zp), em = Object.assign(Os, { Child: ci, Root: Os });
 var tm = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(tm || {}), nm = ((e) => (e[e.SetTitleId = 0] = "SetTitleId", e))(nm || {});
 let rm = { 0(e, t) {
   return e.titleId === t.id ? e : { ...e, titleId: t.id };
 } }, ui = Ne(null);
 ui.displayName = "DialogContext";
 function go(e) {
-  let t = Pe(ui);
+  let t = Se(ui);
   if (t === null) {
     let n = new Error(`<${e} /> is missing a parent <Dialog /> component.`);
     throw Error.captureStackTrace && Error.captureStackTrace(n, go), n;
@@ -7277,38 +7277,38 @@ function go(e) {
 function om(e, t) {
   return mt(t.type, rm, e, t);
 }
-let sa = Se(function(e, t) {
+let sa = ke(function(e, t) {
   let n = qt(), { id: r = `headlessui-dialog-${n}`, open: o, onClose: s, initialFocus: i, role: a = "dialog", autoFocus: l = !0, __demoMode: c = !1, unmount: u = !1, ...f } = e, h = oe(!1);
   a = function() {
     return a === "dialog" || a === "alertdialog" ? a : (h.current || (h.current = !0, console.warn(`Invalid role [${a}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)), "dialog");
   }();
   let d = fo();
   o === void 0 && d !== null && (o = (d & Ye.Open) === Ye.Open);
-  let b = oe(null), m = Xe(b, t), g = so(b), w = o ? 0 : 1, [x, y] = Hu(om, { titleId: null, descriptionId: null, panelRef: Uu() }), C = ue(() => s(!1)), v = ue((S) => y({ type: 0, id: S })), N = xr() ? w === 0 : !1, [q, k] = Fp(), B = { get current() {
+  let g = oe(null), m = Xe(g, t), b = so(g), w = o ? 0 : 1, [x, y] = Hu(om, { titleId: null, descriptionId: null, panelRef: Uu() }), C = ue(() => s(!1)), v = ue((S) => y({ type: 0, id: S })), N = xr() ? w === 0 : !1, [q, k] = Fp(), B = { get current() {
     var S;
-    return (S = x.panelRef.current) != null ? S : b.current;
+    return (S = x.panelRef.current) != null ? S : g.current;
   } }, G = Mc(), { resolveContainers: ce } = Dp({ mainTreeNode: G, portals: q, defaultContainers: [B] }), fe = d !== null ? (d & Ye.Closing) === Ye.Closing : !1;
   Th(c || fe ? !1 : N, { allowed: ue(() => {
     var S, _;
-    return [(_ = (S = b.current) == null ? void 0 : S.closest("[data-headlessui-portal]")) != null ? _ : null];
+    return [(_ = (S = g.current) == null ? void 0 : S.closest("[data-headlessui-portal]")) != null ? _ : null];
   }), disallowed: ue(() => {
     var S;
     return [(S = G == null ? void 0 : G.closest("body > *:not(#headlessui-portal-root)")) != null ? S : null];
   }) });
   let se = dc.get(null);
-  Oe(() => {
+  Pe(() => {
     if (N) return se.actions.push(r), () => se.actions.pop(r);
   }, [se, r, N]);
-  let he = hc(se, ye((S) => se.selectors.isTop(S, r), [se, r]));
-  Mh(he, ce, (S) => {
+  let pe = hc(se, we((S) => se.selectors.isTop(S, r), [se, r]));
+  Mh(pe, ce, (S) => {
     S.preventDefault(), C();
-  }), Mp(he, g == null ? void 0 : g.defaultView, (S) => {
+  }), Mp(pe, b == null ? void 0 : b.defaultView, (S) => {
     S.preventDefault(), S.stopPropagation(), document.activeElement && "blur" in document.activeElement && typeof document.activeElement.blur == "function" && document.activeElement.blur(), C();
-  }), Wh(c || fe ? !1 : N, g, ce), Oh(N, b, C);
+  }), Wh(c || fe ? !1 : N, b, ce), Oh(N, g, C);
   let [W, Y] = rc(), ne = de(() => [{ dialogState: w, close: C, setTitleId: v, unmount: u }, x], [w, x, C, v, u]), O = de(() => ({ open: w === 0 }), [w]), V = { ref: m, id: r, role: a, tabIndex: -1, "aria-modal": c ? void 0 : w === 0 ? !0 : void 0, "aria-labelledby": x.titleId, "aria-describedby": W, unmount: u }, E = !_p(), P = Kt.None;
   N && !c && (P |= Kt.RestoreFocus, P |= Kt.TabLock, l && (P |= Kt.AutoFocus), E && (P |= Kt.InitialFocus));
   let U = Le();
-  return j.createElement(Tp, null, j.createElement(ra, { force: !0 }, j.createElement(Lp, null, j.createElement(ui.Provider, { value: ne }, j.createElement(Nc, { target: b }, j.createElement(ra, { force: !1 }, j.createElement(Y, { slot: O }, j.createElement(k, null, j.createElement(Bp, { initialFocus: i, initialFocusFallback: b, containers: ce, features: P }, j.createElement(lh, { value: C }, U({ ourProps: V, theirProps: f, slot: O, defaultTag: sm, features: im, visible: w === 0, name: "Dialog" })))))))))));
+  return j.createElement(Tp, null, j.createElement(ra, { force: !0 }, j.createElement(Lp, null, j.createElement(ui.Provider, { value: ne }, j.createElement(Nc, { target: g }, j.createElement(ra, { force: !1 }, j.createElement(Y, { slot: O }, j.createElement(k, null, j.createElement(Bp, { initialFocus: i, initialFocusFallback: g, containers: ce, features: P }, j.createElement(lh, { value: C }, U({ ourProps: V, theirProps: f, slot: O, defaultTag: sm, features: im, visible: w === 0, name: "Dialog" })))))))))));
 }), sm = "div", im = qr.RenderStrategy | qr.Static;
 function am(e, t) {
   let { transition: n = !1, open: r, ...o } = e, s = fo(), i = e.hasOwnProperty("open") || s !== null, a = e.hasOwnProperty("onClose");
@@ -7321,10 +7321,10 @@ function am(e, t) {
 }
 let lm = "div";
 function cm(e, t) {
-  let n = qt(), { id: r = `headlessui-dialog-panel-${n}`, transition: o = !1, ...s } = e, [{ dialogState: i, unmount: a }, l] = go("Dialog.Panel"), c = Xe(t, l.panelRef), u = de(() => ({ open: i === 0 }), [i]), f = ue((g) => {
-    g.stopPropagation();
-  }), h = { ref: c, id: r, onClick: f }, d = o ? ci : Ke, b = o ? { unmount: a } : {}, m = Le();
-  return j.createElement(d, { ...b }, m({ ourProps: h, theirProps: s, slot: u, defaultTag: lm, name: "Dialog.Panel" }));
+  let n = qt(), { id: r = `headlessui-dialog-panel-${n}`, transition: o = !1, ...s } = e, [{ dialogState: i, unmount: a }, l] = go("Dialog.Panel"), c = Xe(t, l.panelRef), u = de(() => ({ open: i === 0 }), [i]), f = ue((b) => {
+    b.stopPropagation();
+  }), h = { ref: c, id: r, onClick: f }, d = o ? ci : Ke, g = o ? { unmount: a } : {}, m = Le();
+  return j.createElement(d, { ...g }, m({ ourProps: h, theirProps: s, slot: u, defaultTag: lm, name: "Dialog.Panel" }));
 }
 let um = "div";
 function fm(e, t) {
@@ -7334,21 +7334,21 @@ function fm(e, t) {
 let dm = "h2";
 function hm(e, t) {
   let n = qt(), { id: r = `headlessui-dialog-title-${n}`, ...o } = e, [{ dialogState: s, setTitleId: i }] = go("Dialog.Title"), a = Xe(t);
-  Te(() => (i(r), () => i(null)), [r, i]);
+  Ee(() => (i(r), () => i(null)), [r, i]);
   let l = de(() => ({ open: s === 0 }), [s]), c = { ref: a, id: r };
   return Le()({ ourProps: c, theirProps: o, slot: l, defaultTag: dm, name: "Dialog.Title" });
 }
-let pm = Se(am), Wc = Se(cm), mm = Se(fm), qc = Se(hm), gm = Object.assign(pm, { Panel: Wc, Title: qc, Description: oc }), bm = "div";
+let pm = ke(am), Wc = ke(cm), mm = ke(fm), qc = ke(hm), gm = Object.assign(pm, { Panel: Wc, Title: qc, Description: oc }), bm = "div";
 function vm(e, t) {
   let n = `headlessui-control-${qt()}`, [r, o] = nh(), [s, i] = rc(), a = no(), { disabled: l = a || !1, ...c } = e, u = de(() => ({ disabled: l }), [l]), f = { ref: t, disabled: l || void 0, "aria-disabled": l || void 0 }, h = Le();
   return j.createElement(_d, { value: l }, j.createElement(o, { value: r }, j.createElement(i, { value: s }, j.createElement(Gd, { id: n }, h({ ourProps: f, theirProps: { ...c, children: j.createElement(Vd, null, typeof c.children == "function" ? c.children(u) : c.children) }, slot: u, defaultTag: bm, name: "Field" })))));
 }
-let ym = Se(vm), wm = "input";
+let ym = ke(vm), wm = "input";
 function xm(e, t) {
-  let n = qt(), r = Jl(), o = no(), { id: s = r || `headlessui-input-${n}`, disabled: i = o || !1, autoFocus: a = !1, invalid: l = !1, ...c } = e, u = ac(), f = Jd(), { isFocused: h, focusProps: d } = Fd({ autoFocus: a }), { isHovered: b, hoverProps: m } = Id({ isDisabled: i }), g = Hd({ ref: t, id: s, "aria-labelledby": u, "aria-describedby": f, "aria-invalid": l ? "true" : void 0, disabled: i || void 0, autoFocus: a }, d, m), w = de(() => ({ disabled: i, invalid: l, hover: b, focus: h, autofocus: a }), [i, l, b, h, a]);
-  return Le()({ ourProps: g, theirProps: c, slot: w, defaultTag: wm, name: "Input" });
+  let n = qt(), r = Jl(), o = no(), { id: s = r || `headlessui-input-${n}`, disabled: i = o || !1, autoFocus: a = !1, invalid: l = !1, ...c } = e, u = ac(), f = Jd(), { isFocused: h, focusProps: d } = Fd({ autoFocus: a }), { isHovered: g, hoverProps: m } = Id({ isDisabled: i }), b = Hd({ ref: t, id: s, "aria-labelledby": u, "aria-describedby": f, "aria-invalid": l ? "true" : void 0, disabled: i || void 0, autoFocus: a }, d, m), w = de(() => ({ disabled: i, invalid: l, hover: g, focus: h, autofocus: a }), [i, l, g, h, a]);
+  return Le()({ ourProps: b, theirProps: c, slot: w, defaultTag: wm, name: "Input" });
 }
-let Em = Se(xm);
+let Em = ke(xm);
 const Cm = "whitespace-nowrap font-normal flex items-center justify-center", Tm = "focus:outline focus:outline-3 focus:outline-primary-500/[.3]", Om = "disabled:opacity-15 disabled:pointer-events-none", Vc = (e) => e === "grayLight" || e === "warning", Gc = (e, t) => !t || t === "none" ? "" : e(), Pm = (e, t) => Gc(() => {
   const n = e === "gray400" ? "gray" : e, r = Vc(n) ? "active:text-black" : "active:text-white";
   return e === "primary" ? t ? `bg-${n}-800 text-white` : `hover:bg-${n}-800 active:bg-${n}-800 hover:text-white ${r}` : n === "grayDark" ? t ? "bg-gray-800 text-white" : `hover:bg-gray-800 active:bg-gray-800 hover:text-white ${r}` : n === "grayLight" ? t ? "bg-gray-50 text-black" : `hover:bg-gray-50 active:bg-gray-50 hover:text-black ${r}` : e === "gray400" ? t ? `bg-${n}-500 text-white` : `hover:bg-${n}-500 active:bg-${n}-500 hover:text-white ${r}` : t ? `bg-${n}-700 text-white` : `hover:bg-${n}-600 active:bg-${n}-700 hover:text-white ${r}`;
@@ -7423,8 +7423,8 @@ const Cm = "whitespace-nowrap font-normal flex items-center justify-center", Tm
   ...u
 }, f) => {
   var y;
-  const h = Om, d = /link/.test(o) ? null : Pm(n, e), b = Tm, m = Im[r], g = (y = $m(n, e)) == null ? void 0 : y[o], w = xn(d, g), x = Fm[a];
-  return /* @__PURE__ */ $(
+  const h = Om, d = /link/.test(o) ? null : Pm(n, e), g = Tm, m = Im[r], b = (y = $m(n, e)) == null ? void 0 : y[o], w = xn(d, b), x = Fm[a];
+  return /* @__PURE__ */ R(
     "button",
     {
       ...u,
@@ -7437,7 +7437,7 @@ const Cm = "whitespace-nowrap font-normal flex items-center justify-center", Tm
       ref: f,
       className: xn(
         Cm,
-        b,
+        g,
         h,
         m,
         w,
@@ -7455,7 +7455,7 @@ const Cm = "whitespace-nowrap font-normal flex items-center justify-center", Tm
   dismissOptions: r,
   confirmOptions: o,
   children: s
-}) => /* @__PURE__ */ Ee(
+}) => /* @__PURE__ */ ye(
   gm,
   {
     open: e,
@@ -7463,12 +7463,12 @@ const Cm = "whitespace-nowrap font-normal flex items-center justify-center", Tm
     className: "relative z-50 transition duration-300 ease-out data-closed:opacity-0 confidence-ui",
     transition: !0,
     children: [
-      /* @__PURE__ */ $(mm, { className: "fixed inset-0 bg-black/30" }),
-      /* @__PURE__ */ $("div", { className: "fixed inset-0 flex w-screen items-center justify-center p-4", children: /* @__PURE__ */ Ee(Wc, { className: "max-w-lg divide-y divide-gray-100 bg-white rounded-sm shadow-xl", children: [
-        /* @__PURE__ */ $(qc, { className: " text-gray-900 p-4", children: n }),
-        /* @__PURE__ */ $("div", { className: "p-4", children: s }),
-        r || o ? /* @__PURE__ */ Ee("div", { className: "flex gap-4 justify-end p-4", children: [
-          r ? /* @__PURE__ */ $(
+      /* @__PURE__ */ R(mm, { className: "fixed inset-0 bg-black/30" }),
+      /* @__PURE__ */ R("div", { className: "fixed inset-0 flex w-screen items-center justify-center p-4", children: /* @__PURE__ */ ye(Wc, { className: "max-w-lg divide-y divide-gray-100 bg-white rounded-sm shadow-xl", children: [
+        /* @__PURE__ */ R(qc, { className: " text-gray-900 p-4", children: n }),
+        /* @__PURE__ */ R("div", { className: "p-4", children: s }),
+        r || o ? /* @__PURE__ */ ye("div", { className: "flex gap-4 justify-end p-4", children: [
+          r ? /* @__PURE__ */ R(
             ur,
             {
               onClick: () => {
@@ -7478,8 +7478,8 @@ const Cm = "whitespace-nowrap font-normal flex items-center justify-center", Tm
               color: "secondary",
               children: r.label
             }
-          ) : /* @__PURE__ */ $(ut, {}),
-          o ? /* @__PURE__ */ $(
+          ) : /* @__PURE__ */ R(ut, {}),
+          o ? /* @__PURE__ */ R(
             ur,
             {
               disabled: o.disabled,
@@ -7490,8 +7490,8 @@ const Cm = "whitespace-nowrap font-normal flex items-center justify-center", Tm
               color: "primary",
               children: o.label
             }
-          ) : /* @__PURE__ */ $(ut, {})
-        ] }) : /* @__PURE__ */ $(ut, {})
+          ) : /* @__PURE__ */ R(ut, {})
+        ] }) : /* @__PURE__ */ R(ut, {})
       ] }) })
     ]
   }
@@ -7501,14 +7501,14 @@ const Cm = "whitespace-nowrap font-normal flex items-center justify-center", Tm
   label: n,
   description: r,
   ...o
-}) => /* @__PURE__ */ $("div", { className: "w-full max-w-md px-4", children: /* @__PURE__ */ Ee(ym, { children: [
-  /* @__PURE__ */ $(ih, { className: "font-medium text-gray-900", children: n }),
-  r && /* @__PURE__ */ $(oc, { className: "text-sm text-secondary", children: r }),
-  /* @__PURE__ */ $(
+}) => /* @__PURE__ */ R("div", { className: "w-full max-w-md px-4", children: /* @__PURE__ */ ye(ym, { children: [
+  /* @__PURE__ */ R(ih, { className: "font-medium text-gray-900", children: n }),
+  r && /* @__PURE__ */ R(oc, { className: "text-sm text-secondary", children: r }),
+  /* @__PURE__ */ R(
     Em,
     {
       type: e,
-      className: Ae(
+      className: Oe(
         "mt-3 block w-full rounded-lg  border border-gray-200 px-3 py-1.5 text-sm/6 text-gray-800",
         "focus:not-data-focus:outline-none data-focus:outline-2 data-focus:-outline-offset-2 data-focus:outline-primary-500",
         t
@@ -7522,8 +7522,8 @@ const Cm = "whitespace-nowrap font-normal flex items-center justify-center", Tm
   isOpen: n,
   title: r
 }) => {
-  const [o, s] = pe(""), [i, a] = pe(!1);
-  return /* @__PURE__ */ $(
+  const [o, s] = he(""), [i, a] = he(!1);
+  return /* @__PURE__ */ R(
     Lm,
     {
       title: r || "Initiate Confidence Playbook",
@@ -7544,7 +7544,7 @@ const Cm = "whitespace-nowrap font-normal flex items-center justify-center", Tm
         },
         disabled: i || !o
       },
-      children: /* @__PURE__ */ $(ut, { children: /* @__PURE__ */ $(
+      children: /* @__PURE__ */ R(ut, { children: /* @__PURE__ */ R(
         Mm,
         {
           label: "Email",
@@ -7564,7 +7564,7 @@ const Cm = "whitespace-nowrap font-normal flex items-center justify-center", Tm
   disabled: s,
   btnLabel: i = "Run Playbook"
 }) => {
-  const [a, l] = pe(!1);
+  const [a, l] = he(!1);
   function c() {
     l(!0);
   }
@@ -7572,20 +7572,20 @@ const Cm = "whitespace-nowrap font-normal flex items-center justify-center", Tm
     l(!1);
   }
   const f = async (h) => {
-    const { playbookInstanceId: d, errorCode: b, details: m, message: g } = await Pl({
+    const { playbookInstanceId: d, errorCode: g, details: m, message: b } = await Pl({
       bank: "public-sdk",
       email: h,
       timezone: Intl.DateTimeFormat().resolvedOptions().timeZone || "America/Los_Angeles",
       playbookUid: r
     }) || {};
-    if (b)
+    if (g)
       throw new Error(
-        `Error initiating playbook: ${g} (Code: ${b}) - Details: ${m}`
+        `Error initiating playbook: ${b} (Code: ${g}) - Details: ${m}`
       );
     o(d);
   };
-  return /* @__PURE__ */ Ee(ut, { children: [
-    t ? { buttonNode: t } : /* @__PURE__ */ $(
+  return /* @__PURE__ */ ye(ut, { children: [
+    t ? { buttonNode: t } : /* @__PURE__ */ R(
       ur,
       {
         onClick: c,
@@ -7596,7 +7596,7 @@ const Cm = "whitespace-nowrap font-normal flex items-center justify-center", Tm
         children: i
       }
     ),
-    /* @__PURE__ */ $(
+    /* @__PURE__ */ R(
       _m,
       {
         isOpen: a,
@@ -9191,8 +9191,8 @@ function yi(e) {
   } = e, {
     width: h,
     height: d
-  } = n.found ? n : t, b = rg.includes(r), m = [D.replacementClass, o ? "".concat(D.cssPrefix, "-").concat(o) : ""].filter((v) => u.classes.indexOf(v) === -1).filter((v) => v !== "" || !!v).concat(u.classes).join(" ");
-  let g = {
+  } = n.found ? n : t, g = rg.includes(r), m = [D.replacementClass, o ? "".concat(D.cssPrefix, "-").concat(o) : ""].filter((v) => u.classes.indexOf(v) === -1).filter((v) => v !== "" || !!v).concat(u.classes).join(" ");
+  let b = {
     children: [],
     attributes: T(T({}, u.attributes), {}, {
       "data-prefix": r,
@@ -9203,17 +9203,17 @@ function yi(e) {
       viewBox: "0 0 ".concat(h, " ").concat(d)
     })
   };
-  const w = b && !~u.classes.indexOf("fa-fw") ? {
+  const w = g && !~u.classes.indexOf("fa-fw") ? {
     width: "".concat(h / d * 16 * 0.0625, "em")
   } : {};
-  f && (g.attributes[dn] = ""), a && (g.children.push({
+  f && (b.attributes[dn] = ""), a && (b.children.push({
     tag: "title",
     attributes: {
-      id: g.attributes["aria-labelledby"] || "title-".concat(c || fr())
+      id: b.attributes["aria-labelledby"] || "title-".concat(c || fr())
     },
     children: [a]
-  }), delete g.attributes.title);
-  const x = T(T({}, g), {}, {
+  }), delete b.attributes.title);
+  const x = T(T({}, b), {}, {
     prefix: r,
     iconName: o,
     main: t,
@@ -9715,12 +9715,12 @@ var Tb = {
           width: 512,
           height: 512,
           icon: {}
-        })]).then((b) => {
-          let [m, g] = b;
+        })]).then((g) => {
+          let [m, b] = g;
           h([t, yi({
             icons: {
               main: m,
-              mask: g
+              mask: b
             },
             prefix: i,
             iconName: r,
@@ -9903,12 +9903,12 @@ function ka(e, t) {
       const h = a.getPropertyValue("content");
       let d = $b(l, u);
       const {
-        value: b,
+        value: g,
         isSecondary: m
-      } = Rb(h), g = c[0].startsWith("FontAwesome");
-      let w = vi(d, b), x = w;
-      if (g) {
-        const y = Ug(b);
+      } = Rb(h), b = c[0].startsWith("FontAwesome");
+      let w = vi(d, g), x = w;
+      if (b) {
+        const y = Ug(g);
         y.iconName && y.prefix && (w = y.iconName, d = y.prefix);
       }
       if (w && !m && (!i || i.getAttribute(di) !== d || i.getAttribute(hi) !== x)) {
@@ -10142,7 +10142,7 @@ var Db = {
         attributes: T(T({}, jo), {}, {
           fill: "white"
         })
-      }, b = c.children ? {
+      }, g = c.children ? {
         children: c.children.map(Ia)
       } : {}, m = {
         tag: "g",
@@ -10150,8 +10150,8 @@ var Db = {
         children: [Ia(T({
           tag: c.tag,
           attributes: T(T({}, c.attributes), h.path)
-        }, b))]
-      }, g = {
+        }, g))]
+      }, b = {
         tag: "g",
         attributes: T({}, h.outer),
         children: [m]
@@ -10162,7 +10162,7 @@ var Db = {
           maskUnits: "userSpaceOnUse",
           maskContentUnits: "userSpaceOnUse"
         }),
-        children: [d, g]
+        children: [d, b]
       }, C = {
         tag: "defs",
         children: [{
@@ -10295,7 +10295,7 @@ var Fa;
 function Bb() {
   if (Fa) return ie;
   Fa = 1;
-  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, i = e ? Symbol.for("react.provider") : 60109, a = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, u = e ? Symbol.for("react.forward_ref") : 60112, f = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, d = e ? Symbol.for("react.memo") : 60115, b = e ? Symbol.for("react.lazy") : 60116, m = e ? Symbol.for("react.block") : 60121, g = e ? Symbol.for("react.fundamental") : 60117, w = e ? Symbol.for("react.responder") : 60118, x = e ? Symbol.for("react.scope") : 60119;
+  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, i = e ? Symbol.for("react.provider") : 60109, a = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, u = e ? Symbol.for("react.forward_ref") : 60112, f = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, d = e ? Symbol.for("react.memo") : 60115, g = e ? Symbol.for("react.lazy") : 60116, m = e ? Symbol.for("react.block") : 60121, b = e ? Symbol.for("react.fundamental") : 60117, w = e ? Symbol.for("react.responder") : 60118, x = e ? Symbol.for("react.scope") : 60119;
   function y(v) {
     if (typeof v == "object" && v !== null) {
       var N = v.$$typeof;
@@ -10313,7 +10313,7 @@ function Bb() {
               switch (v = v && v.$$typeof, v) {
                 case a:
                 case u:
-                case b:
+                case g:
                 case d:
                 case i:
                   return v;
@@ -10329,7 +10329,7 @@ function Bb() {
   function C(v) {
     return y(v) === c;
   }
-  return ie.AsyncMode = l, ie.ConcurrentMode = c, ie.ContextConsumer = a, ie.ContextProvider = i, ie.Element = t, ie.ForwardRef = u, ie.Fragment = r, ie.Lazy = b, ie.Memo = d, ie.Portal = n, ie.Profiler = s, ie.StrictMode = o, ie.Suspense = f, ie.isAsyncMode = function(v) {
+  return ie.AsyncMode = l, ie.ConcurrentMode = c, ie.ContextConsumer = a, ie.ContextProvider = i, ie.Element = t, ie.ForwardRef = u, ie.Fragment = r, ie.Lazy = g, ie.Memo = d, ie.Portal = n, ie.Profiler = s, ie.StrictMode = o, ie.Suspense = f, ie.isAsyncMode = function(v) {
     return C(v) || y(v) === l;
   }, ie.isConcurrentMode = C, ie.isContextConsumer = function(v) {
     return y(v) === a;
@@ -10342,7 +10342,7 @@ function Bb() {
   }, ie.isFragment = function(v) {
     return y(v) === r;
   }, ie.isLazy = function(v) {
-    return y(v) === b;
+    return y(v) === g;
   }, ie.isMemo = function(v) {
     return y(v) === d;
   }, ie.isPortal = function(v) {
@@ -10354,7 +10354,7 @@ function Bb() {
   }, ie.isSuspense = function(v) {
     return y(v) === f;
   }, ie.isValidElementType = function(v) {
-    return typeof v == "string" || typeof v == "function" || v === r || v === c || v === s || v === o || v === f || v === h || typeof v == "object" && v !== null && (v.$$typeof === b || v.$$typeof === d || v.$$typeof === i || v.$$typeof === a || v.$$typeof === u || v.$$typeof === g || v.$$typeof === w || v.$$typeof === x || v.$$typeof === m);
+    return typeof v == "string" || typeof v == "function" || v === r || v === c || v === s || v === o || v === f || v === h || typeof v == "object" && v !== null && (v.$$typeof === g || v.$$typeof === d || v.$$typeof === i || v.$$typeof === a || v.$$typeof === u || v.$$typeof === b || v.$$typeof === w || v.$$typeof === x || v.$$typeof === m);
   }, ie.typeOf = y, ie;
 }
 var ae = {};
@@ -10369,10 +10369,10 @@ var ae = {};
 var Na;
 function Wb() {
   return Na || (Na = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, i = e ? Symbol.for("react.provider") : 60109, a = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, u = e ? Symbol.for("react.forward_ref") : 60112, f = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, d = e ? Symbol.for("react.memo") : 60115, b = e ? Symbol.for("react.lazy") : 60116, m = e ? Symbol.for("react.block") : 60121, g = e ? Symbol.for("react.fundamental") : 60117, w = e ? Symbol.for("react.responder") : 60118, x = e ? Symbol.for("react.scope") : 60119;
+    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, i = e ? Symbol.for("react.provider") : 60109, a = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, u = e ? Symbol.for("react.forward_ref") : 60112, f = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, d = e ? Symbol.for("react.memo") : 60115, g = e ? Symbol.for("react.lazy") : 60116, m = e ? Symbol.for("react.block") : 60121, b = e ? Symbol.for("react.fundamental") : 60117, w = e ? Symbol.for("react.responder") : 60118, x = e ? Symbol.for("react.scope") : 60119;
     function y(A) {
       return typeof A == "string" || typeof A == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      A === r || A === c || A === s || A === o || A === f || A === h || typeof A == "object" && A !== null && (A.$$typeof === b || A.$$typeof === d || A.$$typeof === i || A.$$typeof === a || A.$$typeof === u || A.$$typeof === g || A.$$typeof === w || A.$$typeof === x || A.$$typeof === m);
+      A === r || A === c || A === s || A === o || A === f || A === h || typeof A == "object" && A !== null && (A.$$typeof === g || A.$$typeof === d || A.$$typeof === i || A.$$typeof === a || A.$$typeof === u || A.$$typeof === b || A.$$typeof === w || A.$$typeof === x || A.$$typeof === m);
     }
     function C(A) {
       if (typeof A == "object" && A !== null) {
@@ -10393,7 +10393,7 @@ function Wb() {
                 switch (Tr) {
                   case a:
                   case u:
-                  case b:
+                  case g:
                   case d:
                   case i:
                     return Tr;
@@ -10406,7 +10406,7 @@ function Wb() {
         }
       }
     }
-    var v = l, N = c, q = a, k = i, B = t, G = u, ce = r, fe = b, se = d, he = n, W = s, Y = o, ne = f, O = !1;
+    var v = l, N = c, q = a, k = i, B = t, G = u, ce = r, fe = g, se = d, pe = n, W = s, Y = o, ne = f, O = !1;
     function V(A) {
       return O || (O = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), E(A) || C(A) === l;
     }
@@ -10429,7 +10429,7 @@ function Wb() {
       return C(A) === r;
     }
     function z(A) {
-      return C(A) === b;
+      return C(A) === g;
     }
     function I(A) {
       return C(A) === d;
@@ -10443,10 +10443,10 @@ function Wb() {
     function Z(A) {
       return C(A) === o;
     }
-    function we(A) {
+    function xe(A) {
       return C(A) === f;
     }
-    ae.AsyncMode = v, ae.ConcurrentMode = N, ae.ContextConsumer = q, ae.ContextProvider = k, ae.Element = B, ae.ForwardRef = G, ae.Fragment = ce, ae.Lazy = fe, ae.Memo = se, ae.Portal = he, ae.Profiler = W, ae.StrictMode = Y, ae.Suspense = ne, ae.isAsyncMode = V, ae.isConcurrentMode = E, ae.isContextConsumer = P, ae.isContextProvider = U, ae.isElement = S, ae.isForwardRef = _, ae.isFragment = K, ae.isLazy = z, ae.isMemo = I, ae.isPortal = Q, ae.isProfiler = X, ae.isStrictMode = Z, ae.isSuspense = we, ae.isValidElementType = y, ae.typeOf = C;
+    ae.AsyncMode = v, ae.ConcurrentMode = N, ae.ContextConsumer = q, ae.ContextProvider = k, ae.Element = B, ae.ForwardRef = G, ae.Fragment = ce, ae.Lazy = fe, ae.Memo = se, ae.Portal = pe, ae.Profiler = W, ae.StrictMode = Y, ae.Suspense = ne, ae.isAsyncMode = V, ae.isConcurrentMode = E, ae.isContextConsumer = P, ae.isContextProvider = U, ae.isElement = S, ae.isForwardRef = _, ae.isFragment = K, ae.isLazy = z, ae.isMemo = I, ae.isPortal = Q, ae.isProfiler = X, ae.isStrictMode = Z, ae.isSuspense = xe, ae.isValidElementType = y, ae.typeOf = C;
   }()), ae;
 }
 var La;
@@ -10545,8 +10545,8 @@ function Vb() {
               throw h.name = "Invariant Violation", h;
             }
             f = s[u](i, u, l, a, null, t);
-          } catch (b) {
-            f = b;
+          } catch (g) {
+            f = g;
           }
           if (f && !(f instanceof Error) && e(
             (l || "React class") + ": type specification of " + a + " `" + u + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof f + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
@@ -10609,18 +10609,18 @@ function Gb() {
       shape: fe,
       exact: se
     };
-    function b(E, P) {
+    function g(E, P) {
       return E === P ? E !== 0 || 1 / E === 1 / P : E !== E && P !== P;
     }
     function m(E, P) {
       this.message = E, this.data = P && typeof P == "object" ? P : {}, this.stack = "";
     }
     m.prototype = Error.prototype;
-    function g(E) {
+    function b(E) {
       if (process.env.NODE_ENV !== "production")
         var P = {}, U = 0;
-      function S(K, z, I, Q, X, Z, we) {
-        if (Q = Q || h, Z = Z || I, we !== n) {
+      function S(K, z, I, Q, X, Z, xe) {
+        if (Q = Q || h, Z = Z || I, xe !== n) {
           if (l) {
             var A = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
@@ -10651,10 +10651,10 @@ function Gb() {
         }
         return null;
       }
-      return g(P);
+      return b(P);
     }
     function x() {
-      return g(i);
+      return b(i);
     }
     function y(E) {
       function P(U, S, _, K, z) {
@@ -10672,7 +10672,7 @@ function Gb() {
         }
         return null;
       }
-      return g(P);
+      return b(P);
     }
     function C() {
       function E(P, U, S, _, K) {
@@ -10683,7 +10683,7 @@ function Gb() {
         }
         return null;
       }
-      return g(E);
+      return b(E);
     }
     function v() {
       function E(P, U, S, _, K) {
@@ -10694,7 +10694,7 @@ function Gb() {
         }
         return null;
       }
-      return g(E);
+      return b(E);
     }
     function N(E) {
       function P(U, S, _, K, z) {
@@ -10704,7 +10704,7 @@ function Gb() {
         }
         return null;
       }
-      return g(P);
+      return b(P);
     }
     function q(E) {
       if (!Array.isArray(E))
@@ -10713,15 +10713,15 @@ function Gb() {
         ) : s("Invalid argument supplied to oneOf, expected an array.")), i;
       function P(U, S, _, K, z) {
         for (var I = U[S], Q = 0; Q < E.length; Q++)
-          if (b(I, E[Q]))
+          if (g(I, E[Q]))
             return null;
-        var X = JSON.stringify(E, function(we, A) {
+        var X = JSON.stringify(E, function(xe, A) {
           var ze = ne(A);
           return ze === "symbol" ? String(A) : A;
         });
         return new m("Invalid " + K + " `" + z + "` of value `" + String(I) + "` " + ("supplied to `" + _ + "`, expected one of " + X + "."));
       }
-      return g(P);
+      return b(P);
     }
     function k(E) {
       function P(U, S, _, K, z) {
@@ -10738,7 +10738,7 @@ function Gb() {
           }
         return null;
       }
-      return g(P);
+      return b(P);
     }
     function B(E) {
       if (!Array.isArray(E))
@@ -10752,7 +10752,7 @@ function Gb() {
       }
       function S(_, K, z, I, Q) {
         for (var X = [], Z = 0; Z < E.length; Z++) {
-          var we = E[Z], A = we(_, K, z, I, Q, n);
+          var xe = E[Z], A = xe(_, K, z, I, Q, n);
           if (A == null)
             return null;
           A.data && r(A.data, "expectedType") && X.push(A.data.expectedType);
@@ -10760,13 +10760,13 @@ function Gb() {
         var ze = X.length > 0 ? ", expected one of type [" + X.join(", ") + "]" : "";
         return new m("Invalid " + I + " `" + Q + "` supplied to " + ("`" + z + "`" + ze + "."));
       }
-      return g(S);
+      return b(S);
     }
     function G() {
       function E(P, U, S, _, K) {
-        return he(P[U]) ? null : new m("Invalid " + _ + " `" + K + "` supplied to " + ("`" + S + "`, expected a ReactNode."));
+        return pe(P[U]) ? null : new m("Invalid " + _ + " `" + K + "` supplied to " + ("`" + S + "`, expected a ReactNode."));
       }
-      return g(E);
+      return b(E);
     }
     function ce(E, P, U, S, _) {
       return new m(
@@ -10782,13 +10782,13 @@ function Gb() {
           var Z = E[X];
           if (typeof Z != "function")
             return ce(_, K, z, X, ne(Z));
-          var we = Z(I, X, _, K, z + "." + X, n);
-          if (we)
-            return we;
+          var xe = Z(I, X, _, K, z + "." + X, n);
+          if (xe)
+            return xe;
         }
         return null;
       }
-      return g(P);
+      return b(P);
     }
     function se(E) {
       function P(U, S, _, K, z) {
@@ -10797,23 +10797,23 @@ function Gb() {
           return new m("Invalid " + K + " `" + z + "` of type `" + Q + "` " + ("supplied to `" + _ + "`, expected `object`."));
         var X = t({}, U[S], E);
         for (var Z in X) {
-          var we = E[Z];
-          if (r(E, Z) && typeof we != "function")
-            return ce(_, K, z, Z, ne(we));
-          if (!we)
+          var xe = E[Z];
+          if (r(E, Z) && typeof xe != "function")
+            return ce(_, K, z, Z, ne(xe));
+          if (!xe)
             return new m(
               "Invalid " + K + " `" + z + "` key `" + Z + "` supplied to `" + _ + "`.\nBad object: " + JSON.stringify(U[S], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(E), null, "  ")
             );
-          var A = we(I, Z, _, K, z + "." + Z, n);
+          var A = xe(I, Z, _, K, z + "." + Z, n);
           if (A)
             return A;
         }
         return null;
       }
-      return g(P);
+      return b(P);
     }
-    function he(E) {
+    function pe(E) {
       switch (typeof E) {
         case "number":
         case "string":
@@ -10823,7 +10823,7 @@ Valid keys: ` + JSON.stringify(Object.keys(E), null, "  ")
           return !E;
         case "object":
           if (Array.isArray(E))
-            return E.every(he);
+            return E.every(pe);
           if (E === null || a(E))
             return !0;
           var P = f(E);
@@ -10831,12 +10831,12 @@ Valid keys: ` + JSON.stringify(Object.keys(E), null, "  ")
             var U = P.call(E), S;
             if (P !== E.entries) {
               for (; !(S = U.next()).done; )
-                if (!he(S.value))
+                if (!pe(S.value))
                   return !1;
             } else
               for (; !(S = U.next()).done; ) {
                 var _ = S.value;
-                if (_ && !he(_[1]))
+                if (_ && !pe(_[1]))
                   return !1;
               }
           } else
@@ -11026,7 +11026,7 @@ function tv() {
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
 function nv(e) {
-  var t, n = e.beat, r = e.fade, o = e.beatFade, s = e.bounce, i = e.shake, a = e.flash, l = e.spin, c = e.spinPulse, u = e.spinReverse, f = e.pulse, h = e.fixedWidth, d = e.inverse, b = e.border, m = e.listItem, g = e.flip, w = e.size, x = e.rotation, y = e.pull, C = (t = {
+  var t, n = e.beat, r = e.fade, o = e.beatFade, s = e.bounce, i = e.shake, a = e.flash, l = e.spin, c = e.spinPulse, u = e.spinReverse, f = e.pulse, h = e.fixedWidth, d = e.inverse, g = e.border, m = e.listItem, b = e.flip, w = e.size, x = e.rotation, y = e.pull, C = (t = {
     "fa-beat": n,
     "fa-fade": r,
     "fa-beat-fade": o,
@@ -11039,11 +11039,11 @@ function nv(e) {
     "fa-pulse": f,
     "fa-fw": h,
     "fa-inverse": d,
-    "fa-border": b,
+    "fa-border": g,
     "fa-li": m,
-    "fa-flip": g === !0,
-    "fa-flip-horizontal": g === "horizontal" || g === "both",
-    "fa-flip-vertical": g === "vertical" || g === "both"
+    "fa-flip": b === !0,
+    "fa-flip-horizontal": b === "horizontal" || b === "both",
+    "fa-flip-vertical": b === "vertical" || b === "both"
   }, yn(t, "fa-".concat(w), typeof w < "u" && w !== null), yn(t, "fa-rotate-".concat(x), typeof x < "u" && x !== null && x !== 0), yn(t, "fa-pull-".concat(y), typeof y < "u" && y !== null), yn(t, "fa-swap-opacity", e.swapOpacity), t);
   return Object.keys(C).map(function(v) {
     return C[v] ? v : null;
@@ -11133,20 +11133,20 @@ function Vo(e, t) {
 }
 var lv = ["forwardedRef"];
 function Wt(e) {
-  var t = e.forwardedRef, n = Ru(e, lv), r = n.icon, o = n.mask, s = n.symbol, i = n.className, a = n.title, l = n.titleId, c = n.maskId, u = Wa(r), f = Vo("classes", [].concat(Bs(nv(n)), Bs(i.split(" ")))), h = Vo("transform", typeof n.transform == "string" ? Us.transform(n.transform) : n.transform), d = Vo("mask", Wa(o)), b = Ub(u, jt(jt(jt(jt({}, f), h), d), {}, {
+  var t = e.forwardedRef, n = Ru(e, lv), r = n.icon, o = n.mask, s = n.symbol, i = n.className, a = n.title, l = n.titleId, c = n.maskId, u = Wa(r), f = Vo("classes", [].concat(Bs(nv(n)), Bs(i.split(" ")))), h = Vo("transform", typeof n.transform == "string" ? Us.transform(n.transform) : n.transform), d = Vo("mask", Wa(o)), g = Ub(u, jt(jt(jt(jt({}, f), h), d), {}, {
     symbol: s,
     title: a,
     titleId: l,
     maskId: c
   }));
-  if (!b)
+  if (!g)
     return av("Could not find icon", u), null;
-  var m = b.abstract, g = {
+  var m = g.abstract, b = {
     ref: t
   };
   return Object.keys(n).forEach(function(w) {
-    Wt.defaultProps.hasOwnProperty(w) || (g[w] = n[w]);
-  }), cv(m[0], g);
+    Wt.defaultProps.hasOwnProperty(w) || (b[w] = n[w]);
+  }), cv(m[0], b);
 }
 Wt.displayName = "FontAwesomeIcon";
 Wt.propTypes = {
@@ -11243,7 +11243,7 @@ const uv = async (e) => await (await fetch(
   buttons: e,
   onButtonClick: t,
   disabled: n
-}) => /* @__PURE__ */ $("div", { className: "flex items-center justify-end", children: e.map((r) => /* @__PURE__ */ $(
+}) => /* @__PURE__ */ R("div", { className: "flex items-center justify-end", children: e.map((r) => /* @__PURE__ */ R(
   ur,
   {
     size: "smallCollapse",
@@ -11310,23 +11310,23 @@ function pv(e) {
 var mv = typeof document < "u", gv = function() {
 }, qs = mv ? Gs : gv;
 const bv = {
-  ...R
+  ...$
 }, vv = bv.useInsertionEffect, yv = vv || ((e) => e());
 function bn(e) {
-  const t = R.useRef(() => {
+  const t = $.useRef(() => {
     if (process.env.NODE_ENV !== "production")
       throw new Error("Cannot call an event handler while rendering.");
   });
   return yv(() => {
     t.current = e;
-  }), R.useCallback(function() {
+  }), $.useCallback(function() {
     for (var n = arguments.length, r = new Array(n), o = 0; o < n; o++)
       r[o] = arguments[o];
     return t.current == null ? void 0 : t.current(...r);
   }, []);
 }
 const wv = "data-floating-ui-focusable", Ga = "active", Ya = "selected", xv = {
-  ...R
+  ...$
 };
 let Ka = !1, Ev = 0;
 const Qa = () => (
@@ -11335,10 +11335,10 @@ const Qa = () => (
   "floating-ui-" + Math.random().toString(36).slice(2, 6) + Ev++
 );
 function Cv() {
-  const [e, t] = R.useState(() => Ka ? Qa() : void 0);
+  const [e, t] = $.useState(() => Ka ? Qa() : void 0);
   return qs(() => {
     e == null && t(Qa());
-  }, []), R.useEffect(() => {
+  }, []), $.useEffect(() => {
     Ka = !0;
   }, []), e;
 }
@@ -11370,10 +11370,10 @@ function Sv() {
     }
   };
 }
-const kv = /* @__PURE__ */ R.createContext(null), Av = /* @__PURE__ */ R.createContext(null), Rv = () => {
+const kv = /* @__PURE__ */ $.createContext(null), Av = /* @__PURE__ */ $.createContext(null), Rv = () => {
   var e;
-  return ((e = R.useContext(kv)) == null ? void 0 : e.id) || null;
-}, Nu = () => R.useContext(Av);
+  return ((e = $.useContext(kv)) == null ? void 0 : e.id) || null;
+}, Nu = () => $.useContext(Av);
 function $v(e) {
   return "data-floating-ui-" + e;
 }
@@ -11411,14 +11411,14 @@ function Lv(e, t) {
     referencePressEvent: f = "pointerdown",
     ancestorScroll: h = !1,
     bubbles: d,
-    capture: b
-  } = t, m = Nu(), g = bn(typeof l == "function" ? l : () => !1), w = typeof l == "function" ? g : l, x = R.useRef(!1), {
+    capture: g
+  } = t, m = Nu(), b = bn(typeof l == "function" ? l : () => !1), w = typeof l == "function" ? b : l, x = $.useRef(!1), {
     escapeKey: y,
     outsidePress: C
   } = Xa(d), {
     escapeKey: v,
     outsidePress: N
-  } = Xa(b), q = R.useRef(!1), k = R.useRef(-1), B = bn((W) => {
+  } = Xa(g), q = $.useRef(!1), k = $.useRef(-1), B = bn((W) => {
     var Y;
     if (!n || !i || !a || W.key !== "Escape" || q.current)
       return;
@@ -11462,8 +11462,8 @@ function Lv(e, t) {
     // element was injected after the floating element rendered.
     Array.from(P).every((z) => !qa(U, z)))
       return;
-    if (Qe(V) && he) {
-      const z = ht(V), I = We(V), Q = /auto|scroll/, X = z || Q.test(I.overflowX), Z = z || Q.test(I.overflowY), we = X && V.clientWidth > 0 && V.scrollWidth > V.clientWidth, A = Z && V.clientHeight > 0 && V.scrollHeight > V.clientHeight, ze = I.direction === "rtl", mn = A && (ze ? W.offsetX <= V.offsetWidth - V.clientWidth : W.offsetX > V.clientWidth), Tr = we && W.offsetY > V.clientHeight;
+    if (Qe(V) && pe) {
+      const z = ht(V), I = We(V), Q = /auto|scroll/, X = z || Q.test(I.overflowX), Z = z || Q.test(I.overflowY), xe = X && V.clientWidth > 0 && V.scrollWidth > V.clientWidth, A = Z && V.clientHeight > 0 && V.scrollHeight > V.clientHeight, ze = I.direction === "rtl", mn = A && (ze ? W.offsetX <= V.offsetWidth - V.clientWidth : W.offsetX > V.clientWidth), Tr = xe && W.offsetY > V.clientHeight;
       if (mn || Tr)
         return;
     }
@@ -11494,7 +11494,7 @@ function Lv(e, t) {
     };
     (Y = Gn(W)) == null || Y.addEventListener(c, ne);
   });
-  R.useEffect(() => {
+  $.useEffect(() => {
     if (!n || !i)
       return;
     s.current.__escapeKeyBubbles = y, s.current.__outsidePressBubbles = C;
@@ -11530,10 +11530,10 @@ function Lv(e, t) {
         P.removeEventListener("scroll", Y);
       }), window.clearTimeout(W);
     };
-  }, [s, o, a, w, c, n, r, h, i, y, C, B, v, G, ce, N, fe]), R.useEffect(() => {
+  }, [s, o, a, w, c, n, r, h, i, y, C, B, v, G, ce, N, fe]), $.useEffect(() => {
     s.current.insideReactTree = !1;
   }, [s, w, c]);
-  const se = R.useMemo(() => ({
+  const se = $.useMemo(() => ({
     onKeyDown: B,
     ...u && {
       [Fv[f]]: (W) => {
@@ -11545,7 +11545,7 @@ function Lv(e, t) {
         }
       }
     }
-  }), [B, r, u, f]), he = R.useMemo(() => ({
+  }), [B, r, u, f]), pe = $.useMemo(() => ({
     onKeyDown: B,
     onMouseDown() {
       x.current = !0;
@@ -11562,36 +11562,36 @@ function Lv(e, t) {
       }));
     }
   }), [B, c, s, m]);
-  return R.useMemo(() => i ? {
+  return $.useMemo(() => i ? {
     reference: se,
-    floating: he
-  } : {}, [i, se, he]);
+    floating: pe
+  } : {}, [i, se, pe]);
 }
 function Mv(e) {
   const {
     open: t = !1,
     onOpenChange: n,
     elements: r
-  } = e, o = Ov(), s = R.useRef({}), [i] = R.useState(() => Sv()), a = Rv() != null;
+  } = e, o = Ov(), s = $.useRef({}), [i] = $.useState(() => Sv()), a = Rv() != null;
   if (process.env.NODE_ENV !== "production") {
     const d = r.reference;
     d && !ve(d) && Pv("Cannot pass a virtual element to the `elements.reference` option,", "as it must be a real DOM element. Use `refs.setPositionReference()`", "instead.");
   }
-  const [l, c] = R.useState(r.reference), u = bn((d, b, m) => {
-    s.current.openEvent = d ? b : void 0, i.emit("openchange", {
+  const [l, c] = $.useState(r.reference), u = bn((d, g, m) => {
+    s.current.openEvent = d ? g : void 0, i.emit("openchange", {
       open: d,
-      event: b,
+      event: g,
       reason: m,
       nested: a
-    }), n == null || n(d, b, m);
-  }), f = R.useMemo(() => ({
+    }), n == null || n(d, g, m);
+  }), f = $.useMemo(() => ({
     setPositionReference: c
-  }), []), h = R.useMemo(() => ({
+  }), []), h = $.useMemo(() => ({
     reference: l || r.reference || null,
     floating: r.floating || null,
     domReference: r.reference
   }), [l, r.reference, r.floating]);
-  return R.useMemo(() => ({
+  return $.useMemo(() => ({
     dataRef: s,
     open: t,
     onOpenChange: u,
@@ -11612,7 +11612,7 @@ function _v(e) {
       floating: null,
       ...e.elements
     }
-  }), r = e.rootContext || n, o = r.elements, [s, i] = R.useState(null), [a, l] = R.useState(null), u = (o == null ? void 0 : o.domReference) || s, f = R.useRef(null), h = Nu();
+  }), r = e.rootContext || n, o = r.elements, [s, i] = $.useState(null), [a, l] = $.useState(null), u = (o == null ? void 0 : o.domReference) || s, f = $.useRef(null), h = Nu();
   qs(() => {
     u && (f.current = u);
   }, [u]);
@@ -11624,43 +11624,43 @@ function _v(e) {
         reference: a
       }
     }
-  }), b = R.useCallback((y) => {
+  }), g = $.useCallback((y) => {
     const C = ve(y) ? {
       getBoundingClientRect: () => y.getBoundingClientRect(),
       getClientRects: () => y.getClientRects(),
       contextElement: y
     } : y;
     l(C), d.refs.setReference(C);
-  }, [d.refs]), m = R.useCallback((y) => {
+  }, [d.refs]), m = $.useCallback((y) => {
     (ve(y) || y === null) && (f.current = y, i(y)), (ve(d.refs.reference.current) || d.refs.reference.current === null || // Don't allow setting virtual elements using the old technique back to
     // `null` to support `positionReference` + an unstable `reference`
     // callback ref.
     y !== null && !ve(y)) && d.refs.setReference(y);
-  }, [d.refs]), g = R.useMemo(() => ({
+  }, [d.refs]), b = $.useMemo(() => ({
     ...d.refs,
     setReference: m,
-    setPositionReference: b,
+    setPositionReference: g,
     domReference: f
-  }), [d.refs, m, b]), w = R.useMemo(() => ({
+  }), [d.refs, m, g]), w = $.useMemo(() => ({
     ...d.elements,
     domReference: u
-  }), [d.elements, u]), x = R.useMemo(() => ({
+  }), [d.elements, u]), x = $.useMemo(() => ({
     ...d,
     ...r,
-    refs: g,
+    refs: b,
     elements: w,
     nodeId: t
-  }), [d, g, w, t, r]);
+  }), [d, b, w, t, r]);
   return qs(() => {
     r.dataRef.current.floatingContext = x;
     const y = h == null ? void 0 : h.nodesRef.current.find((C) => C.id === t);
     y && (y.context = x);
-  }), R.useMemo(() => ({
+  }), $.useMemo(() => ({
     ...d,
     context: x,
-    refs: g,
+    refs: b,
     elements: w
-  }), [d, g, w, x]);
+  }), [d, b, w, x]);
 }
 function Ko(e, t, n) {
   const r = /* @__PURE__ */ new Map(), o = n === "item";
@@ -11689,9 +11689,9 @@ function Ko(e, t, n) {
           if (r.has(c) || r.set(c, []), typeof u == "function") {
             var f;
             (f = r.get(c)) == null || f.push(u), i[c] = function() {
-              for (var h, d = arguments.length, b = new Array(d), m = 0; m < d; m++)
-                b[m] = arguments[m];
-              return (h = r.get(c)) == null ? void 0 : h.map((g) => g(...b)).find((g) => g !== void 0);
+              for (var h, d = arguments.length, g = new Array(d), m = 0; m < d; m++)
+                g[m] = arguments[m];
+              return (h = r.get(c)) == null ? void 0 : h.map((b) => b(...g)).find((b) => b !== void 0);
             };
           }
         } else
@@ -11701,20 +11701,20 @@ function Ko(e, t, n) {
 }
 function Dv(e) {
   e === void 0 && (e = []);
-  const t = e.map((a) => a == null ? void 0 : a.reference), n = e.map((a) => a == null ? void 0 : a.floating), r = e.map((a) => a == null ? void 0 : a.item), o = R.useCallback(
+  const t = e.map((a) => a == null ? void 0 : a.reference), n = e.map((a) => a == null ? void 0 : a.floating), r = e.map((a) => a == null ? void 0 : a.item), o = $.useCallback(
     (a) => Ko(a, e, "reference"),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     t
-  ), s = R.useCallback(
+  ), s = $.useCallback(
     (a) => Ko(a, e, "floating"),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     n
-  ), i = R.useCallback(
+  ), i = $.useCallback(
     (a) => Ko(a, e, "item"),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     r
   );
-  return R.useMemo(() => ({
+  return $.useMemo(() => ({
     getReferenceProps: o,
     getFloatingProps: s,
     getItemProps: i
@@ -11788,7 +11788,7 @@ const jv = {
     ),
     [l, e, t, r, n]
   );
-  return /* @__PURE__ */ $(
+  return /* @__PURE__ */ R(
     "div",
     {
       className: xn(
@@ -11801,7 +11801,7 @@ const jv = {
       "data-category": e,
       "data-color": t,
       ...a,
-      children: /* @__PURE__ */ $("p", { className: xn("mx-1", o), children: s })
+      children: /* @__PURE__ */ R("p", { className: xn("mx-1", o), children: s })
     }
   );
 }, Wv = {
@@ -11811,7 +11811,7 @@ const jv = {
 }, qv = ({
   transition: e,
   onClick: t
-}) => /* @__PURE__ */ Ee(
+}) => /* @__PURE__ */ ye(
   "div",
   {
     className: "py-1 px-3 space-x-2 flex items-center hover:bg-gray-100 cursor-pointer",
@@ -11819,9 +11819,9 @@ const jv = {
       n.stopPropagation(), t();
     },
     children: [
-      /* @__PURE__ */ $("span", { className: "text-base text-dark flex-1", children: e.action }),
-      /* @__PURE__ */ $(Wt, { icon: Hm, className: "text-gray-400 size-4" }),
-      /* @__PURE__ */ $(Lu, { category: "outline", color: e.color, children: e.to })
+      /* @__PURE__ */ R("span", { className: "text-base text-dark flex-1", children: e.action }),
+      /* @__PURE__ */ R(Wt, { icon: Hm, className: "text-gray-400 size-4" }),
+      /* @__PURE__ */ R(Lu, { category: "outline", color: e.color, children: e.to })
     ]
   }
 ), Vv = ({
@@ -11830,7 +11830,7 @@ const jv = {
   transitions: n,
   onClick: r
 }) => {
-  const [o, s] = pe(!1), { refs: i, floatingStyles: a, context: l } = _v({
+  const [o, s] = he(!1), { refs: i, floatingStyles: a, context: l } = _v({
     strategy: "fixed",
     placement: "bottom-end",
     open: o,
@@ -11838,40 +11838,34 @@ const jv = {
   }), c = Lv(l, {
     outsidePress: !0
   }), { getReferenceProps: u, getFloatingProps: f } = Dv([c]);
-  return /* @__PURE__ */ Ee(ut, { children: [
-    /* @__PURE__ */ Ee(
+  return /* @__PURE__ */ ye(ut, { children: [
+    /* @__PURE__ */ ye(
       "div",
       {
         onClick: n != null && n.length ? () => s((h) => !h) : void 0,
         ref: i.setReference,
-        className: Ae(
+        className: Oe(
           "px-1 uppercase border rounded-sm flex items-center space-x-1",
           n.length ? "cursor-pointer" : "pointer-events-none",
           Wv[t]
         ),
         ...u(),
         children: [
-          /* @__PURE__ */ $("span", { className: "text-sm font-bold", children: e }),
-          n.length > 0 ? /* @__PURE__ */ $(
-            Wt,
-            {
-              icon: Yc,
-              className: "text-gray-400 size-4"
-            }
-          ) : /* @__PURE__ */ $(ut, {})
+          /* @__PURE__ */ R("span", { className: "text-sm font-bold", children: e }),
+          n.length > 0 ? /* @__PURE__ */ R(Wt, { icon: Yc, className: "size-4" }) : /* @__PURE__ */ R(ut, {})
         ]
       }
     ),
-    o && n.length && /* @__PURE__ */ $(
+    o && n.length && /* @__PURE__ */ R(
       "div",
       {
         ref: i.setFloating,
         style: a,
-        className: Ae(
+        className: Oe(
           "border border-gray-200 py-1.5 rounded-sm min-w-[172px] bg-white shadow-dark/50"
         ),
         ...f(),
-        children: n.map((h, d) => /* @__PURE__ */ $(
+        children: n.map((h, d) => /* @__PURE__ */ R(
           qv,
           {
             transition: h,
@@ -11897,8 +11891,8 @@ const jv = {
       c && (new Image().src = c);
     }), o;
   }, [e]);
-  return Te(() => {
-  }, [t]), /* @__PURE__ */ $("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ $(
+  return Ee(() => {
+  }, [t]), /* @__PURE__ */ R("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ R(
     "div",
     {
       className: "lexical-view-mode",
@@ -11920,7 +11914,7 @@ const jv = {
   step: n,
   isSelected: r,
   onSelect: o
-}) => /* @__PURE__ */ $(
+}) => /* @__PURE__ */ R(
   "div",
   {
     className: ar(
@@ -11931,7 +11925,7 @@ const jv = {
     onClick: (s) => {
       s.stopPropagation(), o == null || o(s.shiftKey);
     },
-    children: /* @__PURE__ */ $(
+    children: /* @__PURE__ */ R(
       "span",
       {
         className: ar(
@@ -11947,7 +11941,7 @@ const jv = {
   [ge.IN_PROGRESS]: "primary",
   [ge.IN_REVIEW]: "success",
   [ge.COMPLETED]: "success"
-}, Jv = ({ status: e }) => /* @__PURE__ */ $(Lu, { category: "outline", color: Xv[e], children: e }), Zv = {
+}, Jv = ({ status: e }) => /* @__PURE__ */ R(Lu, { category: "outline", color: Xv[e], children: e }), Zv = {
   [ge.OPEN]: "border-[#C1C5C8] bg-[#F0F1F2]",
   [ge.IN_PROGRESS]: "bg-[#E6F2FF] border-[#94C8FF]",
   [ge.IN_REVIEW]: "bg-[#EAF6EC] border-[#A5DAB1]",
@@ -11968,14 +11962,14 @@ const jv = {
   taskStyle: c,
   listStickyTopBase: u
 }) => {
-  const [f, h] = pe(!1), { taskDetails: d, prefetchQuery: b } = fv({
+  const [f, h] = he(!1), { taskDetails: d, prefetchQuery: g } = fv({
     taskId: e.taskId,
     playbookId: l,
     enabled: i
   }), { buttons: m } = $f({
     taskStatus: e.workflowStatus,
     canStart: s
-  }), g = de(() => e.imageRequired === 0 ? null : e.imageRequired === 1 ? Qo.SCREENSHOT : e.imageRequired === 2 ? Qo.PHOTO : null, [e.imageRequired]), w = async (x) => {
+  }), b = de(() => e.imageRequired === 0 ? null : e.imageRequired === 1 ? Qo.SCREENSHOT : e.imageRequired === 2 ? Qo.PHOTO : null, [e.imageRequired]), w = async (x) => {
     try {
       h(!0), await r(x);
     } finally {
@@ -11999,11 +11993,11 @@ const jv = {
         });
       }), C;
     }, [m]);
-    return /* @__PURE__ */ Ee("div", { className: Ae("flex flex-col"), children: [
-      /* @__PURE__ */ Ee(
+    return /* @__PURE__ */ ye("div", { className: Oe("flex flex-col"), children: [
+      /* @__PURE__ */ ye(
         "div",
         {
-          className: Ae(
+          className: Oe(
             "flex gap-3 p-2 border-gray-200",
             e.sequenceOrder > 0 && "border-t",
             i && "bg-white rounded-md border border-t-none shadow-sm sticky"
@@ -12012,15 +12006,15 @@ const jv = {
             top: i ? u : 0
           },
           children: [
-            /* @__PURE__ */ $("div", { className: "text-gray-200 text-base", children: e.sequenceOrder + 1 }),
-            /* @__PURE__ */ $(
+            /* @__PURE__ */ R("div", { className: "text-gray-200 text-base", children: e.sequenceOrder + 1 }),
+            /* @__PURE__ */ R(
               "div",
               {
                 onClick: () => {
                   a == null || a(!i);
                 },
-                onMouseOver: b,
-                className: Ae(
+                onMouseOver: g,
+                className: Oe(
                   "flex-1 truncate cursor-pointer",
                   i && "font-medium",
                   e.workflowStatus === ge.COMPLETED && "text-secondary-400 line-through"
@@ -12031,7 +12025,7 @@ const jv = {
                 children: e.taskInstanceName
               }
             ),
-            /* @__PURE__ */ $(
+            /* @__PURE__ */ R(
               Vv,
               {
                 title: e.workflowStatus,
@@ -12045,19 +12039,19 @@ const jv = {
           ]
         }
       ),
-      (d == null ? void 0 : d.description) && /* @__PURE__ */ $(
+      (d == null ? void 0 : d.description) && /* @__PURE__ */ R(
         "div",
         {
-          className: Ae(
+          className: Oe(
             !i && "hidden",
-            "border-gray-200 border p-2 mx-4 mb-4 border-t-none -mt-0.5 bg-gray-100 rounded-b-md"
+            "border-gray-200 border p-2 mx-4 mb-4 border-t-none -mt-[1px] bg-gray-100 rounded-b-md"
           ),
-          children: /* @__PURE__ */ $(Ja, { description: (d == null ? void 0 : d.description) || "" })
+          children: /* @__PURE__ */ R(Ja, { description: (d == null ? void 0 : d.description) || "" })
         }
       )
     ] });
   }
-  return /* @__PURE__ */ Ee(
+  return /* @__PURE__ */ ye(
     "div",
     {
       className: ar(
@@ -12065,7 +12059,7 @@ const jv = {
         Zv[e.workflowStatus]
       ),
       children: [
-        /* @__PURE__ */ $(
+        /* @__PURE__ */ R(
           Qv,
           {
             playbookType: n,
@@ -12073,31 +12067,31 @@ const jv = {
             step: t
           }
         ),
-        /* @__PURE__ */ Ee("div", { className: "flex w-full flex-col overflow-x-hidden flex-1 p-2", children: [
-          n === "Sequential" && /* @__PURE__ */ $("div", { className: "-mb-3 self-end pr-2 pt-2", children: /* @__PURE__ */ $(Jv, { status: e.workflowStatus }) }),
-          /* @__PURE__ */ Ee("div", { className: "space-y-2 divide-y divide-black/10 flex flex-col flex-1", children: [
-            /* @__PURE__ */ $(
+        /* @__PURE__ */ ye("div", { className: "flex w-full flex-col overflow-x-hidden flex-1 p-2", children: [
+          n === "Sequential" && /* @__PURE__ */ R("div", { className: "-mb-3 self-end pr-2 pt-2", children: /* @__PURE__ */ R(Jv, { status: e.workflowStatus }) }),
+          /* @__PURE__ */ ye("div", { className: "space-y-2 divide-y divide-black/10 flex flex-col flex-1", children: [
+            /* @__PURE__ */ R(
               "div",
               {
-                className: Ae("text-lg font-medium flex-1 pb-1"),
+                className: Oe("text-lg font-medium flex-1 pb-1"),
                 style: {
                   color: e.workflowStatus === "Completed" ? "#1C232D" : (c == null ? void 0 : c.titleColor) || "#1C232D"
                 },
                 children: e.taskInstanceName
               }
             ),
-            g ? /* @__PURE__ */ Ee("div", { className: "flex items-center gap-2 text-sm pb-2", children: [
-              /* @__PURE__ */ $(Wt, { icon: zm, className: "size-4" }),
-              /* @__PURE__ */ Ee("div", { children: [
-                /* @__PURE__ */ $("span", { className: "font-medium", children: g === Qo.PHOTO ? "Photo" : "Screenshot" }),
+            b ? /* @__PURE__ */ ye("div", { className: "flex items-center gap-2 text-sm pb-2", children: [
+              /* @__PURE__ */ R(Wt, { icon: zm, className: "size-4" }),
+              /* @__PURE__ */ ye("div", { children: [
+                /* @__PURE__ */ R("span", { className: "font-medium", children: b === Qo.PHOTO ? "Photo" : "Screenshot" }),
                 " ",
                 "required"
               ] })
-            ] }) : /* @__PURE__ */ $(ut, {})
+            ] }) : /* @__PURE__ */ R(ut, {})
           ] }),
-          (d == null ? void 0 : d.description) && /* @__PURE__ */ $("div", { className: Ae(!i && "hidden"), children: /* @__PURE__ */ $(Ja, { description: (d == null ? void 0 : d.description) || "" }) }),
-          (m.length > 0 || e.hasDescription) && /* @__PURE__ */ Ee("div", { className: "flex items-center justify-end gap-4 border-t border-black/10 pt-2", children: [
-            /* @__PURE__ */ $("div", { className: "flex-1", children: /* @__PURE__ */ $(
+          (d == null ? void 0 : d.description) && /* @__PURE__ */ R("div", { className: Oe(!i && "hidden"), children: /* @__PURE__ */ R(Ja, { description: (d == null ? void 0 : d.description) || "" }) }),
+          (m.length > 0 || e.hasDescription) && /* @__PURE__ */ ye("div", { className: "flex items-center justify-end gap-4 border-t border-black/10 pt-2", children: [
+            /* @__PURE__ */ R("div", { className: "flex-1", children: /* @__PURE__ */ R(
               dv,
               {
                 buttons: m,
@@ -12105,17 +12099,17 @@ const jv = {
                 disabled: f
               }
             ) }),
-            a && /* @__PURE__ */ $(
+            a && /* @__PURE__ */ R(
               ur,
               {
                 size: "smallCollapse",
-                onMouseOver: b,
+                onMouseOver: g,
                 category: "link",
                 onClick: () => {
                   a();
                 },
                 title: i ? "Hide task description" : "Show task description",
-                children: /* @__PURE__ */ $(
+                children: /* @__PURE__ */ R(
                   Wt,
                   {
                     icon: Yc,
@@ -12139,20 +12133,18 @@ const jv = {
   ...r
 }) => {
   var o, s;
-  return /* @__PURE__ */ $(
+  return /* @__PURE__ */ R(
     "div",
     {
-      className: Ae("border-b border-gray-200 flex items-center", t),
+      className: Oe("border-b border-gray-200 flex items-center", t),
       style: {
-        backgroundColor: ((o = n == null ? void 0 : n.whiteLabel) == null ? void 0 : o.titleBackgroundColor) || "#f8f9fa",
-        minHeight: 104,
-        height: 104
+        backgroundColor: ((o = n == null ? void 0 : n.whiteLabel) == null ? void 0 : o.titleBackgroundColor) || "#f8f9fa"
       },
       ...r,
-      children: /* @__PURE__ */ $(
-        "h1",
+      children: /* @__PURE__ */ R(
+        "div",
         {
-          className: "text-xl px-5 line-clamp-2",
+          className: "text-xl min-h-16 p-4",
           style: {
             color: (s = n == null ? void 0 : n.whiteLabel) == null ? void 0 : s.titleTextColor
           },
@@ -12186,7 +12178,7 @@ const jv = {
   playbookStyle: n
 }) => {
   const { playbook: r, actions: o } = Af(e);
-  return r ? /* @__PURE__ */ $(
+  return r ? /* @__PURE__ */ R(
     Mu,
     {
       playbook: r,
@@ -12208,29 +12200,48 @@ const jv = {
       },
       playbookStyle: n
     }
-  ) : /* @__PURE__ */ $("div", {});
+  ) : /* @__PURE__ */ R("div", {});
 }, sy = ({
   className: e,
-  children: t
-}) => /* @__PURE__ */ $("div", { className: Ae("w-full mx-auto space-y-4 py-4 container", e), children: t }), Mu = ({
+  children: t,
+  numberOfTasks: n,
+  playbookMode: r
+}) => /* @__PURE__ */ ye("div", { className: Oe("w-full p-4", e), children: [
+  n && /* @__PURE__ */ ye("div", { className: Oe(r === "card" && "mb-4"), children: [
+    /* @__PURE__ */ R("span", { className: "font-medium", children: "Tasks" }),
+    " (3)"
+  ] }),
+  /* @__PURE__ */ R("div", { className: Oe(r === "card" && "space-y-4"), children: t })
+] }), Mu = ({
   playbook: e,
   playbookMode: t,
   onTaskButtonClick: n,
   playbookStyle: r
 }) => {
-  var c;
-  const { playbookInstanceName: o, tasks: s } = e, { isTaskExpanded: i, toggleTaskExpanded: a } = ry(
+  var h;
+  const { playbookInstanceName: o, tasks: s } = e, i = oe(null), [a, l] = he(0), { isTaskExpanded: c, toggleTaskExpanded: u } = ry(
     e.playbookInstanceId
-  ), l = de(() => {
-    const u = s.find(
-      (f) => f.workflowStatus === ge.COMPLETED
+  );
+  Ee(() => (i.current && new ResizeObserver((g) => {
+    var m;
+    for (const b of g)
+      console.log("ResizeObserver entry:", b), b.contentRect && l(
+        ((m = i.current) == null ? void 0 : m.offsetHeight) || 0
+      );
+  }).observe(i.current), () => {
+    i.current && new ResizeObserver(() => {
+    }).unobserve(i.current);
+  }), [i]);
+  const f = de(() => {
+    const d = s.find(
+      (g) => g.workflowStatus === ge.COMPLETED
     );
-    return u ? u.sequenceOrder + 1 : 0;
+    return d ? d.sequenceOrder + 1 : 0;
   }, [s]);
-  return /* @__PURE__ */ Ee(
+  return /* @__PURE__ */ ye(
     "div",
     {
-      className: Ae(
+      className: Oe(
         !(r != null && r.overlay) && "min-h-screen",
         (r == null ? void 0 : r.overlay) && "fixed bottom-0 z-[99999999999999] flex"
       ),
@@ -12244,17 +12255,17 @@ const jv = {
         }
       },
       children: [
-        (r == null ? void 0 : r.overlay) && /* @__PURE__ */ $(
+        (r == null ? void 0 : r.overlay) && /* @__PURE__ */ R(
           "div",
           {
-            className: Ae(
+            className: Oe(
               "size-9 relative p-1 top-3 z-[99999999999999] border-none rounded-l-sm "
             ),
             style: {
-              backgroundColor: ((c = r == null ? void 0 : r.whiteLabel) == null ? void 0 : c.primaryColor) || "#007BFF",
+              backgroundColor: ((h = r == null ? void 0 : r.whiteLabel) == null ? void 0 : h.primaryColor) || "#007BFF",
               boxShadow: "0px 3px 3px 0px #00000040"
             },
-            children: /* @__PURE__ */ $(
+            children: /* @__PURE__ */ R(
               "img",
               {
                 src: ny,
@@ -12264,49 +12275,48 @@ const jv = {
             )
           }
         ),
-        /* @__PURE__ */ Ee(
+        /* @__PURE__ */ ye(
           "div",
           {
-            className: Ae(
+            className: Oe(
               "flex flex-col flex-1 bg-gray-50",
               (r == null ? void 0 : r.overlay) && "border border-gray-200 shadow-2xl rounded-t-sm overflow-y-auto"
             ),
             children: [
-              /* @__PURE__ */ $(
+              /* @__PURE__ */ R(
                 ty,
                 {
                   title: o,
-                  className: Ae("top-0 sticky z-2 h-[104px"),
-                  playbookStyle: r
+                  className: Oe("top-0 sticky z-2"),
+                  playbookStyle: r,
+                  ref: i
                 }
               ),
-              /* @__PURE__ */ $(
+              /* @__PURE__ */ R(
                 sy,
                 {
-                  className: Ae(
-                    "flex-1",
-                    t === "list" && "space-y-0 px-5 relative"
-                  ),
-                  children: s.map((u, f) => {
-                    var h;
-                    return /* @__PURE__ */ $(
+                  playbookMode: t,
+                  numberOfTasks: e.numberofTasks,
+                  children: s.map((d, g) => {
+                    var m;
+                    return /* @__PURE__ */ R(
                       ey,
                       {
-                        task: u,
-                        step: f + 1,
+                        task: d,
+                        step: g + 1,
                         viewMode: t,
                         playbookId: e.playbookId,
-                        canStart: u.sequenceOrder === l,
-                        onButtonClick: (d) => n(d, u.taskInstanceId),
+                        canStart: d.sequenceOrder === f,
+                        onButtonClick: (b) => n(b, d.taskInstanceId),
                         playbookType: "Non-Sequential",
                         taskStyle: {
-                          titleColor: (h = r == null ? void 0 : r.whiteLabel) == null ? void 0 : h.primaryColor
+                          titleColor: (m = r == null ? void 0 : r.whiteLabel) == null ? void 0 : m.primaryColor
                         },
-                        isExpanded: i(u.taskInstanceId),
-                        toggleExpanded: () => a(u.taskInstanceId),
-                        listStickyTopBase: 104
+                        isExpanded: c(d.taskInstanceId),
+                        toggleExpanded: () => u(d.taskInstanceId),
+                        listStickyTopBase: a || 104
                       },
-                      f
+                      g
                     );
                   })
                 }
@@ -12322,10 +12332,10 @@ const jv = {
   playbookId: t,
   playbookMode: n
 }) => {
-  const [r, o] = pe(
+  const [r, o] = he(
     null
   );
-  return Te(() => {
+  return Ee(() => {
     (async () => {
       const { playbookInstanceId: s, errorCode: i, details: a, message: l } = await Pl({
         bank: "public-sdk",
@@ -12339,24 +12349,24 @@ const jv = {
         );
       o(s);
     })();
-  }, []), r ? /* @__PURE__ */ $(
+  }, []), r ? /* @__PURE__ */ R(
     qn,
     {
       playbookInstanceId: r,
       playbookMode: n
     }
-  ) : /* @__PURE__ */ $("div", { children: "Loading..." });
+  ) : /* @__PURE__ */ R("div", { children: "Loading..." });
 }, ay = ({
   playbookId: e,
   playbookMode: t = "list",
   playbookStyle: n,
   btnLabel: r = "Start Playbook"
 }) => {
-  const [o, s] = pe(
+  const [o, s] = he(
     null
   );
-  return /* @__PURE__ */ Ee(ut, { children: [
-    /* @__PURE__ */ $(
+  return /* @__PURE__ */ ye(ut, { children: [
+    /* @__PURE__ */ R(
       Dm,
       {
         playbookId: e,
@@ -12365,7 +12375,7 @@ const jv = {
         btnLabel: r
       }
     ),
-    o && /* @__PURE__ */ $(
+    o && /* @__PURE__ */ R(
       qn,
       {
         playbookInstanceId: o,
@@ -12378,7 +12388,7 @@ const jv = {
   playbookInstanceId: e,
   playbookMode: t,
   playbookStyle: n
-}) => /* @__PURE__ */ $(Tl, { children: /* @__PURE__ */ $(
+}) => /* @__PURE__ */ R(Tl, { children: /* @__PURE__ */ R(
   oy,
   {
     playbookInstanceId: e,
@@ -12392,7 +12402,7 @@ qn.AutoInstantiated = iy;
 qn.WithInstantiateButton = ay;
 const gy = ({
   children: e
-}) => /* @__PURE__ */ $("div", { className: "confidence-ui", children: e });
+}) => /* @__PURE__ */ R("div", { className: "confidence-ui", children: e });
 export {
   qn as ConfidencePlaybook,
   Dm as ConfidencePlaybookButton,