@confidencesystemsinc/sdk 1.2.1 → 1.2.3

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 {
@@ -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);
@@ -570,7 +570,7 @@ var Ce = Zu(), en, tl, gl = (tl = class {
         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),
@@ -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();
       });
@@ -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))
       )
@@ -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;
@@ -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 = ({
@@ -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(
+  if ($.useSyncExternalStore(
+    $.useCallback(
       (g) => {
-        const w = u ? l.subscribe(Ce.batchCalls(g)) : Fe;
+        const w = u ? l.subscribe(Te.batchCalls(g)) : 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);
@@ -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",
@@ -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"), b = Ce("blur"), m = Ce("perspective"), g = 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"]
@@ -2311,7 +2311,7 @@ const xe = (e) => {
     b,
     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: {
@@ -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,14 +5041,14 @@ 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)) {
@@ -5103,13 +5103,13 @@ 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;
@@ -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;
@@ -5351,7 +5351,7 @@ function Ar(e, t = {}, n, r, o) {
   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,7 +5531,7 @@ 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]);
+  Pe(() => 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))) {
@@ -5547,7 +5547,7 @@ function oh(e, t) {
   }), 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" });
 }
-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);
@@ -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;
@@ -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);
@@ -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 [b, m] = $.useState(null), [g, 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 || b, v = i || g, 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;
 }
@@ -7074,7 +7074,7 @@ function Hp(e, t) {
   } }, 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 }));
 }
-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;
 }
@@ -7196,22 +7196,22 @@ function zc(e, t) {
 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: b, leaveTo: m, ...g } = e, [w, x] = he(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] = 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,9 +7222,9 @@ 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;
@@ -7237,14 +7237,14 @@ function Jp(e, 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, b] = he(!0), m = oe([n]);
+  Pe(() => {
     d !== !1 && m.current[m.current.length - 1] !== n && (m.current.push(n), b(!1));
   }, [m, n]);
   let g = de(() => ({ show: n, appear: r, initial: d }), [n, r, d]);
