@chaibuilder/sdk 1.2.67 → 1.2.68

package/dist/{index-Zu-K_BX7.js → index-ElwrrnPk.js}

@@ -1,13 +1,13 @@
 var mt = Object.defineProperty;
 var gt = (r, n, o) => n in r ? mt(r, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[n] = o;
-var Le = (r, n, o) => (gt(r, typeof n != "symbol" ? n + "" : n, o), o);
+var Ve = (r, n, o) => (gt(r, typeof n != "symbol" ? n + "" : n, o), o);
 import { j as jsxRuntimeExports } from "./jsx-runtime-Sp0orL4X.js";
 import * as React from "react";
 import React__default, { createContext as createContext$1, useReducer, useEffect as useEffect$1, useDebugValue, useCallback as useCallback$1, useContext as useContext$1, useState as useState$1, Component, Children, Suspense, useMemo as useMemo$1, useRef as useRef$1, memo, createElement as createElement$1, useLayoutEffect as useLayoutEffect$1, forwardRef as forwardRef$1, cloneElement, Fragment, isValidElement, lazy } from "react";
-import { memoize as memoize$1, has, find, filter, flatten, map, omit, isString as isString$1, includes, without, get as get$1, set, isEmpty, forIn, isObject as isObject$2, each, first, noop as noop$1, keys, startsWith, range, values, flattenDeep, isNull, pick, sortBy, chunk, throttle, debounce as debounce$1, isEqual, flatMapDeep, forEach, capitalize, last, startCase, truncate, isArray as isArray$5, split, toLower, cloneDeep, reject, nth, isNumber as isNumber$1, parseInt as parseInt$1, isNaN as isNaN$1, findLast, intersection, toUpper } from "lodash-es";
+import { memoize as memoize$1, has, find, filter, flatten, map, omit, isString as isString$1, includes, without, get as get$1, set, isEmpty, forIn, isObject as isObject$2, each, first, noop as noop$1, keys, startsWith, range, values, flattenDeep, isNull, pick, sortBy, chunk, throttle, debounce as debounce$1, isEqual, flatMapDeep, forEach, capitalize, last, startCase, truncate, isArray as isArray$5, split, toLower, cloneDeep, reject, nth, isNumber as isNumber$1, parseInt as parseInt$1, isNaN as isNaN$1, findLast, intersection, groupBy, toUpper } from "lodash-es";
 import { atom as atom$1, useAtomValue as useAtomValue$1, useAtom as useAtom$1, useSetAtom as useSetAtom$1, getDefaultStore as getDefaultStore$1 } from "jotai";
 import { g as generateUUID, a as getBreakpointValue$1, f, y, s, c as cn, G as GenIcon } from "./iconBase-zweRWSz0.js";
-import { getBlockComponent, getChaiDataProviders, useGlobalStylingPresets, syncBlocksWithDefaults } from "@chaibuilder/runtime";
+import { getBlockComponent, getChaiDataProviders, useGlobalStylingPresets, useChaiBlocks, syncBlocksWithDefaults } from "@chaibuilder/runtime";
 import { useTranslation, initReactI18next } from "react-i18next";
 import { g as getDefaultExportFromCjs, p as plugin, c as commonjsGlobal } from "./plugin-sJ3Hzvpv.js";
 import { useThrottledCallback, useResizeObserver, useDebouncedCallback, useIntervalEffect } from "@react-hookz/web";
@@ -17,7 +17,7 @@ import { S as SLOT_KEY, I as I18N_KEY, a as STYLES_KEY, O as OUTLINE_KEY } from
 import { useHotkeys } from "react-hotkeys-hook";
 import { flip as flip$2 } from "@floating-ui/dom";
 import { useFloating as useFloating$1, shift, getOverflowAncestors, autoUpdate, size, offset, limitShift, flip as flip$3, inline, arrow } from "@floating-ui/react-dom";
-import { ArrowUpIcon, CopyIcon as CopyIcon$1, TrashIcon, DragHandleDots2Icon, BoxModelIcon, BoxIcon, DragHandleHorizontalIcon, ViewHorizontalIcon, BorderAllIcon, BorderTopIcon, TableIcon, DropdownMenuIcon, RadiobuttonIcon, InputIcon, ButtonIcon, CheckboxIcon, GroupIcon, SpaceBetweenVerticallyIcon, ColumnsIcon, RowsIcon, TextIcon, SketchLogoIcon, DividerHorizontalIcon, CodeIcon, CursorTextIcon, VideoIcon, Link1Icon, HeadingIcon, ImageIcon, CardStackPlusIcon, CardStackIcon, ScissorsIcon, TriangleRightIcon, PlusIcon, Cross2Icon, EyeOpenIcon, EyeClosedIcon, WidthIcon, HeightIcon, ArrowRightIcon, ArrowDownIcon, ArrowLeftIcon, ArrowTopLeftIcon, ArrowTopRightIcon, ArrowBottomRightIcon, ArrowBottomLeftIcon, AlignLeftIcon, AlignCenterHorizontallyIcon, AlignRightIcon, StretchHorizontallyIcon, FontItalicIcon, UnderlineIcon, OverlineIcon, LetterCaseUppercaseIcon, Cross1Icon, InfoCircledIcon, MinusIcon, TriangleDownIcon, RowSpacingIcon, CrossCircledIcon, CaretDownIcon, CheckIcon, SunIcon, DotsVerticalIcon, MobileIcon, LaptopIcon, DesktopIcon, ResetIcon } from "@radix-ui/react-icons";
+import { ArrowUpIcon, CopyIcon as CopyIcon$1, TrashIcon, DragHandleDots2Icon, BoxModelIcon, BoxIcon, DragHandleHorizontalIcon, ViewHorizontalIcon, BorderAllIcon, BorderTopIcon, TableIcon, DropdownMenuIcon, RadiobuttonIcon, InputIcon, ButtonIcon, CheckboxIcon, GroupIcon, SpaceBetweenVerticallyIcon, ColumnsIcon, RowsIcon, TextIcon, SketchLogoIcon, DividerHorizontalIcon, CodeIcon, CursorTextIcon, VideoIcon, Link1Icon, HeadingIcon, ImageIcon, CardStackPlusIcon, CardStackIcon, ScissorsIcon, TriangleRightIcon, PlusIcon, Cross2Icon, EyeOpenIcon, EyeClosedIcon, WidthIcon, HeightIcon, ArrowRightIcon, ArrowDownIcon, ArrowLeftIcon, ArrowTopLeftIcon, ArrowTopRightIcon, ArrowBottomRightIcon, ArrowBottomLeftIcon, AlignLeftIcon, AlignCenterHorizontallyIcon, AlignRightIcon, StretchHorizontallyIcon, FontItalicIcon, UnderlineIcon, OverlineIcon, LetterCaseUppercaseIcon, Cross1Icon, InfoCircledIcon, MinusIcon, TriangleDownIcon, RowSpacingIcon, CrossCircledIcon, CaretDownIcon, CaretSortIcon, CheckIcon, CaretRightIcon, SunIcon, DotsVerticalIcon, MobileIcon, LaptopIcon, DesktopIcon, ResetIcon } from "@radix-ui/react-icons";
 import { useFeature, FlagsProvider } from "flagged";
 import typography from "@tailwindcss/typography";
 import forms from "@tailwindcss/forms";
@@ -31,13 +31,13 @@ import PropTypes from "prop-types";
 import validator from "@rjsf/validator-ajv8";
 import Form from "@rjsf/core";
 import { Tree } from "react-arborist";
-import { DatabaseIcon, EditIcon, TrashIcon as TrashIcon$1, Check, Loader as Loader$1, SparklesIcon, Edit2, X, SmileIcon, ShuffleIcon } from "lucide-react";
+import { DatabaseIcon, EditIcon, TrashIcon as TrashIcon$1, Check, Loader as Loader$1, SparklesIcon, SmileIcon, ShuffleIcon, Edit2, X } from "lucide-react";
 import { parse as parse$1, stringify as stringify$3 } from "himalaya";
 import IconPicker, { IconPickerItem } from "react-icons-picker";
 import Autosuggest from "react-autosuggest";
 import Fuse from "fuse.js";
-import i18n from "i18next";
 import clsx from "clsx";
+import i18n from "i18next";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 const canAcceptChildBlock = memoize$1((r, n) => {
   if (!r)
@@ -94,30 +94,30 @@ const hasInitialValue = (r) => "init" in r, isActuallyWritableAtom = (r) => !!r.
     }
   }, d = (k, O, T) => {
     const M = /* @__PURE__ */ new Map();
-    let z = !1;
+    let L = !1;
     T.forEach((D, W) => {
-      !D && W === k && (D = O), D ? (M.set(W, D), O.d.get(W) !== D && (z = !0)) : (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && console.warn("[Bug] atom state not found");
-    }), (z || O.d.size !== M.size) && (O.d = M);
+      !D && W === k && (D = O), D ? (M.set(W, D), O.d.get(W) !== D && (L = !0)) : (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && console.warn("[Bug] atom state not found");
+    }), (L || O.d.size !== M.size) && (O.d = M);
   }, p = (k, O, T) => {
-    const M = c(k), z = {
+    const M = c(k), L = {
       d: (M == null ? void 0 : M.d) || /* @__PURE__ */ new Map(),
       v: O
     };
-    if (T && d(k, z, T), M && isEqualAtomValue(M, z) && M.d === z.d)
+    if (T && d(k, L, T), M && isEqualAtomValue(M, L) && M.d === L.d)
       return M;
-    if (M && hasPromiseAtomValue(M) && hasPromiseAtomValue(z) && isEqualPromiseAtomValue(M, z)) {
-      if (M.d === z.d)
+    if (M && hasPromiseAtomValue(M) && hasPromiseAtomValue(L) && isEqualPromiseAtomValue(M, L)) {
+      if (M.d === L.d)
         return M;
-      z.v = M.v;
+      L.v = M.v;
     }
-    return u(k, z), z;
+    return u(k, L), L;
   }, m = (k, O, T, M) => {
     if (isPromiseLike$2(O)) {
-      let z;
+      let L;
       const D = new Promise((W, J) => {
         let F = !1;
         O.then(
-          (V) => {
+          (z) => {
             if (!F) {
               F = !0;
               const q = c(k), H = p(
@@ -125,10 +125,10 @@ const hasInitialValue = (r) => "init" in r, isActuallyWritableAtom = (r) => !!r.
                 D,
                 T
               );
-              resolvePromise(D, V), W(V), (q == null ? void 0 : q.d) !== H.d && P(k, H, q == null ? void 0 : q.d);
+              resolvePromise(D, z), W(z), (q == null ? void 0 : q.d) !== H.d && P(k, H, q == null ? void 0 : q.d);
             }
           },
-          (V) => {
+          (z) => {
             if (!F) {
               F = !0;
               const q = c(k), H = p(
@@ -136,40 +136,40 @@ const hasInitialValue = (r) => "init" in r, isActuallyWritableAtom = (r) => !!r.
                 D,
                 T
               );
-              rejectPromise(D, V), J(V), (q == null ? void 0 : q.d) !== H.d && P(k, H, q == null ? void 0 : q.d);
+              rejectPromise(D, z), J(z), (q == null ? void 0 : q.d) !== H.d && P(k, H, q == null ? void 0 : q.d);
             }
           }
-        ), z = (V) => {
-          F || (F = !0, V.then(
+        ), L = (z) => {
+          F || (F = !0, z.then(
             (q) => resolvePromise(D, q),
             (q) => rejectPromise(D, q)
-          ), W(V));
+          ), W(z));
         };
       });
       return D.orig = O, D.status = "pending", registerCancelPromise(D, (W) => {
-        W && z(W), M == null || M();
+        W && L(W), M == null || M();
       }), p(k, D, T);
     }
     return p(k, O, T);
   }, g = (k, O, T) => {
-    const M = c(k), z = {
+    const M = c(k), L = {
       d: (M == null ? void 0 : M.d) || /* @__PURE__ */ new Map(),
       e: O
     };
-    return T && d(k, z, T), M && isEqualAtomError(M, z) && M.d === z.d ? M : (u(k, z), z);
+    return T && d(k, L, T), M && isEqualAtomError(M, L) && M.d === L.d ? M : (u(k, L), L);
   }, h = (k) => {
     const O = c(k);
-    if (O && (O.d.forEach((F, V) => {
-      V !== k && !n.has(V) && h(V);
-    }), Array.from(O.d).every(([F, V]) => {
+    if (O && (O.d.forEach((F, z) => {
+      z !== k && !n.has(z) && h(z);
+    }), Array.from(O.d).every(([F, z]) => {
       const q = c(F);
-      return F === k || q === V || // TODO This is a hack, we should find a better solution.
-      q && !hasPromiseAtomValue(q) && isEqualAtomValue(q, V);
+      return F === k || q === z || // TODO This is a hack, we should find a better solution.
+      q && !hasPromiseAtomValue(q) && isEqualAtomValue(q, z);
     })))
       return O;
     const T = /* @__PURE__ */ new Map();
     let M = !0;
-    const z = (F) => {
+    const L = (F) => {
       if (F === k) {
         const q = c(F);
         if (q)
@@ -178,8 +178,8 @@ const hasInitialValue = (r) => "init" in r, isActuallyWritableAtom = (r) => !!r.
           return T.set(F, void 0), F.init;
         throw new Error("no atom init");
       }
-      const V = h(F);
-      return T.set(F, V), returnAtomValue(V);
+      const z = h(F);
+      return T.set(F, z), returnAtomValue(z);
     };
     let D, W;
     const J = {
@@ -194,7 +194,7 @@ const hasInitialValue = (r) => "init" in r, isActuallyWritableAtom = (r) => !!r.
       }
     };
     try {
-      const F = k.read(z, J);
+      const F = k.read(L, J);
       return m(
         k,
         F,
@@ -223,13 +223,13 @@ const hasInitialValue = (r) => "init" in r, isActuallyWritableAtom = (r) => !!r.
       });
     };
     M(k);
-    const z = (D) => {
+    const L = (D) => {
       const W = n.get(D);
       W == null || W.t.forEach((J) => {
         var F;
         if (J !== D) {
-          let V = T.get(J);
-          if (V && T.set(J, --V), !V) {
+          let z = T.get(J);
+          if (z && T.set(J, --z), !z) {
             let q = !!((F = O.get(J)) != null && F.size);
             if (q) {
               const H = c(J), ee = h(J);
@@ -237,46 +237,46 @@ const hasInitialValue = (r) => "init" in r, isActuallyWritableAtom = (r) => !!r.
             }
             q || O.forEach((H) => H.delete(J));
           }
-          z(J);
+          L(J);
         }
       });
     };
-    z(k);
+    L(k);
   }, E = (k, ...O) => {
     let T = !0;
-    const M = (W) => returnAtomValue(h(W)), z = (W, ...J) => {
+    const M = (W) => returnAtomValue(h(W)), L = (W, ...J) => {
       let F;
       if (W === k) {
         if (!hasInitialValue(W))
           throw new Error("atom not writable");
-        const V = c(W), q = m(W, J[0]);
-        (!V || !isEqualAtomValue(V, q)) && w(W);
+        const z = c(W), q = m(W, J[0]);
+        (!z || !isEqualAtomValue(z, q)) && w(W);
       } else
         F = E(W, ...J);
       if (!T) {
-        const V = I();
+        const z = I();
         (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && i.forEach(
-          (q) => q({ type: "async-write", flushed: V })
+          (q) => q({ type: "async-write", flushed: z })
         );
       }
       return F;
-    }, D = k.write(M, z, ...O);
+    }, D = k.write(M, L, ...O);
     return T = !1, D;
   }, A = (k, ...O) => {
     const T = E(k, ...O), M = I();
     return (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && i.forEach(
-      (z) => z({ type: "write", flushed: M })
+      (L) => L({ type: "write", flushed: M })
     ), T;
   }, C = (k, O) => {
     const T = {
       t: new Set(O && [O]),
       l: /* @__PURE__ */ new Set()
     };
-    if (n.set(k, T), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && l.add(k), h(k).d.forEach((M, z) => {
-      const D = n.get(z);
-      D ? D.t.add(k) : z !== k && C(z, k);
+    if (n.set(k, T), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && l.add(k), h(k).d.forEach((M, L) => {
+      const D = n.get(L);
+      D ? D.t.add(k) : L !== k && C(L, k);
     }), h(k), isActuallyWritableAtom(k) && k.onMount) {
-      const M = k.onMount((...z) => A(k, ...z));
+      const M = k.onMount((...L) => A(k, ...L));
       M && (T.u = M);
     }
     return T;
@@ -285,7 +285,7 @@ const hasInitialValue = (r) => "init" in r, isActuallyWritableAtom = (r) => !!r.
     const T = (O = n.get(k)) == null ? void 0 : O.u;
     T && T(), n.delete(k), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && l.delete(k);
     const M = c(k);
-    M ? (hasPromiseAtomValue(M) && cancelPromise(M.v), M.d.forEach((z, D) => {
+    M ? (hasPromiseAtomValue(M) && cancelPromise(M.v), M.d.forEach((L, D) => {
       if (D !== k) {
         const W = n.get(D);
         W && (W.t.delete(k), v(D, W) && R(D));
@@ -293,29 +293,29 @@ const hasInitialValue = (r) => "init" in r, isActuallyWritableAtom = (r) => !!r.
     })) : (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && console.warn("[Bug] could not find atom state to unmount", k);
   }, P = (k, O, T) => {
     const M = new Set(O.d.keys());
-    T == null || T.forEach((z, D) => {
+    T == null || T.forEach((L, D) => {
       if (M.has(D)) {
         M.delete(D);
         return;
       }
       const W = n.get(D);
       W && (W.t.delete(k), v(D, W) && R(D));
-    }), M.forEach((z) => {
-      const D = n.get(z);
-      D ? D.t.add(k) : n.has(k) && C(z, k);
+    }), M.forEach((L) => {
+      const D = n.get(L);
+      D ? D.t.add(k) : n.has(k) && C(L, k);
     });
   }, I = () => {
     let k;
     for ((define_import_meta_env_default$2 ? "production" : void 0) !== "production" && (k = /* @__PURE__ */ new Set()); o.size; ) {
       const O = Array.from(o);
       o.clear(), O.forEach(([T, M]) => {
-        const z = c(T);
-        if (z) {
-          z.d !== (M == null ? void 0 : M.d) && P(T, z, M == null ? void 0 : M.d);
+        const L = c(T);
+        if (L) {
+          L.d !== (M == null ? void 0 : M.d) && P(T, L, M == null ? void 0 : M.d);
           const D = n.get(T);
           D && !// TODO This seems pretty hacky. Hope to fix it.
           // Maybe we could `mountDependencies` in `setAtomState`?
-          (M && !hasPromiseAtomValue(M) && (isEqualAtomValue(M, z) || isEqualAtomError(M, z))) && (D.l.forEach((W) => W()), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && k.add(T));
+          (M && !hasPromiseAtomValue(M) && (isEqualAtomValue(M, L) || isEqualAtomError(M, L))) && (D.l.forEach((W) => W()), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && k.add(T));
         } else
           (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && console.warn("[Bug] no atom state to flush");
       });
@@ -323,11 +323,11 @@ const hasInitialValue = (r) => "init" in r, isActuallyWritableAtom = (r) => !!r.
     if ((define_import_meta_env_default$2 ? "production" : void 0) !== "production")
       return a.forEach((O) => O("state")), k;
   }, j = (k, O) => {
-    const T = x(k), M = I(), z = T.l;
-    return z.add(O), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && (a.forEach((D) => D("sub")), i.forEach(
+    const T = x(k), M = I(), L = T.l;
+    return L.add(O), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && (a.forEach((D) => D("sub")), i.forEach(
       (D) => D({ type: "sub", flushed: M })
     )), () => {
-      z.delete(O), S(k), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && (a.forEach((D) => D("unsub")), i.forEach((D) => D({ type: "unsub" })));
+      L.delete(O), S(k), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && (a.forEach((D) => D("unsub")), i.forEach((D) => D({ type: "unsub" })));
     };
   };
   return (define_import_meta_env_default$2 ? "production" : void 0) !== "production" ? {
@@ -2867,7 +2867,7 @@ class Content extends Component {
     return Children.only(this.props.children);
   }
 }
-Le(Content, "propTypes", {
+Ve(Content, "propTypes", {
   children: PropTypes.element.isRequired,
   contentDidMount: PropTypes.func.isRequired,
   contentDidUpdate: PropTypes.func.isRequired
@@ -2875,17 +2875,17 @@ Le(Content, "propTypes", {
 class Frame extends Component {
   constructor(o, a) {
     super(o, a);
-    Le(this, "setRef", (o) => {
+    Ve(this, "setRef", (o) => {
       this.nodeRef.current = o;
       const { forwardedRef: a } = this.props;
       typeof a == "function" ? a(o) : a && (a.current = o);
     });
-    Le(this, "handleLoad", () => {
+    Ve(this, "handleLoad", () => {
       clearInterval(this.loadCheck), this.state.iframeLoaded || this.setState({ iframeLoaded: !0 });
     });
     // In certain situations on a cold cache DOMContentLoaded never gets called
     // fallback to an interval to check if that's the case
-    Le(this, "loadCheck", () => setInterval(() => {
+    Ve(this, "loadCheck", () => setInterval(() => {
       this.handleLoad();
     }, 500));
     this._isMounted = !1, this.nodeRef = React__default.createRef(), this.state = { iframeLoaded: !1 };
@@ -2926,7 +2926,7 @@ class Frame extends Component {
 // also inject into the body and can mess up React. For this reason
 // initialContent is expected to have a div inside of the body
 // element that we render react into.
-Le(Frame, "propTypes", {
+Ve(Frame, "propTypes", {
   style: PropTypes.object,
   // eslint-disable-line
   head: PropTypes.node,
@@ -2936,7 +2936,7 @@ Le(Frame, "propTypes", {
   contentDidMount: PropTypes.func,
   contentDidUpdate: PropTypes.func,
   children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)])
-}), Le(Frame, "defaultProps", {
+}), Ve(Frame, "defaultProps", {
   style: {},
   head: null,
   children: void 0,
@@ -3932,7 +3932,7 @@ const Node = memo(({ node: r, style: n, dragHandle: o }) => {
         C.preventDefault(), A(u, "no");
       },
       className: cn(
-        "group flex !h-fit w-full items-center justify-between space-x-px py-px outline-none",
+        "group flex !h-fit w-full items-center justify-between space-x-px !rounded-md py-px outline-none",
         p ? "bg-blue-500 text-white" : "text-gray-600 hover:bg-gray-200 dark:hover:bg-gray-800",
         m && canAcceptChildBlock(d._type, "Icon") ? "bg-green-200" : "",
         g && "opacity-20"
@@ -4885,7 +4885,7 @@ const ViewData = ({ data: r, fullView: n }) => {
       }
     )
   ] });
-}, UnsplashImages = React__default.lazy(() => import("./UnsplashImages-sotLcz6r.js")), UploadImages = React__default.lazy(() => import("./UploadImages-I0QQ6vj1.js")), ImagesPanel = ({
+}, UnsplashImages = React__default.lazy(() => import("./UnsplashImages-7vkIHXUl.js")), UploadImages = React__default.lazy(() => import("./UploadImages-dHtEwNpW.js")), ImagesPanel = ({
   isModalView: r = !1,
   onSelect: n = () => {
   }
@@ -5309,9 +5309,9 @@ function ManualClasses() {
     let k = [];
     if (j && j.length > 0) {
       const [O] = j, T = I.replace(O, "");
-      k = fuse.search(T).map((z) => ({
-        ...z,
-        item: { ...z.item, name: O + z.item.name }
+      k = fuse.search(T).map((L) => ({
+        ...L,
+        item: { ...L.item, name: O + L.item.name }
       }));
     } else
       k = fuse.search(I);
@@ -6086,8 +6086,8 @@ const RangeChoices = ({ property: r, onChange: n }) => {
       }
       if (get$1(O, "value") === "")
         return;
-      const z = `${get$1(O, "value", "").startsWith("-") ? "-" : ""}${u}[${get$1(O, "value", "").replace("-", "")}${T === "-" ? "" : T}]`;
-      k ? P(z) : R(z);
+      const L = `${get$1(O, "value", "").startsWith("-") ? "-" : ""}${u}[${get$1(O, "value", "").replace("-", "")}${T === "-" ? "" : T}]`;
+      k ? P(L) : R(L);
     },
     [R, P, a, g, u, p]
   ), j = useCallback$1(
@@ -6103,8 +6103,8 @@ const RangeChoices = ({ property: r, onChange: n }) => {
       }
       if (get$1(O, "value") === "")
         return;
-      const T = get$1(O, "unit") !== "" ? get$1(O, "unit") : k, z = `${get$1(O, "value", "").startsWith("-") ? "-" : ""}${u}[${get$1(O, "value", "").replace("-", "")}${T === "-" ? "" : T}]`;
-      R(z);
+      const T = get$1(O, "unit") !== "" ? get$1(O, "unit") : k, L = `${get$1(O, "value", "").startsWith("-") ? "-" : ""}${u}[${get$1(O, "value", "").replace("-", "")}${T === "-" ? "" : T}]`;
+      R(L);
     },
     [R, a, u, p]
   );
@@ -6561,7 +6561,178 @@ function BlockStyling() {
     ] })
   ] });
 }
-const add_block$2 = "Add block", enter_paste_tailwind_html$2 = "(Enter or paste TailwindCSS HTML snippet)", click_to_add_block$2 = "(Click to add block to page)", core$2 = "Core", custom_blocks$2 = "Custom Blocks", ui_library$2 = "UI Library", html_snippet_description$2 = "Use HTML snippets from Tailwind CSS component libraries etc. or just copy paste your own HTML code.", tailwind_html_snippet$2 = "Tailwind HTML snippet:", enter_code_snippet$2 = "Enter your code snippet here...", import_html$2 = "Import HTML", note_imported_html$2 = "NOTE: Imported html will be added to the currently selected block. If no block is selected, the html will be added to the page.", dark_mode$2 = "Dark mode", tree_view_no_blocks$2 = "This page has no blocks. Add a block by clicking the + button", canvas_empty$2 = "This page is empty", no_block_selected_for_styling$2 = "Please select a block to edit settings or styles", no_block_selected_for_ask_ai = "Please select a block to ask AI", no_styling_block_selected$2 = "Please select a styling block", drop_here_message$2 = "Drop your block here", use_setting$2 = "Use setting", mobile_xs_title$2 = "Mobile (XS)", mobile_xs_content$2 = "Styles set here are applied to all screen unless edited at higher breakpoint", mobile_sm_title$2 = "Mobile landscape (SM)", mobile_sm_content$2 = "Styles set here are applied at 640px and up unless edited at higher breakpoint", tablet_md_title$2 = "Tablet (MD)", tablet_md_content$2 = "Styles set here are applied at 768px and up", tablet_lg_title$2 = "Tablet Landscape (LG)", tablet_lg_content$2 = "Styles set here are applied at 1024px and up unless edited at higher breakpoint", desktop_xl_title$2 = "Desktop (XL)", desktop_xl_content$2 = "Styles set here are applied at 1280px and up unless edited at higher breakpoint", large_desktop_2xl_title$2 = "Large Desktop (2XL)", large_desktop_2xl_content$2 = "Styles set here are applied at 1536px and up", Breakpoints$3 = "Breakpoints", clear$2 = "Clear", clear_canvas_title$2 = "Clear whole canvas?", clear_canvas_description$2 = "Are you sure you want to clear the whole canvas?", cancel$2 = "Cancel", yes$2 = "Yes", preview$2 = "Preview", settings$2 = "Settings", styling$2 = "Styling", data_provider$2 = "Data Provider", remove_provider_confirmation$2 = "Are you sure you want to remove <span class='text-blue-500'>{name}</span> provider?", remove_provider_warning$2 = "Your data provider will be removed from this page and all added data binding will be not visible on blocks.", remove$2 = "Remove", no_data_providers$2 = "You have no data providers registered. Please add a data provider to your project.", learn_more$2 = "Learn more", add_data_providers$2 = "Add data providers:", select_provider$2 = "Select a provider", choose$2 = "Choose", page_data_providers$2 = "Page data providers:", view_data$2 = "View Data", mark_as_global$2 = "Mark as Global", global_block_note$2 = "Note: Global blocks are single instances. Editing global blocks will be reflected on all pages using these blocks.", global_block_indicator$2 = "Global blocks are indicated with", global_block_category$2 = "Global blocks are available under 'Global' category", enter_global_block_name$2 = "Enter global block name", eg_header_footer$2 = "Eg: Header, Footer", blocks_selected$2 = "{{length}} blocks selected.", cut$2 = "Cut", copy$3 = "Copy", clear_selection$2 = "Clear Selection", dev_mode_message$2 = "This is dev mode. Visit", to_see_page_preview$2 = "to see page preview", lngEn = {
+function UILibrariesSelect({
+  uiLibraries: r,
+  library: n,
+  setLibrary: o
+}) {
+  var c;
+  const [a, i] = React.useState(!1), { t: l } = useTranslation();
+  return n ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Popover$1, { open: a, onOpenChange: i, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverTrigger, { asChild: !0, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-x-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: l("Choose Library") }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        Button$1,
+        {
+          variant: "outline",
+          size: "sm",
+          role: "combobox",
+          "aria-expanded": a,
+          className: "w-[200px] justify-between",
+          children: [
+            n ? (c = r.find((u) => u.uuid === n)) == null ? void 0 : c.name : l("Select library"),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(CaretSortIcon, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+          ]
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverContent, { className: "w-[200px] p-0", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Command, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(CommandInput, { placeholder: "Search library...", className: "h-9" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(CommandList, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(CommandEmpty, { children: "No library found." }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(CommandGroup, { children: r.map((u) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          CommandItem,
+          {
+            value: u.uuid,
+            onSelect: (d) => {
+              o(d), i(!1);
+            },
+            children: [
+              u.name,
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                CheckIcon,
+                {
+                  className: cn("ml-auto h-4 w-4", n === u.uuid ? "opacity-100" : "opacity-0")
+                }
+              )
+            ]
+          },
+          u.uuid
+        )) })
+      ] })
+    ] }) })
+  ] }) : null;
+}
+const BlockCard = ({
+  block: r,
+  closePopover: n,
+  library: o
+}) => {
+  const [a, i] = useState$1(!1), l = useBuilderProp("getUILibraryBlock", noop$1), { addCoreBlock: c, addPredefinedBlock: u } = useAddBlock(), [d, p] = useSelectedBlockIds(), [, m] = useHighlightBlockId(), g = get$1(r, "name", get$1(r, "label")), h = useFeature("dnd"), [, b] = useAtom$1(draggedBlockAtom), x = (w) => {
+    const E = has(w, "styles_attrs.data-page-section");
+    return w._type === "Box" && E;
+  }, v = useCallback$1(
+    async (w) => {
+      if (w.stopPropagation(), has(r, "component")) {
+        c(r, first(d)), n();
+        return;
+      }
+      i(!0);
+      const E = await l(o, r);
+      let A = first(d);
+      x(first(E)) && (A = null), isEmpty(E) || u(syncBlocksWithDefaults(E), A), n();
+    },
+    [r]
+  ), S = async (w) => {
+    const E = await l(o, r);
+    let A = first(d);
+    if (x(first(E)) && (A = null), !isEmpty(E)) {
+      const C = { blocks: E, uiLibrary: !0, parent: A };
+      if (w.dataTransfer.setData("text/plain", JSON.stringify(C)), r.preview) {
+        const R = new Image();
+        R.src = r.preview, R.onload = () => {
+          w.dataTransfer.setDragImage(R, 0, 0);
+        };
+      } else
+        w.dataTransfer.setDragImage(new Image(), 0, 0);
+      b(C), setTimeout(() => {
+        p([]), m(null), n();
+      }, 200);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip$1, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        onClick: a ? () => {
+        } : v,
+        draggable: h ? "true" : "false",
+        onDragStart: S,
+        className: clsx(
+          "relative mt-2 cursor-pointer overflow-hidden rounded-md border border-gray-300 bg-white duration-200 hover:border-blue-500 hover:shadow-xl"
+        ),
+        children: [
+          a && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "absolute flex h-full w-full items-center justify-center bg-black/70", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Loader$1, { className: "animate-spin", size: 15, color: "white" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "pl-2 text-sm text-white", children: "Adding..." })
+          ] }),
+          r.preview ? /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: r.preview, className: "min-h-[25px] w-full rounded-md", alt: g }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-20 items-center justify-center rounded-md border border-border border-gray-300 bg-gray-200", children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "max-w-xs text-center text-sm text-gray-700", children: g }) })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: g }) })
+  ] });
+}, libraryBlocksAtom = atom$1({}), useLibraryBlocks = (r) => {
+  const [n, o] = useAtom$1(libraryBlocksAtom), a = useBuilderProp("getUILibraryBlocks", noop$1), i = get$1(n, `${r == null ? void 0 : r.uuid}.blocks`, []), l = get$1(n, `${r == null ? void 0 : r.uuid}.loading`, !1);
+  return useEffect$1(() => {
+    (async () => {
+      if (l || i.length > 0 || !r)
+        return;
+      o((u) => ({ ...u, [r == null ? void 0 : r.uuid]: { loading: !0, blocks: [] } }));
+      const c = await a(r);
+      o((u) => ({ ...u, [r == null ? void 0 : r.uuid]: { loading: !1, blocks: c || [] } }));
+    })();
+  }, [r, i, l]), { data: i, isLoading: l };
+}, selectedLibraryAtom = atomWithStorage("_selectedLibrary", null), UILibrarySection = () => {
+  const [r, n] = useAtom$1(selectedLibraryAtom), o = useBuilderProp("uiLibraries", []), a = useChaiBlocks(), i = values(a).filter((S) => S.category === "custom"), l = o.find((S) => S.uuid === r) || first(o), { data: c, isLoading: u } = useLibraryBlocks(l), d = groupBy([...c, ...i], "group"), [p, m] = useState$1("Hero"), [, g] = useAtom$1(activePanelAtom$1), h = get$1(d, p, []), { t: b } = useTranslation(), x = useRef$1(null), v = (S) => {
+    x.current && (clearTimeout(x.current), x.current = null), x.current = setTimeout(() => {
+      x.current && m(S);
+    }, 300);
+  };
+  return u ? /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, { className: "h-full w-full" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative flex h-full max-h-full w-[460px] flex-col overflow-hidden bg-background", children: [
+    l != null && l.uuid ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sticky top-0 flex h-fit flex-col", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-2 flex flex-col justify-between rounded-md bg-background/30 p-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "flex w-full flex-col items-baseline truncate px-1 text-sm font-semibold xl:flex-col", children: /* @__PURE__ */ jsxRuntimeExports.jsx(UILibrariesSelect, { library: l == null ? void 0 : l.uuid, setLibrary: n, uiLibraries: o }) }) }) }) : null,
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-[95%] border-t border-gray-300 pt-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full w-40 flex-col gap-1 px-1", children: React__default.Children.toArray(
+        map(d, (S, w) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "div",
+          {
+            onMouseEnter: () => v(w),
+            onMouseLeave: () => clearTimeout(x.current),
+            onClick: () => m(w),
+            className: cn(
+              "flex w-full cursor-pointer items-center justify-between rounded-md p-1 text-sm transition-all ease-in-out hover:bg-gray-200",
+              w === p ? "bg-blue-500 text-white hover:bg-blue-600" : ""
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: capitalize(w) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(CaretRightIcon, { className: "ml-2 h-5 w-5" })
+            ]
+          },
+          w
+        ))
+      ) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        ScrollArea$1,
+        {
+          onMouseEnter: () => x.current ? clearTimeout(x.current) : null,
+          className: "z-10 -mt-2 flex h-full max-h-full w-[300px] flex-col gap-2 border-l border-gray-300 transition-all ease-linear",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sticky top-0 z-30 border-b border-gray-300 bg-gray-200 p-2 text-[9px] font-light leading-3 text-gray-500", children: b("Click on a block to add it to the page") }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-2 px-2", children: React__default.Children.toArray(
+              h.map((S) => /* @__PURE__ */ jsxRuntimeExports.jsx(BlockCard, { block: S, library: l, closePopover: () => g(OUTLINE_KEY) }))
+            ) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("br", {})
+          ]
+        }
+      )
+    ] })
+  ] }) });
+}, UILibrariesPanel = () => /* @__PURE__ */ jsxRuntimeExports.jsx(UILibrarySection, {}), UILibrariesPanel$1 = UILibrariesPanel, UILibrariesPanel$2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: UILibrariesPanel$1
+}, Symbol.toStringTag, { value: "Module" })), add_block$2 = "Add block", enter_paste_tailwind_html$2 = "(Enter or paste TailwindCSS HTML snippet)", click_to_add_block$2 = "(Click to add block to page)", core$2 = "Core", custom_blocks$2 = "Custom Blocks", ui_library$2 = "UI Library", html_snippet_description$2 = "Use HTML snippets from Tailwind CSS component libraries etc. or just copy paste your own HTML code.", tailwind_html_snippet$2 = "Tailwind HTML snippet:", enter_code_snippet$2 = "Enter your code snippet here...", import_html$2 = "Import HTML", note_imported_html$2 = "NOTE: Imported html will be added to the currently selected block. If no block is selected, the html will be added to the page.", dark_mode$2 = "Dark mode", tree_view_no_blocks$2 = "This page has no blocks. Add a block by clicking the + button", canvas_empty$2 = "This page is empty", no_block_selected_for_styling$2 = "Please select a block to edit settings or styles", no_block_selected_for_ask_ai = "Please select a block to ask AI", no_styling_block_selected$2 = "Please select a styling block", drop_here_message$2 = "Drop your block here", use_setting$2 = "Use setting", mobile_xs_title$2 = "Mobile (XS)", mobile_xs_content$2 = "Styles set here are applied to all screen unless edited at higher breakpoint", mobile_sm_title$2 = "Mobile landscape (SM)", mobile_sm_content$2 = "Styles set here are applied at 640px and up unless edited at higher breakpoint", tablet_md_title$2 = "Tablet (MD)", tablet_md_content$2 = "Styles set here are applied at 768px and up", tablet_lg_title$2 = "Tablet Landscape (LG)", tablet_lg_content$2 = "Styles set here are applied at 1024px and up unless edited at higher breakpoint", desktop_xl_title$2 = "Desktop (XL)", desktop_xl_content$2 = "Styles set here are applied at 1280px and up unless edited at higher breakpoint", large_desktop_2xl_title$2 = "Large Desktop (2XL)", large_desktop_2xl_content$2 = "Styles set here are applied at 1536px and up", Breakpoints$3 = "Breakpoints", clear$2 = "Clear", clear_canvas_title$2 = "Clear whole canvas?", clear_canvas_description$2 = "Are you sure you want to clear the whole canvas?", cancel$2 = "Cancel", yes$2 = "Yes", preview$2 = "Preview", settings$2 = "Settings", styling$2 = "Styling", data_provider$2 = "Data Provider", remove_provider_confirmation$2 = "Are you sure you want to remove <span class='text-blue-500'>{name}</span> provider?", remove_provider_warning$2 = "Your data provider will be removed from this page and all added data binding will be not visible on blocks.", remove$2 = "Remove", no_data_providers$2 = "You have no data providers registered. Please add a data provider to your project.", learn_more$2 = "Learn more", add_data_providers$2 = "Add data providers:", select_provider$2 = "Select a provider", choose$2 = "Choose", page_data_providers$2 = "Page data providers:", view_data$2 = "View Data", mark_as_global$2 = "Mark as Global", global_block_note$2 = "Note: Global blocks are single instances. Editing global blocks will be reflected on all pages using these blocks.", global_block_indicator$2 = "Global blocks are indicated with", global_block_category$2 = "Global blocks are available under 'Global' category", enter_global_block_name$2 = "Enter global block name", eg_header_footer$2 = "Eg: Header, Footer", blocks_selected$2 = "{{length}} blocks selected.", cut$2 = "Cut", copy$3 = "Copy", clear_selection$2 = "Clear Selection", dev_mode_message$2 = "This is dev mode. Visit", to_see_page_preview$2 = "to see page preview", lngEn = {
   add_block: add_block$2,
   enter_paste_tailwind_html: enter_paste_tailwind_html$2,
   click_to_add_block: click_to_add_block$2,
@@ -7285,7 +7456,254 @@ i18n.use(initReactI18next).init({
     // react already safes from xss => https://www.i18next.com/translation-function/interpolation#unescape
   }
 });
-const AttrsEditor = React__default.memo(function r({ preloadedAttributes: n = [], onAttributesChange: o }) {
+function FaCircleCheck(r) {
+  return GenIcon({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z" }, child: [] }] })(r);
+}
+function FaFilePen(r) {
+  return GenIcon({ tag: "svg", attr: { viewBox: "0 0 576 512" }, child: [{ tag: "path", attr: { d: "M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V299.6l-94.7 94.7c-8.2 8.2-14 18.5-16.8 29.7l-15 60.1c-2.3 9.4-1.8 19 1.4 27.8H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0L384 128zM549.8 235.7l14.4 14.4c15.6 15.6 15.6 40.9 0 56.6l-29.4 29.4-71-71 29.4-29.4c15.6-15.6 40.9-15.6 56.6 0zM311.9 417L441.1 287.8l71 71L382.9 487.9c-4.1 4.1-9.2 7-14.9 8.4l-60.1 15c-5.5 1.4-11.2-.2-15.2-4.2s-5.6-9.7-4.2-15.2l15-60.1c1.4-5.6 4.3-10.8 8.4-14.9z" }, child: [] }] })(r);
+}
+const QUICK_PROMPTS = [
+  {
+    name: "Improve writing",
+    icon: FaFilePen,
+    prompt: "Improving writing in all text elements. Replacing placeholder content with meaningful relevant content."
+  },
+  {
+    name: "Replace placeholder content",
+    icon: FaRecycle,
+    prompt: "Discard current placeholder content and replace with meaningful relevant content."
+  },
+  // {
+  //   name: "Change tone",
+  //   icon: MegaphoneIcon,
+  //   subMenus: ["joyful", "serious", "angry", "sad", "excited", "relaxed", "confident", "assertive", "polite"],
+  //   prompt: "Change tone in all text elements. Rewrite all text elements in a more _TONE_ tone.",
+  // },
+  {
+    name: "Fix grammar",
+    icon: CheckIcon,
+    prompt: "Fix grammar in all text elements. Ensuring the text is grammatically correct and free of errors."
+  },
+  // {
+  //   name: "Translate",
+  //   icon: GlobeIcon,
+  //   subMenus: ["English", "Spanish", "French", "German", "Italian", "Portuguese", "Chinese", "Japanese", "Korean"],
+  //   prompt: "Translate all text elements to a __LANG__ language.",
+  // },
+  {
+    name: "Make longer",
+    icon: ArrowUpIcon,
+    prompt: "Make all text elements longer."
+  },
+  {
+    name: "Make shorter",
+    icon: ArrowDownIcon,
+    prompt: "Make all text elements shorter."
+  },
+  {
+    name: "Add emojis",
+    icon: SmileIcon,
+    prompt: "Add emojis to text elements if relevant."
+  },
+  {
+    name: "Randomize",
+    icon: ShuffleIcon,
+    prompt: "Randomize all text elements."
+  }
+];
+function QuickPrompts({ onClick: r }) {
+  const { loading: n } = useAskAi();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: n ? "pointer-events-none opacity-50" : "", children: /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: "space-y-2", children: QUICK_PROMPTS.map(
+    ({ name: o, icon: a, subMenus: i, prompt: l }) => i ? /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenu, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuTrigger, { asChild: !0, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { className: "flex cursor-pointer items-center space-x-2 hover:bg-gray-100", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(a, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: o })
+      ] }, o) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuContent, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuLabel, { children: "My Account" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuSeparator, {}),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuItem, { children: "Profile" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuItem, { children: "Billing" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuItem, { children: "Team" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuItem, { children: "Subscription" })
+      ] })
+    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "li",
+      {
+        onClick: () => r(l),
+        className: "flex cursor-pointer items-center space-x-2 rounded p-1 pl-2 text-sm hover:bg-gray-100",
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(a, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: o })
+        ]
+      },
+      o
+    )
+  ) }) });
+}
+const AIUserPrompt = ({ blockId: r }) => {
+  const { t: n } = useTranslation(), { askAi: o, loading: a, error: i } = useAskAi(), [l, c] = useState$1(""), u = useRef$1(null);
+  useEffect$1(() => {
+    var p;
+    (p = u.current) == null || p.focus();
+  }, []);
+  const d = () => {
+    i || c("");
+  };
+  return r ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-4", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("h2", { className: "mb-2 text-xs font-semibold leading-none tracking-tight text-gray-500", children: [
+      n("Ask AI"),
+      " (GPT-4o mini)"
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Textarea,
+      {
+        ref: u,
+        value: l,
+        onChange: (p) => c(p.target.value),
+        placeholder: n("Ask AI to edit content"),
+        className: "w-full border border-gray-400 focus:border-0",
+        rows: 3,
+        onKeyDown: (p) => {
+          p.key === "Enter" && (p.preventDefault(), o("content", r, l, d));
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "my-2 flex items-center gap-2", children: [
+      a ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Button$1,
+        {
+          disabled: l.trim().length < 5 || a,
+          onClick: () => o("content", r, l, d),
+          variant: "default",
+          className: "w-fit",
+          size: "sm",
+          children: a ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Loader$1, { className: "h-5 w-5 animate-spin" }),
+            n("Generating... Please wait")
+          ] }) : n("Edit with AI")
+        }
+      ),
+      a ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Skeleton, { className: "flex w-full items-center space-x-1 px-4 py-1 pl-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(FaSpinner, { className: "h-4 w-4 animate-spin text-gray-500" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs", children: n("Generating... Please wait") })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, { variant: "destructive", onClick: () => stop(), className: "hidden w-fit", size: "sm", children: n("Stop") })
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "max-w-full", children: i && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "break-words rounded border border-red-500 bg-red-100 p-1 text-xs text-red-500", children: i.message }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(QuickPrompts, { onClick: (p) => o("content", r, p, d) })
+  ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-4 text-center", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4 rounded-xl p-4", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(SparklesIcon, { className: "mx-auto text-3xl" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { children: n("no_block_selected_for_ask_ai") })
+  ] }) });
+}, AISetContext = () => {
+  const { t: r } = useTranslation(), n = useBuilderProp("aiContext", ""), [o, a] = useState$1(n), i = useRef$1(null), l = useBuilderProp("saveAiContextCallback", noop$1), [c, u] = useState$1(!1), [d, p] = useState$1(null), [m, g] = useState$1(!1), { toast: h } = useToast(), b = useRef$1(null);
+  useEffect$1(() => {
+    n && a(n);
+  }, [n]);
+  const x = async () => {
+    try {
+      u(!0), p(null), await l(o), h({
+        title: r("AI Context updated"),
+        description: r("You can now ask AI to edit your content"),
+        variant: "default"
+      }), b.current.click();
+    } catch (v) {
+      p(v);
+    } finally {
+      u(!1);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Accordion,
+    {
+      onValueChange: (v) => {
+        g(v !== "");
+      },
+      type: "single",
+      collapsible: !0,
+      className: "rounded-md border bg-gray-100 px-2",
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(AccordionItem, { value: "set-context", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(AccordionTrigger, { ref: b, hideArrow: !0, className: "py-1 hover:no-underline", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex w-full items-center justify-between", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-semibold", children: r("AI Context") }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Button$1, { variant: "default", size: "sm", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: r(m ? "Cancel" : "Edit") }),
+            "  ",
+            m ? /* @__PURE__ */ jsxRuntimeExports.jsx(Cross2Icon, { className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(EditIcon, { className: "h-4 w-4" })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(AccordionContent, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Textarea,
+            {
+              ref: i,
+              value: o,
+              onChange: (v) => a(v.target.value),
+              placeholder: r("Tell about this page. Eg: This page is about ..."),
+              className: "w-full border border-gray-400 bg-background focus:border",
+              rows: 10,
+              onKeyDown: (v) => {
+                v.key === "Enter" && (v.preventDefault(), x());
+              }
+            }
+          ),
+          n.trim().length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-2 text-xs text-gray-500", children: r(
+            "Eg: This page is about an AI assistant app called Chai Studio. It allows users to create beautiful webpages and edit content with AI."
+          ) }) : null,
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-2 flex items-center", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Button$1,
+              {
+                disabled: o.trim().length < 5,
+                onClick: () => x(),
+                variant: "default",
+                className: "w-fit",
+                size: "sm",
+                children: c ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(Loader$1, { className: "h-5 w-5 animate-spin" }),
+                  r("Generating... Please wait")
+                ] }) : r("Save")
+              }
+            ),
+            n.trim().length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs(AlertDialog, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDialogTrigger, { asChild: !0, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, { disabled: n.trim().length === 0, variant: "ghost", className: "w-fit", size: "sm", children: c ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Loader$1, { className: "h-5 w-5 animate-spin" }),
+                r("Generating... Please wait")
+              ] }) : r("Delete") }) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(AlertDialogContent, { children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(AlertDialogHeader, { children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDialogTitle, { children: r("Remove context?") }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDialogDescription, {})
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(AlertDialogFooter, { children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDialogCancel, { children: r("Cancel") }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    AlertDialogAction,
+                    {
+                      onClick: () => {
+                        a(""), x();
+                      },
+                      children: "Yes, Delete"
+                    }
+                  )
+                ] })
+              ] })
+            ] }) : null
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 max-w-full", children: d && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "break-words rounded border border-red-500 bg-red-100 p-1 text-xs text-red-500", children: d.message }) })
+        ] })
+      ] })
+    }
+  );
+}, AskAI = () => {
+  const [r] = useSelectedBlockIds();
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "absolute inset-0 z-50 h-full w-full bg-background p-2", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(AISetContext, {}),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(AIUserPrompt, { blockId: first(r) })
+  ] });
+}, AttrsEditor = React__default.memo(function r({ preloadedAttributes: n = [], onAttributesChange: o }) {
   const [a, i] = useState$1([]), [l, c] = useState$1(""), [u, d] = useState$1(""), [p, m] = useState$1(null), [g, h] = useState$1(""), b = useRef$1(null), x = useRef$1(null);
   useEffect$1(() => {
     b.current && b.current.focus();
@@ -8267,9 +8685,9 @@ function requireReactIs_development() {
         }
       }
     }
-    var R = d, P = p, I = u, j = c, k = n, O = m, T = a, M = x, z = b, D = o, W = l, J = i, F = g, V = !1;
+    var R = d, P = p, I = u, j = c, k = n, O = m, T = a, M = x, L = b, D = o, W = l, J = i, F = g, z = !1;
     function q(K) {
-      return V || (V = !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.")), H(K) || C(K) === d;
+      return z || (z = !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.")), H(K) || C(K) === d;
     }
     function H(K) {
       return C(K) === p;
@@ -8277,7 +8695,7 @@ function requireReactIs_development() {
     function ee(K) {
       return C(K) === u;
     }
-    function L(K) {
+    function V(K) {
       return C(K) === c;
     }
     function U(K) {
@@ -8307,7 +8725,7 @@ function requireReactIs_development() {
     function se(K) {
       return C(K) === g;
     }
-    reactIs_development.AsyncMode = R, reactIs_development.ConcurrentMode = P, reactIs_development.ContextConsumer = I, reactIs_development.ContextProvider = j, reactIs_development.Element = k, reactIs_development.ForwardRef = O, reactIs_development.Fragment = T, reactIs_development.Lazy = M, reactIs_development.Memo = z, reactIs_development.Portal = D, reactIs_development.Profiler = W, reactIs_development.StrictMode = J, reactIs_development.Suspense = F, reactIs_development.isAsyncMode = q, reactIs_development.isConcurrentMode = H, reactIs_development.isContextConsumer = ee, reactIs_development.isContextProvider = L, reactIs_development.isElement = U, reactIs_development.isForwardRef = te, reactIs_development.isFragment = _, reactIs_development.isLazy = Q, reactIs_development.isMemo = ne, reactIs_development.isPortal = re, reactIs_development.isProfiler = $, reactIs_development.isStrictMode = ae, reactIs_development.isSuspense = se, reactIs_development.isValidElementType = A, reactIs_development.typeOf = C;
+    reactIs_development.AsyncMode = R, reactIs_development.ConcurrentMode = P, reactIs_development.ContextConsumer = I, reactIs_development.ContextProvider = j, reactIs_development.Element = k, reactIs_development.ForwardRef = O, reactIs_development.Fragment = T, reactIs_development.Lazy = M, reactIs_development.Memo = L, reactIs_development.Portal = D, reactIs_development.Profiler = W, reactIs_development.StrictMode = J, reactIs_development.Suspense = F, reactIs_development.isAsyncMode = q, reactIs_development.isConcurrentMode = H, reactIs_development.isContextConsumer = ee, reactIs_development.isContextProvider = V, reactIs_development.isElement = U, reactIs_development.isForwardRef = te, reactIs_development.isFragment = _, reactIs_development.isLazy = Q, reactIs_development.isMemo = ne, reactIs_development.isPortal = re, reactIs_development.isProfiler = $, reactIs_development.isStrictMode = ae, reactIs_development.isSuspense = se, reactIs_development.isValidElementType = A, reactIs_development.typeOf = C;
   }()), reactIs_development;
 }
 process.env.NODE_ENV === "production" ? reactIs$1.exports = requireReactIs_production_min() : reactIs$1.exports = requireReactIs_development();
@@ -10551,16 +10969,16 @@ function extractSystemStyles(r) {
     tt: O,
     td: T,
     w: M,
-    miw: z,
+    miw: L,
     maw: D,
     h: W,
     mih: J,
     mah: F,
-    bgsz: V,
+    bgsz: z,
     bgp: q,
     bgr: H,
     bga: ee,
-    pos: L,
+    pos: V,
     top: U,
     left: te,
     bottom: _,
@@ -10640,16 +11058,16 @@ function extractSystemStyles(r) {
     tt: O,
     td: T,
     w: M,
-    miw: z,
+    miw: L,
     maw: D,
     h: W,
     mih: J,
     mah: F,
-    bgsz: V,
+    bgsz: z,
     bgp: q,
     bgr: H,
     bga: ee,
-    pos: L,
+    pos: V,
     top: U,
     left: te,
     bottom: _,
@@ -12463,7 +12881,7 @@ const useHover = function(r, n) {
     W && !R.current ? (clearTimeout(C.current), C.current = setTimeout(() => p(!1), W)) : D && (clearTimeout(C.current), p(!1));
   }, [E, p]), M = React.useCallback(() => {
     k.current(), R.current = void 0;
-  }, []), z = React.useCallback(() => {
+  }, []), L = React.useCallback(() => {
     if (j.current) {
       const D = getDocument(x.floating.current).body;
       D.style.pointerEvents = "", D.removeAttribute(safePolygonIdentifier), j.current = !1;
@@ -12475,16 +12893,16 @@ const useHover = function(r, n) {
     function D() {
       return m.current.openEvent ? ["click", "mousedown"].includes(m.current.openEvent.type) : !1;
     }
-    function W(V) {
+    function W(z) {
       if (clearTimeout(C.current), I.current = !1, l && !isMouseLikePointerType(A.current) || c > 0 && getDelay(E.current, "open") === 0)
         return;
-      m.current.openEvent = V;
+      m.current.openEvent = z;
       const q = getDelay(E.current, "open", A.current);
       q ? C.current = setTimeout(() => {
         p(!0);
       }, q) : p(!0);
     }
-    function J(V) {
+    function J(z) {
       if (D())
         return;
       k.current();
@@ -12493,10 +12911,10 @@ const useHover = function(r, n) {
         d || clearTimeout(C.current), R.current = w.current({
           ...r,
           tree: v,
-          x: V.clientX,
-          y: V.clientY,
+          x: z.clientX,
+          y: z.clientY,
           onClose() {
-            z(), M(), T();
+            L(), M(), T();
           }
         });
         const H = R.current;
@@ -12507,42 +12925,42 @@ const useHover = function(r, n) {
       }
       T();
     }
-    function F(V) {
+    function F(z) {
       D() || w.current == null || w.current({
         ...r,
         tree: v,
-        x: V.clientX,
-        y: V.clientY,
+        x: z.clientX,
+        y: z.clientY,
         onClose() {
-          z(), M(), T();
+          L(), M(), T();
         }
-      })(V);
+      })(z);
     }
     if (isElement(h)) {
-      const V = h;
-      return d && V.addEventListener("mouseleave", F), b == null || b.addEventListener("mouseleave", F), u && V.addEventListener("mousemove", W, {
+      const z = h;
+      return d && z.addEventListener("mouseleave", F), b == null || b.addEventListener("mouseleave", F), u && z.addEventListener("mousemove", W, {
         once: !0
-      }), V.addEventListener("mouseenter", W), V.addEventListener("mouseleave", J), () => {
-        d && V.removeEventListener("mouseleave", F), b == null || b.removeEventListener("mouseleave", F), u && V.removeEventListener("mousemove", W), V.removeEventListener("mouseenter", W), V.removeEventListener("mouseleave", J);
+      }), z.addEventListener("mouseenter", W), z.addEventListener("mouseleave", J), () => {
+        d && z.removeEventListener("mouseleave", F), b == null || b.removeEventListener("mouseleave", F), u && z.removeEventListener("mousemove", W), z.removeEventListener("mouseenter", W), z.removeEventListener("mouseleave", J);
       };
     }
-  }, [h, b, o, r, l, c, u, T, M, z, p, d, v, E, w, m]), index(() => {
+  }, [h, b, o, r, l, c, u, T, M, L, p, d, v, E, w, m]), index(() => {
     var D;
     if (o && d && (D = w.current) != null && D.__options.blockPointerEvents && O()) {
       const F = getDocument(b).body;
       if (F.setAttribute(safePolygonIdentifier, ""), F.style.pointerEvents = "none", j.current = !0, isElement(h) && b) {
         var W, J;
-        const V = h, q = v == null || (W = v.nodesRef.current.find((H) => H.id === S)) == null || (J = W.context) == null ? void 0 : J.elements.floating;
-        return q && (q.style.pointerEvents = ""), V.style.pointerEvents = "auto", b.style.pointerEvents = "auto", () => {
-          V.style.pointerEvents = "", b.style.pointerEvents = "";
+        const z = h, q = v == null || (W = v.nodesRef.current.find((H) => H.id === S)) == null || (J = W.context) == null ? void 0 : J.elements.floating;
+        return q && (q.style.pointerEvents = ""), z.style.pointerEvents = "auto", b.style.pointerEvents = "auto", () => {
+          z.style.pointerEvents = "", b.style.pointerEvents = "";
         };
       }
     }
   }, [o, d, S, b, h, v, w, m, O]), index(() => {
-    d || (A.current = void 0, M(), z());
-  }, [d, M, z]), React.useEffect(() => () => {
-    M(), clearTimeout(C.current), clearTimeout(P.current), z();
-  }, [o, M, z]), React.useMemo(() => {
+    d || (A.current = void 0, M(), L());
+  }, [d, M, L]), React.useEffect(() => () => {
+    M(), clearTimeout(C.current), clearTimeout(P.current), L();
+  }, [o, M, L]), React.useMemo(() => {
     if (!o)
       return {};
     function D(W) {
@@ -12770,8 +13188,8 @@ const bubbleHandlerKeys = {
         if (W.length > 0) {
           let J = !0;
           if (W.forEach((F) => {
-            var V;
-            if ((V = F.context) != null && V.open && !F.context.dataRef.current.__escapeKeyBubbles) {
+            var z;
+            if ((z = F.context) != null && z.open && !F.context.dataRef.current.__escapeKeyBubbles) {
               J = !1;
               return;
             }
@@ -12795,8 +13213,8 @@ const bubbleHandlerKeys = {
       const J = getTarget(D);
       if (isHTMLElement(J) && d) {
         const q = d.ownerDocument.defaultView || window, H = J.scrollWidth > J.clientWidth, ee = J.scrollHeight > J.clientHeight;
-        let L = ee && D.offsetX > J.clientWidth;
-        if (ee && q.getComputedStyle(J).direction === "rtl" && (L = D.offsetX <= J.offsetWidth - J.clientWidth), L || H && D.offsetY > J.clientHeight)
+        let V = ee && D.offsetX > J.clientWidth;
+        if (ee && q.getComputedStyle(J).direction === "rtl" && (V = D.offsetX <= J.offsetWidth - J.clientWidth), V || H && D.offsetY > J.clientHeight)
           return;
       }
       const F = E && getChildren(E.nodesRef.current, l).some((q) => {
@@ -12805,10 +13223,10 @@ const bubbleHandlerKeys = {
       });
       if (isEventTargetWithin(D, d) || isEventTargetWithin(D, u) || F)
         return;
-      const V = E ? getChildren(E.nodesRef.current, l) : [];
-      if (V.length > 0) {
+      const z = E ? getChildren(E.nodesRef.current, l) : [];
+      if (z.length > 0) {
         let q = !0;
-        if (V.forEach((H) => {
+        if (z.forEach((H) => {
           var ee;
           if ((ee = H.context) != null && ee.open && !H.context.dataRef.current.__outsidePressBubbles) {
             q = !1;
@@ -12831,16 +13249,16 @@ const bubbleHandlerKeys = {
     }
     const M = getDocument(d);
     g && M.addEventListener("keydown", k), R && M.addEventListener(b, O);
-    let z = [];
-    return S && (isElement(u) && (z = getOverflowAncestors(u)), isElement(d) && (z = z.concat(getOverflowAncestors(d))), !isElement(c) && c && c.contextElement && (z = z.concat(getOverflowAncestors(c.contextElement)))), z = z.filter((D) => {
+    let L = [];
+    return S && (isElement(u) && (L = getOverflowAncestors(u)), isElement(d) && (L = L.concat(getOverflowAncestors(d))), !isElement(c) && c && c.contextElement && (L = L.concat(getOverflowAncestors(c.contextElement)))), L = L.filter((D) => {
       var W;
       return D !== ((W = M.defaultView) == null ? void 0 : W.visualViewport);
-    }), z.forEach((D) => {
+    }), L.forEach((D) => {
       D.addEventListener("scroll", T, {
         passive: !0
       });
     }), () => {
-      g && M.removeEventListener("keydown", k), R && M.removeEventListener(b, O), z.forEach((D) => {
+      g && M.removeEventListener("keydown", k), R && M.removeEventListener(b, O), L.forEach((D) => {
         D.removeEventListener("scroll", T);
       });
     };
@@ -13539,16 +13957,16 @@ function Popover(r) {
     closeOnClickOutside: O,
     withinPortal: T,
     portalProps: M,
-    closeOnEscape: z,
+    closeOnEscape: L,
     clickOutsideEvents: D,
     trapFocus: W,
     onClose: J,
     onOpen: F,
-    onChange: V,
+    onChange: z,
     zIndex: q,
     radius: H,
     shadow: ee,
-    id: L,
+    id: V,
     defaultOpened: U,
     __staticSelector: te,
     withRoles: _,
@@ -13594,7 +14012,7 @@ function Popover(r) {
     "returnFocus",
     "variant",
     "keepMounted"
-  ]), [se, K] = useState$1(null), [Z, le] = useState$1(null), fe = useId$2(L), Te = useMantineTheme(), be = usePopover({
+  ]), [se, K] = useState$1(null), [Z, le] = useState$1(null), fe = useId$2(V), Te = useMantineTheme(), be = usePopover({
     middlewares: w,
     width: S,
     position: getFloatingPosition(Te.dir, m),
@@ -13605,7 +14023,7 @@ function Popover(r) {
     positionDependencies: b,
     opened: x,
     defaultOpened: U,
-    onChange: V,
+    onChange: z,
     onOpen: F,
     onClose: J
   });
@@ -13642,7 +14060,7 @@ function Popover(r) {
       zIndex: q,
       radius: H,
       shadow: ee,
-      closeOnEscape: z,
+      closeOnEscape: L,
       onClose: be.onClose,
       onToggle: be.onToggle,
       getTargetId: () => `${fe}-target`,
@@ -13825,7 +14243,7 @@ function useInputProps(r, n, o) {
     "inputWrapperOrder",
     "withAsterisk",
     "variant"
-  ]), O = useId$2(E), { systemStyles: T, rest: M } = extractSystemStyles(k), z = __spreadValues$R({
+  ]), O = useId$2(E), { systemStyles: T, rest: M } = extractSystemStyles(k), L = __spreadValues$R({
     label: i,
     description: l,
     error: c,
@@ -13851,7 +14269,7 @@ function useInputProps(r, n, o) {
     classNames: d,
     styles: p,
     unstyled: g,
-    wrapperProps: __spreadValues$R(__spreadValues$R({}, z), T),
+    wrapperProps: __spreadValues$R(__spreadValues$R({}, L), T),
     inputProps: {
       required: u,
       classNames: d,
@@ -14164,31 +14582,31 @@ const defaultProps$q = {
     size: S,
     variant: P,
     __staticSelector: E
-  }, T = typeof R == "boolean" ? R : c, M = u ? `${u}-error` : b == null ? void 0 : b.id, z = u ? `${u}-description` : h == null ? void 0 : h.id, W = `${!!d && typeof d != "boolean" ? M : ""} ${p ? z : ""}`, J = W.trim().length > 0 ? W.trim() : void 0, F = i && /* @__PURE__ */ React__default.createElement(InputLabel, __spreadValues$M(__spreadValues$M({
+  }, T = typeof R == "boolean" ? R : c, M = u ? `${u}-error` : b == null ? void 0 : b.id, L = u ? `${u}-description` : h == null ? void 0 : h.id, W = `${!!d && typeof d != "boolean" ? M : ""} ${p ? L : ""}`, J = W.trim().length > 0 ? W.trim() : void 0, F = i && /* @__PURE__ */ React__default.createElement(InputLabel, __spreadValues$M(__spreadValues$M({
     key: "label",
     labelElement: m,
     id: u ? `${u}-label` : void 0,
     htmlFor: u,
     required: T
-  }, O), g), i), V = p && /* @__PURE__ */ React__default.createElement(InputDescription, __spreadProps$x(__spreadValues$M(__spreadValues$M({
+  }, O), g), i), z = p && /* @__PURE__ */ React__default.createElement(InputDescription, __spreadProps$x(__spreadValues$M(__spreadValues$M({
     key: "description"
   }, h), O), {
     size: (h == null ? void 0 : h.size) || O.size,
-    id: (h == null ? void 0 : h.id) || z
+    id: (h == null ? void 0 : h.id) || L
   }), p), q = /* @__PURE__ */ React__default.createElement(Fragment, {
     key: "input"
   }, w(l)), H = typeof d != "boolean" && d && /* @__PURE__ */ React__default.createElement(InputError, __spreadProps$x(__spreadValues$M(__spreadValues$M({}, b), O), {
     size: (b == null ? void 0 : b.size) || O.size,
     key: "error",
     id: (b == null ? void 0 : b.id) || M
-  }), d), ee = C.map((L) => {
-    switch (L) {
+  }), d), ee = C.map((V) => {
+    switch (V) {
       case "label":
         return F;
       case "input":
         return q;
       case "description":
-        return V;
+        return z;
       case "error":
         return H;
       default:
@@ -14199,7 +14617,7 @@ const defaultProps$q = {
     value: __spreadValues$M({
       describedBy: J
     }, getInputOffsets(C, {
-      hasDescription: !!V,
+      hasDescription: !!z,
       hasError: !!H
     }))
   }, /* @__PURE__ */ React__default.createElement(Box, __spreadValues$M({
@@ -14445,7 +14863,7 @@ const defaultProps$o = {
     "sx",
     "unstyled",
     "pointer"
-  ]), { offsetBottom: k, offsetTop: O, describedBy: T } = useInputWrapperContext(), { classes: M, cx: z } = useStyles$v({
+  ]), { offsetBottom: k, offsetTop: O, describedBy: T } = useInputWrapperContext(), { classes: M, cx: L } = useStyles$v({
     radius: x,
     multiline: C,
     invalid: !!i,
@@ -14457,7 +14875,7 @@ const defaultProps$o = {
     pointer: I
   }, { classNames: w, styles: E, name: ["Input", A], unstyled: P, variant: u, size: v }), { systemStyles: D, rest: W } = extractSystemStyles(j);
   return /* @__PURE__ */ React__default.createElement(Box, __spreadValues$J(__spreadValues$J({
-    className: z(M.wrapper, a),
+    className: L(M.wrapper, a),
     sx: R,
     style: p
   }, D), S), d && /* @__PURE__ */ React__default.createElement("div", {
@@ -15821,14 +16239,14 @@ const defaultProps$c = {
     defaultValue: w,
     finalValue: !1,
     onChange: E
-  }), M = !!v, z = (D) => {
+  }), M = !!v, L = (D) => {
     M ? (D.preventDefault(), P == null || P(D), T(!O)) : P == null || P(D);
   };
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(UnstyledButton, __spreadValues$m({
     ref: n,
     className: k(j.root, u),
     "data-active": g || void 0,
-    onClick: z,
+    onClick: L,
     unstyled: m,
     "data-expanded": O || void 0,
     "data-disabled": R || void 0,
@@ -16047,7 +16465,7 @@ function TooltipFloating(r) {
     "zIndex",
     "disabled",
     "variant"
-  ]), { handleMouseMove: I, x: j, y: k, opened: O, boundaryRef: T, floating: M, setOpened: z } = useFloatingTooltip({
+  ]), { handleMouseMove: I, x: j, y: k, opened: O, boundaryRef: T, floating: M, setOpened: L } = useFloatingTooltip({
     offset: v,
     position: S
   }), { classes: D, cx: W } = useStyles$h({ radius: h, color: b, multiline: w, width: E }, { name: "TooltipFloating", classNames: p, styles: m, unstyled: g, variant: R });
@@ -16055,10 +16473,10 @@ function TooltipFloating(r) {
     throw new Error(TOOLTIP_ERRORS.children);
   const J = useMergedRef(T, a.ref), F = (q) => {
     var H, ee;
-    (ee = (H = a.props).onMouseEnter) == null || ee.call(H, q), I(q), z(!0);
-  }, V = (q) => {
+    (ee = (H = a.props).onMouseEnter) == null || ee.call(H, q), I(q), L(!0);
+  }, z = (q) => {
     var H, ee;
-    (ee = (H = a.props).onMouseLeave) == null || ee.call(H, q), z(!1);
+    (ee = (H = a.props).onMouseLeave) == null || ee.call(H, q), L(!1);
   };
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(OptionalPortal, __spreadProps$g(__spreadValues$j({}, c), {
     withinPortal: l
@@ -16074,7 +16492,7 @@ function TooltipFloating(r) {
   }), x)), cloneElement(a, __spreadProps$g(__spreadValues$j({}, a.props), {
     [i]: J,
     onMouseEnter: F,
-    onMouseLeave: V
+    onMouseLeave: z
   })));
 }
 TooltipFloating.displayName = "@mantine/core/TooltipFloating";
@@ -16193,16 +16611,16 @@ const defaultProps$9 = {
     arrowPosition: O,
     offset: T,
     transitionProps: M,
-    multiline: z,
+    multiline: L,
     width: D,
     events: W,
     zIndex: J,
     disabled: F,
-    positionDependencies: V,
+    positionDependencies: z,
     onClick: q,
     onMouseEnter: H,
     onMouseLeave: ee,
-    inline: L,
+    inline: V,
     variant: U,
     keepMounted: te
   } = i, _ = __objRest$d(i, [
@@ -16242,7 +16660,7 @@ const defaultProps$9 = {
     "inline",
     "variant",
     "keepMounted"
-  ]), { classes: Q, cx: ne, theme: re } = useStyles$h({ radius: v, color: S, width: D, multiline: z }, { name: "Tooltip", classNames: w, styles: E, unstyled: A, variant: U }), $ = useTooltip({
+  ]), { classes: Q, cx: ne, theme: re } = useStyles$h({ radius: v, color: S, width: D, multiline: L }, { name: "Tooltip", classNames: w, styles: E, unstyled: A, variant: U }), $ = useTooltip({
     position: getFloatingPosition(re.dir, c),
     closeDelay: m,
     openDelay: p,
@@ -16252,8 +16670,8 @@ const defaultProps$9 = {
     arrowRef: a,
     arrowOffset: j,
     offset: T + (P ? I / 2 : 0),
-    positionDependencies: [...V, l],
-    inline: L
+    positionDependencies: [...z, l],
+    inline: V
   });
   if (!isElement$1(l))
     throw new Error(TOOLTIP_ERRORS.children);
@@ -16409,16 +16827,16 @@ const defaultProps$8 = {
     onSearchChange: O,
     searchValue: T,
     rightSection: M,
-    rightSectionWidth: z,
+    rightSectionWidth: L,
     creatable: D,
     getCreateLabel: W,
     shouldCreate: J,
     selectOnBlur: F,
-    onCreate: V,
+    onCreate: z,
     dropdownComponent: q,
     onDropdownClose: H,
     onDropdownOpen: ee,
-    withinPortal: L,
+    withinPortal: V,
     portalProps: U,
     switchDirectionOnFlip: te,
     zIndex: _,
@@ -16482,7 +16900,7 @@ const defaultProps$8 = {
     "readOnly",
     "clearButtonProps",
     "hoverOnSearchChange"
-  ]), { classes: be, cx: Ze, theme: Ne } = useStyles$g(), [ge, He] = useState$1(v), [ke, ve] = useState$1(-1), Ge = useRef$1(), Fe = useRef$1({}), [Je, rt] = useState$1("column"), Ce = Je === "column", { scrollIntoView: De, targetRef: ze, scrollableRef: nt } = useScrollIntoView({
+  ]), { classes: be, cx: Ze, theme: Ne } = useStyles$g(), [ge, He] = useState$1(v), [ke, ve] = useState$1(-1), Ge = useRef$1(), Fe = useRef$1({}), [Je, rt] = useState$1("column"), Ce = Je === "column", { scrollIntoView: De, targetRef: Le, scrollableRef: nt } = useScrollIntoView({
     duration: 0,
     offset: 5,
     cancelable: !1,
@@ -16522,8 +16940,8 @@ const defaultProps$8 = {
       if (Ye && (Pe == null ? void 0 : Pe.value) === G.value)
         Me(null), Se(!1);
       else {
-        if (G.creatable && typeof V == "function") {
-          const ie = V(G.value);
+        if (G.creatable && typeof z == "function") {
+          const ie = z(G.value);
           typeof ie < "u" && ie !== null && Me(typeof ie == "string" ? ie : ie.value);
         } else
           Me(G.value);
@@ -16549,21 +16967,21 @@ const defaultProps$8 = {
   useDidUpdate(() => {
     ve(fe && Ie ? 0 : -1);
   }, [Ie, fe]);
-  const Ve = Re ? he.findIndex((G) => G.value === Re) : 0, we = !Z && (he.length > 0 ? ge : ge && !!I), _e = () => {
+  const ze = Re ? he.findIndex((G) => G.value === Re) : 0, we = !Z && (he.length > 0 ? ge : ge && !!I), _e = () => {
     ve((G) => {
       var ie;
       const ue = Qe(G, (de) => de - 1, (de) => de > 0);
-      return ze.current = Fe.current[(ie = he[ue]) == null ? void 0 : ie.value], we && De({ alignment: Ce ? "start" : "end" }), ue;
+      return Le.current = Fe.current[(ie = he[ue]) == null ? void 0 : ie.value], we && De({ alignment: Ce ? "start" : "end" }), ue;
     });
   }, $e = () => {
     ve((G) => {
       var ie;
       const ue = Qe(G, (de) => de + 1, (de) => de < he.length - 1);
-      return ze.current = Fe.current[(ie = he[ue]) == null ? void 0 : ie.value], we && De({ alignment: Ce ? "end" : "start" }), ue;
+      return Le.current = Fe.current[(ie = he[ue]) == null ? void 0 : ie.value], we && De({ alignment: Ce ? "end" : "start" }), ue;
     });
   }, Ke = () => window.setTimeout(() => {
     var G;
-    ze.current = Fe.current[(G = he[Ve]) == null ? void 0 : G.value], De({ alignment: Ce ? "end" : "start" });
+    Le.current = Fe.current[(G = he[ze]) == null ? void 0 : G.value], De({ alignment: Ce ? "end" : "start" });
   }, 50);
   useDidUpdate(() => {
     we && Ke();
@@ -16571,11 +16989,11 @@ const defaultProps$8 = {
   const N = (G) => {
     switch (typeof g == "function" && g(G), G.key) {
       case "ArrowUp": {
-        G.preventDefault(), ge ? Ce ? _e() : $e() : (ve(Ve), Se(!0), Ke());
+        G.preventDefault(), ge ? Ce ? _e() : $e() : (ve(ze), Se(!0), Ke());
         break;
       }
       case "ArrowDown": {
-        G.preventDefault(), ge ? Ce ? $e() : _e() : (ve(Ve), Se(!0), Ke());
+        G.preventDefault(), ge ? Ce ? $e() : _e() : (ve(ze), Se(!0), Ke());
         break;
       }
       case "Home": {
@@ -16599,7 +17017,7 @@ const defaultProps$8 = {
         break;
       }
       case " ": {
-        R || (G.preventDefault(), he[ke] && ge ? je(he[ke]) : (Se(!0), ve(Ve), Ke()));
+        R || (G.preventDefault(), he[ke] && ge ? je(he[ke]) : (Se(!0), ve(ze), Ke()));
         break;
       }
       case "Enter":
@@ -16614,7 +17032,7 @@ const defaultProps$8 = {
   }, oe = (G) => {
     Z || (Oe(G.currentTarget.value), P && G.currentTarget.value === "" && Me(null), ve(-1), Se(!0));
   }, ce = () => {
-    Z || (Se(!ge), Re && !ge && ve(Ve));
+    Z || (Se(!ge), Re && !ge && ve(ze));
   };
   return /* @__PURE__ */ React__default.createElement(Input.Wrapper, __spreadProps$e(__spreadValues$h({}, i), {
     __staticSelector: "Select"
@@ -16622,7 +17040,7 @@ const defaultProps$8 = {
     opened: we,
     transitionProps: x,
     shadow: l,
-    withinPortal: L,
+    withinPortal: V,
     portalProps: U,
     __staticSelector: "Select",
     onDirectionChange: rt,
@@ -16674,7 +17092,7 @@ const defaultProps$8 = {
   }), getSelectRightSectionProps({
     theme: Ne,
     rightSection: M,
-    rightSectionWidth: z,
+    rightSectionWidth: L,
     styles: E,
     size: a.size,
     shouldClear: P && !!Pe,
@@ -16832,7 +17250,7 @@ const Thumb = forwardRef$1(({
   thumbSize: j,
   variant: k
 }, O) => {
-  const { classes: T, cx: M, theme: z } = useStyles$d({ color: d, disabled: P, thumbSize: j }, { name: "Slider", classNames: p, styles: m, unstyled: I, variant: k, size: g }), [D, W] = useState$1(!1), J = v || l || D || A && C;
+  const { classes: T, cx: M, theme: L } = useStyles$d({ color: d, disabled: P, thumbSize: j }, { name: "Slider", classNames: p, styles: m, unstyled: I, variant: k, size: g }), [D, W] = useState$1(!1), J = v || l || D || A && C;
   return /* @__PURE__ */ React__default.createElement(Box, {
     tabIndex: 0,
     role: "slider",
@@ -16852,12 +17270,12 @@ const Thumb = forwardRef$1(({
     onMouseDown: c,
     onKeyDownCapture: u,
     onClick: (F) => F.stopPropagation(),
-    style: { [z.dir === "rtl" ? "right" : "left"]: `${a}%` }
+    style: { [L.dir === "rtl" ? "right" : "left"]: `${a}%` }
   }, R, /* @__PURE__ */ React__default.createElement(Transition, {
     mounted: i != null && J,
     duration: b,
     transition: h,
-    timingFunction: x || z.transitionTimingFunction
+    timingFunction: x || L.transitionTimingFunction
   }, (F) => /* @__PURE__ */ React__default.createElement("div", {
     style: F,
     className: T.label
@@ -17187,7 +17605,7 @@ const defaultProps$7 = {
     disabled: O,
     unstyled: T,
     thumbSize: M,
-    scale: z,
+    scale: L,
     inverted: D,
     variant: W
   } = o, J = __objRest$9(o, [
@@ -17220,49 +17638,49 @@ const defaultProps$7 = {
     "scale",
     "inverted",
     "variant"
-  ]), F = x ?? getPrecision(b), V = useMantineTheme(), [q, H] = useState$1(!1), [ee, L] = useUncontrolled({
+  ]), F = x ?? getPrecision(b), z = useMantineTheme(), [q, H] = useState$1(!1), [ee, V] = useUncontrolled({
     value: typeof c == "number" ? clamp$1(c, g, h) : c,
     defaultValue: typeof v == "number" ? clamp$1(v, g, h) : v,
     finalValue: clamp$1(0, g, h),
     onChange: u
-  }), U = useRef$1(ee), te = useRef$1(), _ = useRef$1(), Q = getPosition({ value: ee, min: g, max: h }), ne = z(ee), re = typeof E == "function" ? E(ne) : E, $ = useCallback$1(({ x: Z }) => {
+  }), U = useRef$1(ee), te = useRef$1(), _ = useRef$1(), Q = getPosition({ value: ee, min: g, max: h }), ne = L(ee), re = typeof E == "function" ? E(ne) : E, $ = useCallback$1(({ x: Z }) => {
     if (!O) {
       const le = getChangeValue({ value: Z, min: g, max: h, step: b, precision: F });
-      L(le), U.current = le;
+      V(le), U.current = le;
     }
-  }, [O, g, h, b, F, L]), { ref: ae, active: se } = useMove($, { onScrubEnd: () => d == null ? void 0 : d(U.current) }, V.dir), K = (Z) => {
+  }, [O, g, h, b, F, V]), { ref: ae, active: se } = useMove($, { onScrubEnd: () => d == null ? void 0 : d(U.current) }, z.dir), K = (Z) => {
     if (!O)
       switch (Z.key) {
         case "ArrowUp": {
           Z.preventDefault(), _.current.focus();
           const le = getFloatingValue(Math.min(Math.max(ee + b, g), h), F);
-          d == null || d(le), L(le);
+          d == null || d(le), V(le);
           break;
         }
         case "ArrowRight": {
           Z.preventDefault(), _.current.focus();
-          const le = getFloatingValue(Math.min(Math.max(V.dir === "rtl" ? ee - b : ee + b, g), h), F);
-          d == null || d(le), L(le);
+          const le = getFloatingValue(Math.min(Math.max(z.dir === "rtl" ? ee - b : ee + b, g), h), F);
+          d == null || d(le), V(le);
           break;
         }
         case "ArrowDown": {
           Z.preventDefault(), _.current.focus();
           const le = getFloatingValue(Math.min(Math.max(ee - b, g), h), F);
-          d == null || d(le), L(le);
+          d == null || d(le), V(le);
           break;
         }
         case "ArrowLeft": {
           Z.preventDefault(), _.current.focus();
-          const le = getFloatingValue(Math.min(Math.max(V.dir === "rtl" ? ee + b : ee - b, g), h), F);
-          d == null || d(le), L(le);
+          const le = getFloatingValue(Math.min(Math.max(z.dir === "rtl" ? ee + b : ee - b, g), h), F);
+          d == null || d(le), V(le);
           break;
         }
         case "Home": {
-          Z.preventDefault(), _.current.focus(), d == null || d(g), L(g);
+          Z.preventDefault(), _.current.focus(), d == null || d(g), V(g);
           break;
         }
         case "End": {
-          Z.preventDefault(), _.current.focus(), d == null || d(h), L(h);
+          Z.preventDefault(), _.current.focus(), d == null || d(h), V(h);
           break;
         }
       }
@@ -17292,7 +17710,7 @@ const defaultProps$7 = {
     min: g,
     max: h,
     value: ne,
-    onChange: L,
+    onChange: V,
     classNames: a,
     styles: i,
     disabled: O,
@@ -18447,12 +18865,12 @@ function useWindowSplitterPanelGroupBehavior({
           switch (T.key) {
             case "Enter": {
               T.preventDefault();
-              const M = v.findIndex((z) => z.current.id === S);
+              const M = v.findIndex((L) => L.current.id === S);
               if (M >= 0) {
-                const z = v[M], D = i[M];
+                const L = v[M], D = i[M];
                 if (D != null) {
                   let W = 0;
-                  D.toPrecision(PRECISION) <= z.current.minSize.toPrecision(PRECISION) ? W = c === "horizontal" ? m : p : W = -(c === "horizontal" ? m : p);
+                  D.toPrecision(PRECISION) <= L.current.minSize.toPrecision(PRECISION) ? W = c === "horizontal" ? m : p : W = -(c === "horizontal" ? m : p);
                   const J = adjustByDelta(T, u, S, w, W, i, l.current, null);
                   i !== J && a(J);
                 }
@@ -18709,8 +19127,8 @@ function PanelGroupWithForwardedRef({
       return F;
     },
     setLayout: (F) => {
-      const V = F.reduce((L, U) => L + U, 0);
-      assert(V === 100, "Panel sizes must add up to 100%");
+      const z = F.reduce((V, U) => V + U, 0);
+      assert(z === 100, "Panel sizes must add up to 100%");
       const {
         panels: q
       } = I.current, H = E.current, ee = panelsMapToSortedArray(q);
@@ -18729,34 +19147,34 @@ function PanelGroupWithForwardedRef({
     const {
       onLayout: F
     } = w.current, {
-      panels: V,
+      panels: z,
       sizes: q
     } = I.current;
     if (q.length > 0) {
       F && F(q);
-      const H = E.current, ee = panelsMapToSortedArray(V);
+      const H = E.current, ee = panelsMapToSortedArray(z);
       callPanelCallbacks(ee, q, H);
     }
   }, [A]), useIsomorphicLayoutEffect(() => {
     if (I.current.sizes.length === x.size)
       return;
-    let V = null;
+    let z = null;
     if (r) {
       const q = panelsMapToSortedArray(x);
-      V = loadPanelLayout(r, q, d);
+      z = loadPanelLayout(r, q, d);
     }
-    if (V != null)
-      C(V);
+    if (z != null)
+      C(z);
     else {
       const q = panelsMapToSortedArray(x);
-      let H = 0, ee = 0, L = 0;
+      let H = 0, ee = 0, V = 0;
       if (q.forEach((U) => {
-        L += U.current.minSize, U.current.defaultSize === null ? H++ : ee += U.current.defaultSize;
+        V += U.current.minSize, U.current.defaultSize === null ? H++ : ee += U.current.defaultSize;
       }), ee > 100)
         throw new Error("Default panel sizes cannot exceed 100%");
       if (q.length > 1 && H === 0 && ee !== 100)
         throw new Error("Invalid default sizes specified for panels");
-      if (L > 100)
+      if (V > 100)
         throw new Error("Minimum panel sizes cannot exceed 100%");
       C(q.map((U) => U.current.defaultSize === null ? (100 - ee) / H : U.current.defaultSize));
     }
@@ -18768,13 +19186,13 @@ function PanelGroupWithForwardedRef({
       debounceMap[r] || (debounceMap[r] = debounce(savePanelGroupLayout, 100)), debounceMap[r](r, F, A, d);
     }
   }, [r, x, A, d]);
-  const j = useCallback((F, V) => {
+  const j = useCallback((F, z) => {
     const {
       panels: q
     } = I.current;
     return q.size === 0 ? {
       flexBasis: 0,
-      flexGrow: V ?? void 0,
+      flexGrow: z ?? void 0,
       flexShrink: 1,
       // Without this, Panel sizes may be unintentionally overridden by their content.
       overflow: "hidden"
@@ -18788,54 +19206,54 @@ function PanelGroupWithForwardedRef({
       // This avoid edge cases like nested iframes.
       pointerEvents: i && h !== null ? "none" : void 0
     };
-  }, [h, i, A]), k = useCallback((F, V) => {
+  }, [h, i, A]), k = useCallback((F, z) => {
     v((q) => {
       if (q.has(F))
         return q;
       const H = new Map(q);
-      return H.set(F, V), H;
+      return H.set(F, z), H;
     });
   }, []), O = useCallback((F) => (q) => {
     q.preventDefault();
     const {
       direction: H,
       panels: ee,
-      sizes: L
+      sizes: V
     } = I.current, U = panelsMapToSortedArray(ee), [te, _] = getResizeHandlePanelIds(g, F, U);
     if (te == null || _ == null)
       return;
-    let Q = getMovement(q, g, F, U, H, L, S.current);
+    let Q = getMovement(q, g, F, U, H, V, S.current);
     if (Q === 0)
       return;
     const re = getPanelGroup(g).getBoundingClientRect(), $ = H === "horizontal";
     document.dir === "rtl" && $ && (Q = -Q);
-    const ae = $ ? re.width : re.height, se = Q / ae * 100, K = adjustByDelta(q, ee, te, _, se, L, R.current, S.current), Z = !areEqual(L, K);
+    const ae = $ ? re.width : re.height, se = Q / ae * 100, K = adjustByDelta(q, ee, te, _, se, V, R.current, S.current), Z = !areEqual(V, K);
     if ((isMouseEvent(q) || isTouchEvent(q)) && P.current != se && setGlobalCursorStyle(Z ? $ ? "horizontal" : "vertical" : $ ? Q < 0 ? "horizontal-min" : "horizontal-max" : Q < 0 ? "vertical-min" : "vertical-max"), Z) {
       const le = E.current;
       C(K), callPanelCallbacks(U, K, le);
     }
     P.current = se;
   }, [g]), T = useCallback((F) => {
-    v((V) => {
-      if (!V.has(F))
-        return V;
-      const q = new Map(V);
+    v((z) => {
+      if (!z.has(F))
+        return z;
+      const q = new Map(z);
       return q.delete(F), q;
     });
   }, []), M = useCallback((F) => {
     const {
-      panels: V,
+      panels: z,
       sizes: q
-    } = I.current, H = V.get(F);
+    } = I.current, H = z.get(F);
     if (H == null)
       return;
     const {
       collapsedSize: ee,
-      collapsible: L
+      collapsible: V
     } = H.current;
-    if (!L)
+    if (!V)
       return;
-    const U = panelsMapToSortedArray(V), te = U.indexOf(H);
+    const U = panelsMapToSortedArray(z), te = U.indexOf(H);
     if (te < 0)
       return;
     const _ = q[te];
@@ -18845,36 +19263,36 @@ function PanelGroupWithForwardedRef({
     const [Q, ne] = getBeforeAndAfterIds(F, U);
     if (Q == null || ne == null)
       return;
-    const $ = te === U.length - 1 ? _ : ee - _, ae = adjustByDelta(null, V, Q, ne, $, q, R.current, null);
+    const $ = te === U.length - 1 ? _ : ee - _, ae = adjustByDelta(null, z, Q, ne, $, q, R.current, null);
     if (q !== ae) {
       const se = E.current;
       C(ae), callPanelCallbacks(U, ae, se);
     }
-  }, []), z = useCallback((F) => {
+  }, []), L = useCallback((F) => {
     const {
-      panels: V,
+      panels: z,
       sizes: q
-    } = I.current, H = V.get(F);
+    } = I.current, H = z.get(F);
     if (H == null)
       return;
     const {
       collapsedSize: ee,
-      minSize: L
-    } = H.current, U = R.current.get(F) || L;
+      minSize: V
+    } = H.current, U = R.current.get(F) || V;
     if (!U)
       return;
-    const te = panelsMapToSortedArray(V), _ = te.indexOf(H);
+    const te = panelsMapToSortedArray(z), _ = te.indexOf(H);
     if (_ < 0 || q[_] !== ee)
       return;
     const [ne, re] = getBeforeAndAfterIds(F, te);
     if (ne == null || re == null)
       return;
-    const ae = _ === te.length - 1 ? ee - U : U, se = adjustByDelta(null, V, ne, re, ae, q, R.current, null);
+    const ae = _ === te.length - 1 ? ee - U : U, se = adjustByDelta(null, z, ne, re, ae, q, R.current, null);
     if (q !== se) {
       const K = E.current;
       C(se), callPanelCallbacks(te, se, K);
     }
-  }, []), D = useCallback((F, V) => {
+  }, []), D = useCallback((F, z) => {
     const {
       panels: q,
       sizes: H
@@ -18882,7 +19300,7 @@ function PanelGroupWithForwardedRef({
     if (ee == null)
       return;
     const {
-      collapsedSize: L,
+      collapsedSize: V,
       collapsible: U,
       maxSize: te,
       minSize: _
@@ -18890,13 +19308,13 @@ function PanelGroupWithForwardedRef({
     if (ne < 0)
       return;
     const re = H[ne];
-    if (re === V)
+    if (re === z)
       return;
-    U && V === L || (V = Math.min(te, Math.max(_, V)));
+    U && z === V || (z = Math.min(te, Math.max(_, z)));
     const [$, ae] = getBeforeAndAfterIds(F, Q);
     if ($ == null || ae == null)
       return;
-    const K = ne === Q.length - 1 ? re - V : V - re, Z = adjustByDelta(null, q, $, ae, K, H, R.current, null);
+    const K = ne === Q.length - 1 ? re - z : z - re, Z = adjustByDelta(null, q, $, ae, K, H, R.current, null);
     if (H !== Z) {
       const le = E.current;
       C(Z), callPanelCallbacks(Q, Z, le);
@@ -18905,18 +19323,18 @@ function PanelGroupWithForwardedRef({
     activeHandleId: h,
     collapsePanel: M,
     direction: a,
-    expandPanel: z,
+    expandPanel: L,
     getPanelStyle: j,
     groupId: g,
     registerPanel: k,
     registerResizeHandle: O,
     resizePanel: D,
-    startDragging: (F, V) => {
-      if (b(F), isMouseEvent(V) || isTouchEvent(V)) {
+    startDragging: (F, z) => {
+      if (b(F), isMouseEvent(z) || isTouchEvent(z)) {
         const q = getResizeHandle(F);
         S.current = {
           dragHandleRect: q.getBoundingClientRect(),
-          dragOffset: getDragOffset(V, F, a),
+          dragOffset: getDragOffset(z, F, a),
           sizes: I.current.sizes
         };
       }
@@ -18925,7 +19343,7 @@ function PanelGroupWithForwardedRef({
       resetGlobalCursorStyle(), b(null), S.current = null;
     },
     unregisterPanel: T
-  }), [h, M, a, z, j, g, k, O, D, T]), J = {
+  }), [h, M, a, L, j, g, k, O, D, T]), J = {
     display: "flex",
     flexDirection: a === "horizontal" ? "row" : "column",
     height: "100%",
@@ -22479,10 +22897,10 @@ var Prism$1 = function() {
             C.pattern = RegExp(C.pattern.source, k + "g");
           }
           for (var O = C.pattern || C, T = x.next, M = v; T !== h.tail && !(S && M >= S.reach); M += T.value.length, T = T.next) {
-            var z = T.value;
+            var L = T.value;
             if (h.length > g.length)
               return;
-            if (!(z instanceof i)) {
+            if (!(L instanceof i)) {
               var D = 1, W;
               if (I) {
                 if (W = l(O, M, g, P), !W || W.index >= g.length)
@@ -22492,17 +22910,17 @@ var Prism$1 = function() {
                   T = T.next, F += T.value.length;
                 if (F -= T.value.length, M = F, T.value instanceof i)
                   continue;
-                for (var V = T; V !== h.tail && (F < J || typeof V.value == "string"); V = V.next)
-                  D++, F += V.value.length;
-                D--, z = g.slice(M, F), W.index -= M;
-              } else if (W = l(O, 0, z, P), !W)
+                for (var z = T; z !== h.tail && (F < J || typeof z.value == "string"); z = z.next)
+                  D++, F += z.value.length;
+                D--, L = g.slice(M, F), W.index -= M;
+              } else if (W = l(O, 0, L, P), !W)
                 continue;
-              var q = W.index, H = W[0], ee = z.slice(0, q), L = z.slice(q + H.length), U = M + z.length;
+              var q = W.index, H = W[0], ee = L.slice(0, q), V = L.slice(q + H.length), U = M + L.length;
               S && U > S.reach && (S.reach = U);
               var te = T.prev;
               ee && (te = d(h, te, ee), M += ee.length), p(h, te, D);
               var _ = new i(w, R ? a.tokenize(H, R) : H, j, H);
-              if (T = d(h, te, _), L && d(h, T, L), D > 1) {
+              if (T = d(h, te, _), V && d(h, T, V), D > 1) {
                 var Q = {
                   cause: w + "," + A,
                   reach: U
@@ -24005,16 +24423,16 @@ prism.languages.sql = {
           ), M = T.indexOf(O);
           if (M !== -1) {
             ++w;
-            var z = T.substring(0, M), D = p(E[O]), W = T.substring(M + O.length), J = [];
-            if (z && J.push(z), J.push(D), W) {
+            var L = T.substring(0, M), D = p(E[O]), W = T.substring(M + O.length), J = [];
+            if (L && J.push(L), J.push(D), W) {
               var F = [W];
               P(F), J.push.apply(J, F);
             }
             typeof k == "string" ? (I.splice.apply(I, [j, 1].concat(J)), j += J.length - 1) : k.content = J;
           }
         } else {
-          var V = k.content;
-          Array.isArray(V) ? P(V) : P([V]);
+          var z = k.content;
+          Array.isArray(z) ? P(z) : P([z]);
         }
       }
     }
@@ -25547,7 +25965,7 @@ const prismDefaultProps = {
     language: l
   }), ({
     className: M,
-    style: z,
+    style: L,
     tokens: D,
     getLineProps: W,
     getTokenProps: J
@@ -25556,14 +25974,14 @@ const prismDefaultProps = {
     dir: "ltr"
   }, /* @__PURE__ */ React__default.createElement("pre", {
     className: T(O.code, M),
-    style: z,
+    style: L,
     dir: "ltr"
-  }, D.map((F, V) => {
-    var q, H, ee, L;
-    if (V === D.length - 1 && F.length === 1 && F[0].content === `
+  }, D.map((F, z) => {
+    var q, H, ee, V;
+    if (z === D.length - 1 && F.length === 1 && F[0].content === `
 `)
       return null;
-    const U = V + 1, te = W({ line: F, key: V }), _ = U in h, Q = k === "dark" ? I.fn.rgba(I.fn.themeColor((q = h[U]) == null ? void 0 : q.color, 9), 0.25) : I.fn.themeColor((H = h[U]) == null ? void 0 : H.color, 0);
+    const U = z + 1, te = W({ line: F, key: z }), _ = U in h, Q = k === "dark" ? I.fn.rgba(I.fn.themeColor((q = h[U]) == null ? void 0 : q.color, 9), 0.25) : I.fn.themeColor((H = h[U]) == null ? void 0 : H.color, 0);
     return /* @__PURE__ */ React__default.createElement("div", __spreadProps$2(__spreadValues$2({}, te), {
       className: T(O.line, te.className),
       style: __spreadValues$2({}, _ ? { backgroundColor: Q } : null)
@@ -25572,7 +25990,7 @@ const prismDefaultProps = {
       style: {
         color: _ ? I.fn.themeColor((ee = h[U]) == null ? void 0 : ee.color, k === "dark" ? 5 : 8) : void 0
       }
-    }, ((L = h[U]) == null ? void 0 : L.label) || U), /* @__PURE__ */ React__default.createElement("div", {
+    }, ((V = h[U]) == null ? void 0 : V.label) || U), /* @__PURE__ */ React__default.createElement("div", {
       className: O.lineContent
     }, F.map((ne, re) => {
       var $, ae;
@@ -25895,17 +26313,17 @@ var diffMatchPatch = { exports: {} };
           }
         }
       }
-      for (var z = -P + C; z <= P - R; z += 2) {
-        var T = g + z, M;
-        z == -P || z != P && x[T - 1] < x[T + 1] ? M = x[T + 1] : M = x[T - 1] + 1;
-        for (var D = M - z; M < d && D < p && l.charAt(d - M - 1) == c.charAt(p - D - 1); )
+      for (var L = -P + C; L <= P - R; L += 2) {
+        var T = g + L, M;
+        L == -P || L != P && x[T - 1] < x[T + 1] ? M = x[T + 1] : M = x[T - 1] + 1;
+        for (var D = M - L; M < d && D < p && l.charAt(d - M - 1) == c.charAt(p - D - 1); )
           M++, D++;
         if (x[T] = M, M > d)
           R += 2;
         else if (D > p)
           C += 2;
         else if (!w) {
-          var j = g + S - z;
+          var j = g + S - L;
           if (j >= 0 && j < h && b[j] != -1) {
             var k = b[j], O = g + k - j;
             if (M = d - M, k >= M)
@@ -25978,14 +26396,14 @@ var diffMatchPatch = { exports: {} };
     var p = this;
     function m(A, C, R) {
       for (var P = A.substring(R, R + Math.floor(A.length / 4)), I = -1, j = "", k, O, T, M; (I = C.indexOf(P, I + 1)) != -1; ) {
-        var z = p.diff_commonPrefix(
+        var L = p.diff_commonPrefix(
           A.substring(R),
           C.substring(I)
         ), D = p.diff_commonSuffix(
           A.substring(0, R),
           C.substring(0, I)
         );
-        j.length < D + z && (j = C.substring(I - D, I) + C.substring(I, I + z), k = A.substring(0, R - D), O = A.substring(R + z), T = C.substring(0, I - D), M = C.substring(I + z));
+        j.length < D + L && (j = C.substring(I - D, I) + C.substring(I, I + L), k = A.substring(0, R - D), O = A.substring(R + L), T = C.substring(0, I - D), M = C.substring(I + L));
       }
       return j.length * 2 >= A.length ? [
         k,
@@ -26038,8 +26456,8 @@ var diffMatchPatch = { exports: {} };
     function c(E, A) {
       if (!E || !A)
         return 6;
-      var C = E.charAt(E.length - 1), R = A.charAt(0), P = C.match(n.nonAlphaNumericRegex_), I = R.match(n.nonAlphaNumericRegex_), j = P && C.match(n.whitespaceRegex_), k = I && R.match(n.whitespaceRegex_), O = j && C.match(n.linebreakRegex_), T = k && R.match(n.linebreakRegex_), M = O && E.match(n.blanklineEndRegex_), z = T && A.match(n.blanklineStartRegex_);
-      return M || z ? 5 : O || T ? 4 : P && !j && k ? 3 : j || k ? 2 : P || I ? 1 : 0;
+      var C = E.charAt(E.length - 1), R = A.charAt(0), P = C.match(n.nonAlphaNumericRegex_), I = R.match(n.nonAlphaNumericRegex_), j = P && C.match(n.whitespaceRegex_), k = I && R.match(n.whitespaceRegex_), O = j && C.match(n.linebreakRegex_), T = k && R.match(n.linebreakRegex_), M = O && E.match(n.blanklineEndRegex_), L = T && A.match(n.blanklineStartRegex_);
+      return M || L ? 5 : O || T ? 4 : P && !j && k ? 3 : j || k ? 2 : P || I ? 1 : 0;
     }
     for (var u = 1; u < l.length - 1; ) {
       if (l[u - 1][0] == i && l[u + 1][0] == i) {
@@ -28141,14 +28559,14 @@ var require_react_is_production_min = __commonJS({
           }
         }
       }
-      var P = p, I = m, j = d, k = u, O = o, T = g, M = i, z = v, D = x, W = a, J = c, F = l, V = h, q = !1;
+      var P = p, I = m, j = d, k = u, O = o, T = g, M = i, L = v, D = x, W = a, J = c, F = l, z = h, q = !1;
       function H(Z) {
         return q || (q = !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.")), ee(Z) || R(Z) === p;
       }
       function ee(Z) {
         return R(Z) === m;
       }
-      function L(Z) {
+      function V(Z) {
         return R(Z) === d;
       }
       function U(Z) {
@@ -28181,7 +28599,7 @@ var require_react_is_production_min = __commonJS({
       function K(Z) {
         return R(Z) === h;
       }
-      r.AsyncMode = P, r.ConcurrentMode = I, r.ContextConsumer = j, r.ContextProvider = k, r.Element = O, r.ForwardRef = T, r.Fragment = M, r.Lazy = z, r.Memo = D, r.Portal = W, r.Profiler = J, r.StrictMode = F, r.Suspense = V, r.isAsyncMode = H, r.isConcurrentMode = ee, r.isContextConsumer = L, r.isContextProvider = U, r.isElement = te, r.isForwardRef = _, r.isFragment = Q, r.isLazy = ne, r.isMemo = re, r.isPortal = $, r.isProfiler = ae, r.isStrictMode = se, r.isSuspense = K, r.isValidElementType = C, r.typeOf = R;
+      r.AsyncMode = P, r.ConcurrentMode = I, r.ContextConsumer = j, r.ContextProvider = k, r.Element = O, r.ForwardRef = T, r.Fragment = M, r.Lazy = L, r.Memo = D, r.Portal = W, r.Profiler = J, r.StrictMode = F, r.Suspense = z, r.isAsyncMode = H, r.isConcurrentMode = ee, r.isContextConsumer = V, r.isContextProvider = U, r.isElement = te, r.isForwardRef = _, r.isFragment = Q, r.isLazy = ne, r.isMemo = re, r.isPortal = $, r.isProfiler = ae, r.isStrictMode = se, r.isSuspense = K, r.isValidElementType = C, r.typeOf = R;
     }();
   }
 }), require_react_is = __commonJS({
@@ -28307,8 +28725,8 @@ var require_react_is_production_min = __commonJS({
     }
     n.exports = function(p, m) {
       var g = typeof Symbol == "function" && Symbol.iterator, h = "@@iterator";
-      function b(L) {
-        var U = L && (g && L[g] || L[h]);
+      function b(V) {
+        var U = V && (g && V[g] || V[h]);
         if (typeof U == "function")
           return U;
       }
@@ -28333,14 +28751,14 @@ var require_react_is_production_min = __commonJS({
         shape: D,
         exact: W
       };
-      function S(L, U) {
-        return L === U ? L !== 0 || 1 / L === 1 / U : L !== L && U !== U;
+      function S(V, U) {
+        return V === U ? V !== 0 || 1 / V === 1 / U : V !== V && U !== U;
       }
-      function w(L, U) {
-        this.message = L, this.data = U && typeof U == "object" ? U : {}, this.stack = "";
+      function w(V, U) {
+        this.message = V, this.data = U && typeof U == "object" ? U : {}, this.stack = "";
       }
       w.prototype = Error.prototype;
-      function E(L) {
+      function E(V) {
         if (process.env.NODE_ENV !== "production")
           var U = {}, te = 0;
         function _(ne, re, $, ae, se, K, Z) {
@@ -28358,19 +28776,19 @@ var require_react_is_production_min = __commonJS({
               ), U[fe] = !0, te++);
             }
           }
-          return re[$] == null ? ne ? re[$] === null ? new w("The " + se + " `" + K + "` is marked as required " + ("in `" + ae + "`, but its value is `null`.")) : new w("The " + se + " `" + K + "` is marked as required in " + ("`" + ae + "`, but its value is `undefined`.")) : null : L(re, $, ae, se, K);
+          return re[$] == null ? ne ? re[$] === null ? new w("The " + se + " `" + K + "` is marked as required " + ("in `" + ae + "`, but its value is `null`.")) : new w("The " + se + " `" + K + "` is marked as required in " + ("`" + ae + "`, but its value is `undefined`.")) : null : V(re, $, ae, se, K);
         }
         var Q = _.bind(null, !1);
         return Q.isRequired = _.bind(null, !0), Q;
       }
-      function A(L) {
+      function A(V) {
         function U(te, _, Q, ne, re, $) {
-          var ae = te[_], se = V(ae);
-          if (se !== L) {
+          var ae = te[_], se = z(ae);
+          if (se !== V) {
             var K = q(ae);
             return new w(
-              "Invalid " + ne + " `" + re + "` of type " + ("`" + K + "` supplied to `" + Q + "`, expected ") + ("`" + L + "`."),
-              { expectedType: L }
+              "Invalid " + ne + " `" + re + "` of type " + ("`" + K + "` supplied to `" + Q + "`, expected ") + ("`" + V + "`."),
+              { expectedType: V }
             );
           }
           return null;
@@ -28380,17 +28798,17 @@ var require_react_is_production_min = __commonJS({
       function C() {
         return E(d);
       }
-      function R(L) {
+      function R(V) {
         function U(te, _, Q, ne, re) {
-          if (typeof L != "function")
+          if (typeof V != "function")
             return new w("Property `" + re + "` of component `" + Q + "` has invalid PropType notation inside arrayOf.");
           var $ = te[_];
           if (!Array.isArray($)) {
-            var ae = V($);
+            var ae = z($);
             return new w("Invalid " + ne + " `" + re + "` of type " + ("`" + ae + "` supplied to `" + Q + "`, expected an array."));
           }
           for (var se = 0; se < $.length; se++) {
-            var K = L($, se, Q, ne, re + "[" + se + "]", i);
+            var K = V($, se, Q, ne, re + "[" + se + "]", i);
             if (K instanceof Error)
               return K;
           }
@@ -28399,47 +28817,47 @@ var require_react_is_production_min = __commonJS({
         return E(U);
       }
       function P() {
-        function L(U, te, _, Q, ne) {
+        function V(U, te, _, Q, ne) {
           var re = U[te];
           if (!p(re)) {
-            var $ = V(re);
+            var $ = z(re);
             return new w("Invalid " + Q + " `" + ne + "` of type " + ("`" + $ + "` supplied to `" + _ + "`, expected a single ReactElement."));
           }
           return null;
         }
-        return E(L);
+        return E(V);
       }
       function I() {
-        function L(U, te, _, Q, ne) {
+        function V(U, te, _, Q, ne) {
           var re = U[te];
           if (!o.isValidElementType(re)) {
-            var $ = V(re);
+            var $ = z(re);
             return new w("Invalid " + Q + " `" + ne + "` of type " + ("`" + $ + "` supplied to `" + _ + "`, expected a single ReactElement type."));
           }
           return null;
         }
-        return E(L);
+        return E(V);
       }
-      function j(L) {
+      function j(V) {
         function U(te, _, Q, ne, re) {
-          if (!(te[_] instanceof L)) {
-            var $ = L.name || x, ae = ee(te[_]);
+          if (!(te[_] instanceof V)) {
+            var $ = V.name || x, ae = ee(te[_]);
             return new w("Invalid " + ne + " `" + re + "` of type " + ("`" + ae + "` supplied to `" + Q + "`, expected ") + ("instance of `" + $ + "`."));
           }
           return null;
         }
         return E(U);
       }
-      function k(L) {
-        if (!Array.isArray(L))
+      function k(V) {
+        if (!Array.isArray(V))
           return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? u(
             "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
           ) : u("Invalid argument supplied to oneOf, expected an array.")), d;
         function U(te, _, Q, ne, re) {
-          for (var $ = te[_], ae = 0; ae < L.length; ae++)
-            if (S($, L[ae]))
+          for (var $ = te[_], ae = 0; ae < V.length; ae++)
+            if (S($, V[ae]))
               return null;
-          var se = JSON.stringify(L, function(Z, le) {
+          var se = JSON.stringify(V, function(Z, le) {
             var fe = q(le);
             return fe === "symbol" ? String(le) : le;
           });
@@ -28447,16 +28865,16 @@ var require_react_is_production_min = __commonJS({
         }
         return E(U);
       }
-      function O(L) {
+      function O(V) {
         function U(te, _, Q, ne, re) {
-          if (typeof L != "function")
+          if (typeof V != "function")
             return new w("Property `" + re + "` of component `" + Q + "` has invalid PropType notation inside objectOf.");
-          var $ = te[_], ae = V($);
+          var $ = te[_], ae = z($);
           if (ae !== "object")
             return new w("Invalid " + ne + " `" + re + "` of type " + ("`" + ae + "` supplied to `" + Q + "`, expected an object."));
           for (var se in $)
             if (l($, se)) {
-              var K = L($, se, Q, ne, re + "." + se, i);
+              var K = V($, se, Q, ne, re + "." + se, i);
               if (K instanceof Error)
                 return K;
             }
@@ -28464,19 +28882,19 @@ var require_react_is_production_min = __commonJS({
         }
         return E(U);
       }
-      function T(L) {
-        if (!Array.isArray(L))
+      function T(V) {
+        if (!Array.isArray(V))
           return process.env.NODE_ENV !== "production" && u("Invalid argument supplied to oneOfType, expected an instance of array."), d;
-        for (var U = 0; U < L.length; U++) {
-          var te = L[U];
+        for (var U = 0; U < V.length; U++) {
+          var te = V[U];
           if (typeof te != "function")
             return u(
               "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + H(te) + " at index " + U + "."
             ), d;
         }
         function _(Q, ne, re, $, ae) {
-          for (var se = [], K = 0; K < L.length; K++) {
-            var Z = L[K], le = Z(Q, ne, re, $, ae, i);
+          for (var se = [], K = 0; K < V.length; K++) {
+            var Z = V[K], le = Z(Q, ne, re, $, ae, i);
             if (le == null)
               return null;
             le.data && l(le.data, "expectedType") && se.push(le.data.expectedType);
@@ -28487,25 +28905,25 @@ var require_react_is_production_min = __commonJS({
         return E(_);
       }
       function M() {
-        function L(U, te, _, Q, ne) {
+        function V(U, te, _, Q, ne) {
           return J(U[te]) ? null : new w("Invalid " + Q + " `" + ne + "` supplied to " + ("`" + _ + "`, expected a ReactNode."));
         }
-        return E(L);
+        return E(V);
       }
-      function z(L, U, te, _, Q) {
+      function L(V, U, te, _, Q) {
         return new w(
-          (L || "React class") + ": " + U + " type `" + te + "." + _ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + Q + "`."
+          (V || "React class") + ": " + U + " type `" + te + "." + _ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + Q + "`."
         );
       }
-      function D(L) {
+      function D(V) {
         function U(te, _, Q, ne, re) {
-          var $ = te[_], ae = V($);
+          var $ = te[_], ae = z($);
           if (ae !== "object")
             return new w("Invalid " + ne + " `" + re + "` of type `" + ae + "` " + ("supplied to `" + Q + "`, expected `object`."));
-          for (var se in L) {
-            var K = L[se];
+          for (var se in V) {
+            var K = V[se];
             if (typeof K != "function")
-              return z(Q, ne, re, se, q(K));
+              return L(Q, ne, re, se, q(K));
             var Z = K($, se, Q, ne, re + "." + se, i);
             if (Z)
               return Z;
@@ -28514,20 +28932,20 @@ var require_react_is_production_min = __commonJS({
         }
         return E(U);
       }
-      function W(L) {
+      function W(V) {
         function U(te, _, Q, ne, re) {
-          var $ = te[_], ae = V($);
+          var $ = te[_], ae = z($);
           if (ae !== "object")
             return new w("Invalid " + ne + " `" + re + "` of type `" + ae + "` " + ("supplied to `" + Q + "`, expected `object`."));
-          var se = a({}, te[_], L);
+          var se = a({}, te[_], V);
           for (var K in se) {
-            var Z = L[K];
-            if (l(L, K) && typeof Z != "function")
-              return z(Q, ne, re, K, q(Z));
+            var Z = V[K];
+            if (l(V, K) && typeof Z != "function")
+              return L(Q, ne, re, K, q(Z));
             if (!Z)
               return new w(
                 "Invalid " + ne + " `" + re + "` key `" + K + "` supplied to `" + Q + "`.\nBad object: " + JSON.stringify(te[_], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(L), null, "  ")
+Valid keys: ` + JSON.stringify(Object.keys(V), null, "  ")
               );
             var le = Z($, K, Q, ne, re + "." + K, i);
             if (le)
@@ -28537,23 +28955,23 @@ Valid keys: ` + JSON.stringify(Object.keys(L), null, "  ")
         }
         return E(U);
       }
-      function J(L) {
-        switch (typeof L) {
+      function J(V) {
+        switch (typeof V) {
           case "number":
           case "string":
           case "undefined":
             return !0;
           case "boolean":
-            return !L;
+            return !V;
           case "object":
-            if (Array.isArray(L))
-              return L.every(J);
-            if (L === null || p(L))
+            if (Array.isArray(V))
+              return V.every(J);
+            if (V === null || p(V))
               return !0;
-            var U = b(L);
+            var U = b(V);
             if (U) {
-              var te = U.call(L), _;
-              if (U !== L.entries) {
+              var te = U.call(V), _;
+              if (U !== V.entries) {
                 for (; !(_ = te.next()).done; )
                   if (!J(_.value))
                     return !1;
@@ -28570,27 +28988,27 @@ Valid keys: ` + JSON.stringify(Object.keys(L), null, "  ")
             return !1;
         }
       }
-      function F(L, U) {
-        return L === "symbol" ? !0 : U ? U["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && U instanceof Symbol : !1;
+      function F(V, U) {
+        return V === "symbol" ? !0 : U ? U["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && U instanceof Symbol : !1;
       }
-      function V(L) {
-        var U = typeof L;
-        return Array.isArray(L) ? "array" : L instanceof RegExp ? "object" : F(U, L) ? "symbol" : U;
+      function z(V) {
+        var U = typeof V;
+        return Array.isArray(V) ? "array" : V instanceof RegExp ? "object" : F(U, V) ? "symbol" : U;
       }
-      function q(L) {
-        if (typeof L > "u" || L === null)
-          return "" + L;
-        var U = V(L);
+      function q(V) {
+        if (typeof V > "u" || V === null)
+          return "" + V;
+        var U = z(V);
         if (U === "object") {
-          if (L instanceof Date)
+          if (V instanceof Date)
             return "date";
-          if (L instanceof RegExp)
+          if (V instanceof RegExp)
             return "regexp";
         }
         return U;
       }
-      function H(L) {
-        var U = q(L);
+      function H(V) {
+        var U = q(V);
         switch (U) {
           case "array":
           case "object":
@@ -28603,8 +29021,8 @@ Valid keys: ` + JSON.stringify(Object.keys(L), null, "  ")
             return U;
         }
       }
-      function ee(L) {
-        return !L.constructor || !L.constructor.name ? x : L.constructor.name;
+      function ee(V) {
+        return !V.constructor || !V.constructor.name ? x : V.constructor.name;
       }
       return v.checkPropTypes = c, v.resetWarningCache = c.resetWarningCache, v.PropTypes = v, v;
     };
@@ -29713,8 +30131,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     r.mocha = n(T);
     var M = require_monokai();
     r.monokai = n(M);
-    var z = require_ocean();
-    r.ocean = n(z);
+    var L = require_ocean();
+    r.ocean = n(L);
     var D = require_paraiso();
     r.paraiso = n(D);
     var W = require_pop();
@@ -29723,16 +30141,16 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     r.railscasts = n(J);
     var F = require_shapeshifter();
     r.shapeshifter = n(F);
-    var V = require_solarized();
-    r.solarized = n(V);
+    var z = require_solarized();
+    r.solarized = n(z);
     var q = require_summerfruit();
     r.summerfruit = n(q);
     var H = require_tomorrow();
     r.tomorrow = n(H);
     var ee = require_tube();
     r.tube = n(ee);
-    var L = require_twilight();
-    r.twilight = n(L);
+    var V = require_twilight();
+    r.twilight = n(V);
   }
 }), require_color_name = __commonJS({
   "node_modules/.pnpm/color-name@1.1.4/node_modules/color-name/index.js"(r, n) {
@@ -30767,7 +31185,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       ["partial", p],
       ["partialRight", m],
       ["rearg", h]
-    ], A = "[object Function]", C = "[object GeneratorFunction]", R = "[object Symbol]", P = /[\\^$.*+?()[\]{}|]/g, I = /^\s+|\s+$/g, j = /\{(?:\n\/\* \[wrapped with .+\] \*\/)?\n?/, k = /\{\n\/\* \[wrapped with (.+)\] \*/, O = /,? & /, T = /^[-+]0x[0-9a-f]+$/i, M = /^0b[01]+$/i, z = /^\[object .+?Constructor\]$/, D = /^0o[0-7]+$/i, W = /^(?:0|[1-9]\d*)$/, J = parseInt, F = typeof global == "object" && global && global.Object === Object && global, V = typeof self == "object" && self && self.Object === Object && self, q = F || V || Function("return this")();
+    ], A = "[object Function]", C = "[object GeneratorFunction]", R = "[object Symbol]", P = /[\\^$.*+?()[\]{}|]/g, I = /^\s+|\s+$/g, j = /\{(?:\n\/\* \[wrapped with .+\] \*\/)?\n?/, k = /\{\n\/\* \[wrapped with (.+)\] \*/, O = /,? & /, T = /^[-+]0x[0-9a-f]+$/i, M = /^0b[01]+$/i, L = /^\[object .+?Constructor\]$/, D = /^0o[0-7]+$/i, W = /^(?:0|[1-9]\d*)$/, J = parseInt, F = typeof global == "object" && global && global.Object === Object && global, z = typeof self == "object" && self && self.Object === Object && self, q = F || z || Function("return this")();
     function H(N, B, Y) {
       switch (Y.length) {
         case 0:
@@ -30786,7 +31204,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         ;
       return N;
     }
-    function L(N, B) {
+    function V(N, B) {
       var Y = N ? N.length : 0;
       return !!Y && te(N, B, 0) > -1;
     }
@@ -30846,7 +31264,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     function ve(N) {
       if (!je(N) || Me(N))
         return !1;
-      var B = st(N) || re(N) ? be : z;
+      var B = st(N) || re(N) ? be : L;
       return B.test(Ie(N));
     }
     function Ge(N, B, Y, oe) {
@@ -30916,7 +31334,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           return Ye(
             N,
             B,
-            ze,
+            Le,
             ce.placeholder,
             void 0,
             ie,
@@ -30930,7 +31348,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       }
       return ce;
     }
-    function ze(N, B, Y, oe, ce, G, ie, ue, de, me) {
+    function Le(N, B, Y, oe, ce, G, ie, ue, de, me) {
       var pe = B & g, xe = B & i, ye = B & l, Ee = B & (u | d), it = B & b, et = ye ? void 0 : Ce(N);
       function tt() {
         for (var Be = arguments.length, Ae = Array(Be), lt = Be; lt--; )
@@ -30942,7 +31360,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           return Ye(
             N,
             B,
-            ze,
+            Le,
             tt.placeholder,
             Y,
             Ae,
@@ -30998,7 +31416,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       if (N = ye[0], B = ye[1], Y = ye[2], oe = ye[3], ce = ye[4], ue = ye[9] = ye[9] == null ? de ? 0 : N.length : Ne(ye[9] - me, 0), !ue && B & (u | d) && (B &= ~(u | d)), !B || B == i)
         var Ee = rt(N, B, Y);
       else
-        B == u || B == d ? Ee = De(N, B, ue) : (B == p || B == (i | p)) && !ce.length ? Ee = nt(N, B, Y, oe) : Ee = ze.apply(void 0, ye);
+        B == u || B == d ? Ee = De(N, B, ue) : (B == p || B == (i | p)) && !ce.length ? Ee = nt(N, B, Y, oe) : Ee = Le.apply(void 0, ye);
       return Pe(Ee, N, B);
     }
     function qe(N) {
@@ -31056,7 +31474,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     function at(N, B) {
       return ee(E, function(Y) {
         var oe = "_." + Y[0];
-        B & Y[1] && !L(N, oe) && N.push(oe);
+        B & Y[1] && !V(N, oe) && N.push(oe);
       }), N.sort();
     }
     function Oe(N, B, Y) {
@@ -31078,7 +31496,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     function Qe(N) {
       return typeof N == "symbol" || he(N) && Te.call(N) == R;
     }
-    function Ve(N) {
+    function ze(N) {
       if (!N)
         return N === 0 ? N : 0;
       if (N = _e(N), N === x || N === -x) {
@@ -31088,7 +31506,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       return N === N ? N : 0;
     }
     function we(N) {
-      var B = Ve(N), Y = B % 1;
+      var B = ze(N), Y = B % 1;
       return B === B ? Y ? B - Y : B : 0;
     }
     function _e(N) {
@@ -33391,255 +33809,7 @@ const FEATURE_TOGGLES = {
     const i = first(r);
     isString$1(i) && (a = [i, ...getParentNodeIds(n, i)]), o(a);
   }, [r, n, o]);
-};
-function FaCircleCheck(r) {
-  return GenIcon({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z" }, child: [] }] })(r);
-}
-function FaFilePen(r) {
-  return GenIcon({ tag: "svg", attr: { viewBox: "0 0 576 512" }, child: [{ tag: "path", attr: { d: "M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V299.6l-94.7 94.7c-8.2 8.2-14 18.5-16.8 29.7l-15 60.1c-2.3 9.4-1.8 19 1.4 27.8H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0L384 128zM549.8 235.7l14.4 14.4c15.6 15.6 15.6 40.9 0 56.6l-29.4 29.4-71-71 29.4-29.4c15.6-15.6 40.9-15.6 56.6 0zM311.9 417L441.1 287.8l71 71L382.9 487.9c-4.1 4.1-9.2 7-14.9 8.4l-60.1 15c-5.5 1.4-11.2-.2-15.2-4.2s-5.6-9.7-4.2-15.2l15-60.1c1.4-5.6 4.3-10.8 8.4-14.9z" }, child: [] }] })(r);
-}
-const QUICK_PROMPTS = [
-  {
-    name: "Improve writing",
-    icon: FaFilePen,
-    prompt: "Improving writing in all text elements. Replacing placeholder content with meaningful relevant content."
-  },
-  {
-    name: "Replace placeholder content",
-    icon: FaRecycle,
-    prompt: "Discard current placeholder content and replace with meaningful relevant content."
-  },
-  // {
-  //   name: "Change tone",
-  //   icon: MegaphoneIcon,
-  //   subMenus: ["joyful", "serious", "angry", "sad", "excited", "relaxed", "confident", "assertive", "polite"],
-  //   prompt: "Change tone in all text elements. Rewrite all text elements in a more _TONE_ tone.",
-  // },
-  {
-    name: "Fix grammar",
-    icon: CheckIcon,
-    prompt: "Fix grammar in all text elements. Ensuring the text is grammatically correct and free of errors."
-  },
-  // {
-  //   name: "Translate",
-  //   icon: GlobeIcon,
-  //   subMenus: ["English", "Spanish", "French", "German", "Italian", "Portuguese", "Chinese", "Japanese", "Korean"],
-  //   prompt: "Translate all text elements to a __LANG__ language.",
-  // },
-  {
-    name: "Make longer",
-    icon: ArrowUpIcon,
-    prompt: "Make all text elements longer."
-  },
-  {
-    name: "Make shorter",
-    icon: ArrowDownIcon,
-    prompt: "Make all text elements shorter."
-  },
-  {
-    name: "Add emojis",
-    icon: SmileIcon,
-    prompt: "Add emojis to text elements if relevant."
-  },
-  {
-    name: "Randomize",
-    icon: ShuffleIcon,
-    prompt: "Randomize all text elements."
-  }
-];
-function QuickPrompts({ onClick: r }) {
-  const { loading: n } = useAskAi();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: n ? "pointer-events-none opacity-50" : "", children: /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: "space-y-2", children: QUICK_PROMPTS.map(
-    ({ name: o, icon: a, subMenus: i, prompt: l }) => i ? /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenu, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuTrigger, { asChild: !0, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { className: "flex cursor-pointer items-center space-x-2 hover:bg-gray-100", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(a, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: o })
-      ] }, o) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuContent, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuLabel, { children: "My Account" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuSeparator, {}),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuItem, { children: "Profile" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuItem, { children: "Billing" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuItem, { children: "Team" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuItem, { children: "Subscription" })
-      ] })
-    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "li",
-      {
-        onClick: () => r(l),
-        className: "flex cursor-pointer items-center space-x-2 rounded p-1 pl-2 text-sm hover:bg-gray-100",
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(a, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: o })
-        ]
-      },
-      o
-    )
-  ) }) });
-}
-const AskAIPrompt = ({ blockId: r }) => {
-  const { t: n } = useTranslation(), { askAi: o, loading: a, error: i } = useAskAi(), [l, c] = useState$1(""), u = useRef$1(null);
-  useEffect$1(() => {
-    var p;
-    (p = u.current) == null || p.focus();
-  }, []);
-  const d = () => {
-    i || c("");
-  };
-  return r ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-4", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("h2", { className: "mb-2 text-xs font-semibold leading-none tracking-tight text-gray-500", children: [
-      n("Ask AI"),
-      " (GPT-4o mini)"
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Textarea,
-      {
-        ref: u,
-        value: l,
-        onChange: (p) => c(p.target.value),
-        placeholder: n("Ask AI to edit content"),
-        className: "w-full border border-gray-400 focus:border-0",
-        rows: 3,
-        onKeyDown: (p) => {
-          p.key === "Enter" && (p.preventDefault(), o("content", r, l, d));
-        }
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "my-2 flex items-center gap-2", children: [
-      a ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Button$1,
-        {
-          disabled: l.trim().length < 5 || a,
-          onClick: () => o("content", r, l, d),
-          variant: "default",
-          className: "w-fit",
-          size: "sm",
-          children: a ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Loader$1, { className: "h-5 w-5 animate-spin" }),
-            n("Generating... Please wait")
-          ] }) : n("Edit with AI")
-        }
-      ),
-      a ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(Skeleton, { className: "flex w-full items-center space-x-1 px-4 py-1 pl-2", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(FaSpinner, { className: "h-4 w-4 animate-spin text-gray-500" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs", children: n("Generating... Please wait") })
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, { variant: "destructive", onClick: () => stop(), className: "hidden w-fit", size: "sm", children: n("Stop") })
-      ] }) : null
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "max-w-full", children: i && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "break-words rounded border border-red-500 bg-red-100 p-1 text-xs text-red-500", children: i.message }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(QuickPrompts, { onClick: (p) => o("content", r, p, d) })
-  ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-4 text-center", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4 rounded-xl p-4", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(SparklesIcon, { className: "mx-auto text-3xl" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { children: n("no_block_selected_for_ask_ai") })
-  ] }) });
-}, SetAiContext = ({ onOpen: r }) => {
-  const { t: n } = useTranslation(), o = useBuilderProp("aiContext", ""), [a, i] = useState$1(o), l = useRef$1(null), c = useBuilderProp("saveAiContextCallback", noop$1), [u, d] = useState$1(!1), [p, m] = useState$1(null), [g, h] = useState$1(!1), { toast: b } = useToast(), x = useRef$1(null);
-  useEffect$1(() => {
-    o && i(o);
-  }, [o]);
-  const v = async () => {
-    try {
-      d(!0), m(null), await c(a), b({
-        title: n("AI Context updated"),
-        description: n("You can now ask AI to edit your content"),
-        variant: "default"
-      }), x.current.click();
-    } catch (S) {
-      m(S);
-    } finally {
-      d(!1);
-    }
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Accordion,
-    {
-      onValueChange: (S) => {
-        r(S !== ""), h(S !== "");
-      },
-      type: "single",
-      collapsible: !0,
-      className: "rounded-md border bg-gray-100 px-2",
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(AccordionItem, { value: "set-context", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(AccordionTrigger, { ref: x, hideArrow: !0, className: "py-1 hover:no-underline", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex w-full items-center justify-between", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-semibold", children: n("AI Context") }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(Button$1, { variant: "default", size: "sm", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: n(g ? "Cancel" : "Edit") }),
-            "  ",
-            g ? /* @__PURE__ */ jsxRuntimeExports.jsx(Cross2Icon, { className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(EditIcon, { className: "h-4 w-4" })
-          ] })
-        ] }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(AccordionContent, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Textarea,
-            {
-              ref: l,
-              value: a,
-              onChange: (S) => i(S.target.value),
-              placeholder: n("Tell about this page. Eg: This page is about ..."),
-              className: "w-full border border-gray-400 bg-background focus:border",
-              rows: 10,
-              onKeyDown: (S) => {
-                S.key === "Enter" && (S.preventDefault(), v());
-              }
-            }
-          ),
-          o.trim().length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-2 text-xs text-gray-500", children: n(
-            "Eg: This page is about an AI assistant app called Chai Studio. It allows users to create beautiful webpages and edit content with AI."
-          ) }) : null,
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-2 flex items-center", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              Button$1,
-              {
-                disabled: a.trim().length < 5,
-                onClick: () => v(),
-                variant: "default",
-                className: "w-fit",
-                size: "sm",
-                children: u ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(Loader$1, { className: "h-5 w-5 animate-spin" }),
-                  n("Generating... Please wait")
-                ] }) : n("Save")
-              }
-            ),
-            o.trim().length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs(AlertDialog, { children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDialogTrigger, { asChild: !0, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, { disabled: o.trim().length === 0, variant: "ghost", className: "w-fit", size: "sm", children: u ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(Loader$1, { className: "h-5 w-5 animate-spin" }),
-                n("Generating... Please wait")
-              ] }) : n("Delete") }) }),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs(AlertDialogContent, { children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsxs(AlertDialogHeader, { children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDialogTitle, { children: n("Remove context?") }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDialogDescription, {})
-                ] }),
-                /* @__PURE__ */ jsxRuntimeExports.jsxs(AlertDialogFooter, { children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDialogCancel, { children: n("Cancel") }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    AlertDialogAction,
-                    {
-                      onClick: () => {
-                        i(""), v();
-                      },
-                      children: "Yes, Delete"
-                    }
-                  )
-                ] })
-              ] })
-            ] }) : null
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 max-w-full", children: p && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "break-words rounded border border-red-500 bg-red-100 p-1 text-xs text-red-500", children: p.message }) })
-        ] })
-      ] })
-    }
-  );
-}, AskAI = () => {
-  const [r] = useSelectedBlockIds(), [n, o] = useState$1(!1);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "absolute inset-0 z-50 h-full w-full bg-background p-2", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(SetAiContext, { onOpen: (a) => o(a) }),
-    n ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(AskAIPrompt, { blockId: first(r) })
-  ] });
-}, SidePanels = lazy(() => import("./SidePanels-YpRrvfiH.js")), TopBar = lazy(() => import("./Topbar-kVBx7pp4.js")), CanvasArea = lazy(() => import("./CanvasArea-kg3Rgg9t.js")), SettingsPanel = lazy(() => import("./SettingsPanel-pomLrOxB.js")), useAutoSave = () => {
+}, SidePanels = lazy(() => import("./SidePanels-miYmxJN0.js")), TopBar = lazy(() => import("./Topbar-J3_SbpA_.js")), CanvasArea = lazy(() => import("./CanvasArea-jo84KvNu.js")), SettingsPanel = lazy(() => import("./SettingsPanel-ukU3Ay9U.js")), useAutoSave = () => {
   const { savePage: r } = useSavePage(), n = useBuilderProp("autoSaveSupport", !0), o = useBuilderProp("autoSaveInterval", 60);
   useIntervalEffect(() => {
     n && r();
@@ -33742,21 +33912,18 @@ function DarkMode() {
     /* @__PURE__ */ jsxRuntimeExports.jsx(FaMoon, { className: "size-4 ml-3 shrink-0" })
   ] });
 }
-const TabletIcon = ({ landscape: r = !1 }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+const TabletIcon = ({ landscape: r = !1 }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
   "svg",
   {
-    className: "text-white " + (r ? "rotate-90" : ""),
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 13 13",
-    xmlSpace: "preserve",
-    width: 13,
+    className: r ? "rotate-90" : "",
+    stroke: "currentColor",
     fill: "currentColor",
-    height: 13,
-    children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("g", { strokeWidth: 0 }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("g", { strokeLinecap: "round", strokeLinejoin: "round" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M10.65 0H2.349a.851.851 0 0 0-.851.852v11.299c0 .47.382.852.851.852h8.3a.851.851 0 0 0 .851-.852V.852A.851.851 0 0 0 10.65 0zM6.599 12.466a.367.367 0 1 1 0-.735.367.367 0 0 1 0 .735zm3.9-1.267H2.5V1h8.001v10.199z" })
-    ]
+    strokeWidth: "0",
+    viewBox: "0 0 448 512",
+    height: "14px",
+    width: "14px",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M400 0H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zM224 480c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm176-108c0 6.6-5.4 12-12 12H60c-6.6 0-12-5.4-12-12V60c0-6.6 5.4-12 12-12h328c6.6 0 12 5.4 12 12v312z" })
   }
 ), WEB_BREAKPOINTS = [
   {
@@ -33861,50 +34028,53 @@ const TabletIcon = ({ landscape: r = !1 }) => /* @__PURE__ */ jsxRuntimeExports.
   ] });
 };
 export {
-  useBrandingOptions as $,
-  useBlocksStore as A,
+  useHiddenBlockIds as $,
+  AISetContext as A,
   Breakpoints as B,
   ChaiBuilderEditor as C,
   DarkMode as D,
   ErrorBoundary$2 as E,
   FaCircleCheck as F,
-  useUndoManager as G,
-  useBuilderReset as H,
+  getBlocksFromHTML as G,
+  useBlocksStore as H,
   ImportHTML$1 as I,
   JsonView as J,
-  useReadOnlyMode as K,
+  useUndoManager as K,
   ListTree$1 as L,
-  useActiveModal as M,
-  useAddClassesToBlocks as N,
-  useCanvasWidth as O,
-  useCopyBlockIds as P,
-  useCopyToClipboard as Q,
-  useCurrentPage as R,
+  useBuilderReset as M,
+  useReadOnlyMode as N,
+  useActiveModal as O,
+  useAddClassesToBlocks as P,
+  useCanvasWidth as Q,
+  useCopyBlockIds as R,
   StaticCanvas$1 as S,
   ThemeConfigPanel$1 as T,
   UndoRedo as U,
-  useCutBlockIds as V,
-  useDarkMode as W,
-  useDuplicateBlocks as X,
-  useGetPageData as Y,
-  useHiddenBlockIds as Z,
-  usePasteBlocks as _,
+  useCopyToClipboard as V,
+  useCurrentPage as W,
+  useCutBlockIds as X,
+  useDarkMode as Y,
+  useDuplicateBlocks as Z,
+  useGetPageData as _,
   allExpanded as a,
-  useRemoveBlocks as a0,
-  useRemoveClassesFromBlocks as a1,
-  useSelectedBlockCurrentClasses as a2,
-  useSelectedBlockAllClasses as a3,
-  useStylingBreakpoint as a4,
-  useUILibraryBlocks as a5,
-  useStylingState as a6,
-  useSelectedBlocksDisplayChild as a7,
-  useAllBlocks as a8,
-  useActivePanel as a9,
-  useAddBlockParent as aa,
-  useSelectedBreakpoints as ab,
-  ThemeConfigPanel$2 as ac,
-  ListTree$2 as ad,
-  ImagesPanel$2 as ae,
+  usePasteBlocks as a0,
+  useBrandingOptions as a1,
+  useRemoveBlocks as a2,
+  useRemoveClassesFromBlocks as a3,
+  useSelectedBlockCurrentClasses as a4,
+  useSelectedBlockAllClasses as a5,
+  useStylingBreakpoint as a6,
+  useUILibraryBlocks as a7,
+  useStylingState as a8,
+  useSelectedBlocksDisplayChild as a9,
+  useAllBlocks as aa,
+  useActivePanel as ab,
+  useAddBlockParent as ac,
+  useSelectedBreakpoints as ad,
+  ThemeConfigPanel$2 as ae,
+  ListTree$2 as af,
+  ImagesPanel$2 as ag,
+  UILibrariesPanel$2 as ah,
   builderSaveStateAtom as b,
   useBuilderProp as c,
   defaultStyles as d,
@@ -33926,8 +34096,8 @@ export {
   useHighlightBlockId as t,
   usePageDataProviders as u,
   showPredefinedBlockCategoryAtom as v,
-  atomWithStorage as w,
-  useUpdateBlocksProps as x,
-  useUpdateBlocksPropsRealtime as y,
-  getBlocksFromHTML as z
+  useUpdateBlocksProps as w,
+  useUpdateBlocksPropsRealtime as x,
+  UILibrariesPanel$1 as y,
+  AIUserPrompt as z
 };