-  Oe(() => {
+  Pe(() => {
     n ? f("visible") : !mo(h) && i.current !== null && f("hidden");
   }, [n, h]);
   let w = { unmount: o }, x = ue(() => {
@@ -7257,17 +7257,17 @@ function Jp(e, t) {
   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" })));
 }
 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,7 +7277,7 @@ 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");
@@ -7296,13 +7296,13 @@ let sa = Se(function(e, t) {
     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, g == null ? void 0 : g.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);
   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;
@@ -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 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}`;
@@ -7424,7 +7424,7 @@ const Cm = "whitespace-nowrap font-normal flex items-center justify-center", Tm
 }, 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__ */ $(
+  return /* @__PURE__ */ R(
     "button",
     {
       ...u,
@@ -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);
   }
@@ -7584,8 +7584,8 @@ const Cm = "whitespace-nowrap font-normal flex items-center justify-center", Tm
       );
     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,
@@ -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 = b, 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;
     }
@@ -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;
@@ -10619,8 +10619,8 @@ function Gb() {
     function g(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"
@@ -10715,7 +10715,7 @@ function Gb() {
         for (var I = U[S], Q = 0; Q < E.length; Q++)
           if (b(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;
         });
@@ -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);
@@ -10764,7 +10764,7 @@ function Gb() {
     }
     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);
     }
@@ -10782,9 +10782,9 @@ 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;
       }
@@ -10797,15 +10797,15 @@ 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;
         }
@@ -10813,7 +10813,7 @@ Valid keys: ` + JSON.stringify(Object.keys(E), null, "  ")
       }
       return g(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
@@ -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;
 }
@@ -11412,13 +11412,13 @@ function Lv(e, t) {
     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), {
+  } = t, m = Nu(), g = bn(typeof l == "function" ? l : () => !1), w = typeof l == "function" ? g : 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(b), 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) => {
+  const [l, c] = $.useState(r.reference), u = bn((d, b, m) => {
     s.current.openEvent = d ? b : void 0, i.emit("openchange", {
       open: d,
       event: b,
       reason: m,
       nested: a
     }), n == null || n(d, b, m);
-  }), f = R.useMemo(() => ({
+  }), 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,27 +11624,27 @@ function _v(e) {
         reference: a
       }
     }
-  }), b = R.useCallback((y) => {
+  }), b = $.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]), g = $.useMemo(() => ({
     ...d.refs,
     setReference: m,
     setPositionReference: b,
     domReference: f
-  }), [d.refs, m, b]), w = R.useMemo(() => ({
+  }), [d.refs, m, b]), w = $.useMemo(() => ({
     ...d.elements,
     domReference: u
-  }), [d.elements, u]), x = R.useMemo(() => ({
+  }), [d.elements, u]), x = $.useMemo(() => ({
     ...d,
     ...r,
     refs: g,
@@ -11655,7 +11655,7 @@ function _v(e) {
     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,
@@ -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,7 +11962,7 @@ const jv = {
   taskStyle: c,
   listStickyTopBase: u
 }) => {
-  const [f, h] = pe(!1), { taskDetails: d, prefetchQuery: b } = fv({
+  const [f, h] = he(!1), { taskDetails: d, prefetchQuery: b } = fv({
     taskId: e.taskId,
     playbookId: l,
     enabled: i
@@ -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(
+                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" }),
+            g ? /* @__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: g === 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,7 +12099,7 @@ const jv = {
                 disabled: f
               }
             ) }),
-            a && /* @__PURE__ */ $(
+            a && /* @__PURE__ */ R(
               ur,
               {
                 size: "smallCollapse",
@@ -12115,7 +12109,7 @@ const jv = {
                   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,53 +12200,72 @@ 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, d, b, m, g;
+  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((x) => {
+    var y;
+    for (const C of x)
+      console.log("ResizeObserver entry:", C), C.contentRect && l(
+        ((y = i.current) == null ? void 0 : y.offsetHeight) || 0
+      );
+  }).observe(i.current), () => {
+    i.current && new ResizeObserver(() => {
+    }).unobserve(i.current);
+  }), [i]);
+  const f = de(() => {
+    const w = s.find(
+      (x) => x.workflowStatus === ge.COMPLETED
     );
-    return u ? u.sequenceOrder + 1 : 0;
+    return w ? w.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"
       ),
       ...(r == null ? void 0 : r.overlay) && {
         style: {
-          width: r.overlay.width || 450,
-          height: r.overlay.height || "calc(100vh - 4rem)",
+          width: ((h = r.overlay.size) == null ? void 0 : h.width) || 450,
+          height: ((d = r.overlay.size) == null ? void 0 : d.height) || "calc(100vh - 4rem)",
           maxHeight: "calc(100vh - 4rem)",
-          right: r.overlay.right !== void 0 ? r.overlay.right : r.overlay.position === "right" ? 32 : void 0,
-          left: r.overlay.left !== void 0 ? r.overlay.left : r.overlay.position === "left" ? 32 : void 0
+          right: ((b = r.overlay.offset) == null ? void 0 : b.right) !== void 0 ? r.overlay.offset.right : r.overlay.position === "right" ? 32 : void 0,
+          left: ((m = r.overlay.offset) == null ? void 0 : m.left) !== void 0 ? r.overlay.offset.left : r.overlay.position === "left" ? 32 : void 0
         }
       },
       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: ((g = r == null ? void 0 : r.whiteLabel) == null ? void 0 : g.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((w, x) => {
+                    var y;
+                    return /* @__PURE__ */ R(
                       ey,
                       {
-                        task: u,
-                        step: f + 1,
+                        task: w,
+                        step: x + 1,
                         viewMode: t,
                         playbookId: e.playbookId,
-                        canStart: u.sequenceOrder === l,
-                        onButtonClick: (d) => n(d, u.taskInstanceId),
+                        canStart: w.sequenceOrder === f,
+                        onButtonClick: (C) => n(C, w.taskInstanceId),
                         playbookType: "Non-Sequential",
                         taskStyle: {
-                          titleColor: (h = r == null ? void 0 : r.whiteLabel) == null ? void 0 : h.primaryColor
+                          titleColor: (y = r == null ? void 0 : r.whiteLabel) == null ? void 0 : y.primaryColor
                         },
-                        isExpanded: i(u.taskInstanceId),
-                        toggleExpanded: () => a(u.taskInstanceId),
-                        listStickyTopBase: 104
+                        isExpanded: c(w.taskInstanceId),
+                        toggleExpanded: () => u(w.taskInstanceId),
+                        listStickyTopBase: a || 104
                       },
-                      f
+                      x
                     );
                   })
                 }
@@ -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,