@chaibuilder/sdk 1.2.76 → 1.2.77

package/dist/{index-qHOh12Rg.js → index-wgzGsKsU.js}

@@ -3,7 +3,7 @@ var gt = (r, n, o) => n in r ? mt(r, n, { enumerable: !0, configurable: !0, writ
 var ze = (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 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, lazy } from "react";
 import { S as Skeleton, C as ContextMenu, a as ContextMenuTrigger, b as ContextMenuContent, c as ContextMenuItem, T as Tooltip$1, d as TooltipTrigger, e as TooltipContent, B as Button$1, f as Card, g as CardHeader, h as CardDescription, i as CardContent, L as Label, j as Textarea, k as CardFooter, D as Dialog, l as DialogTrigger, m as DialogContent, n as DialogHeader, o as DialogTitle, p as DialogDescription, q as DialogFooter, P as Popover$1, r as PopoverTrigger, s as PopoverContent, t as Command, u as CommandInput, v as CommandList, w as CommandEmpty, x as CommandGroup, y as CommandItem, z as Tabs$1, A as TabsList$1, E as TabsTrigger, F as TabsContent, G as Switch, H as Accordion, I as AccordionItem, J as AccordionTrigger, K as AccordionContent, M as useToast, N as Input$2, O as TooltipPortal, Q as DropdownMenu, R as DropdownMenuTrigger, U as DropdownMenuContent, V as ScrollArea$1, W as DropdownMenuLabel, X as DropdownMenuSeparator, Y as DropdownMenuGroup, Z as DropdownMenuItem, _ as DropdownMenuShortcut, $ as AlertDialog, a0 as AlertDialogTrigger, a1 as AlertDialogContent, a2 as AlertDialogHeader, a3 as AlertDialogTitle, a4 as AlertDialogDescription, a5 as AlertDialogFooter, a6 as AlertDialogCancel, a7 as AlertDialogAction, a8 as DropdownMenuCheckboxItem, a9 as HoverCard, aa as HoverCardTrigger, ab as HoverCardContent, ac as Separator, ad as TooltipProvider, ae as Toaster } from "./context-menu-zu6r7B6f.js";
 import { 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, memoize as memoize$1, 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, isFunction as isFunction$2, uniq, toUpper, round } 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";
@@ -29,6 +29,7 @@ import { twMerge } from "tailwind-merge";
 import { Provider } from "react-wrap-balancer";
 import ReactDOM, { flushSync, createPortal } from "react-dom";
 import PropTypes from "prop-types";
+import { ErrorBoundary as ErrorBoundary$1 } from "react-error-boundary";
 import { Resizable } from "re-resizable";
 import validator from "@rjsf/validator-ajv8";
 import Form from "@rjsf/core";
@@ -129,7 +130,7 @@ const hasInitialValue = (r) => "init" in r, isActuallyWritableAtom = (r) => !!r.
                 D,
                 T
               );
-              resolvePromise(D, L), W(L), (q == null ? void 0 : q.d) !== G.d && R(k, G, q == null ? void 0 : q.d);
+              resolvePromise(D, L), W(L), (q == null ? void 0 : q.d) !== G.d && C(k, G, q == null ? void 0 : q.d);
             }
           },
           (L) => {
@@ -140,7 +141,7 @@ const hasInitialValue = (r) => "init" in r, isActuallyWritableAtom = (r) => !!r.
                 D,
                 T
               );
-              rejectPromise(D, L), J(L), (q == null ? void 0 : q.d) !== G.d && R(k, G, q == null ? void 0 : q.d);
+              rejectPromise(D, L), J(L), (q == null ? void 0 : q.d) !== G.d && C(k, G, q == null ? void 0 : q.d);
             }
           }
         ), V = (L) => {
@@ -215,7 +216,7 @@ const hasInitialValue = (r) => "init" in r, isActuallyWritableAtom = (r) => !!r.
     return O || (O = P(k)), O;
   }, v = (k, O) => !O.l.size && (!O.t.size || O.t.size === 1 && O.t.has(k)), S = (k) => {
     const O = n.get(k);
-    O && v(k, O) && C(k);
+    O && v(k, O) && R(k);
   }, E = (k) => {
     const O = /* @__PURE__ */ new Map(), T = /* @__PURE__ */ new WeakMap(), M = (D) => {
       const W = n.get(D);
@@ -284,7 +285,7 @@ const hasInitialValue = (r) => "init" in r, isActuallyWritableAtom = (r) => !!r.
       M && (T.u = M);
     }
     return T;
-  }, C = (k) => {
+  }, R = (k) => {
     var O;
     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);
@@ -292,10 +293,10 @@ const hasInitialValue = (r) => "init" in r, isActuallyWritableAtom = (r) => !!r.
     M ? (hasPromiseAtomValue(M) && cancelPromise(M.v), M.d.forEach((V, D) => {
       if (D !== k) {
         const W = n.get(D);
-        W && (W.t.delete(k), v(D, W) && C(D));
+        W && (W.t.delete(k), v(D, W) && R(D));
       }
     })) : (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && console.warn("[Bug] could not find atom state to unmount", k);
-  }, R = (k, O, T) => {
+  }, C = (k, O, T) => {
     const M = new Set(O.d.keys());
     T == null || T.forEach((V, D) => {
       if (M.has(D)) {
@@ -303,7 +304,7 @@ const hasInitialValue = (r) => "init" in r, isActuallyWritableAtom = (r) => !!r.
         return;
       }
       const W = n.get(D);
-      W && (W.t.delete(k), v(D, W) && C(D));
+      W && (W.t.delete(k), v(D, W) && R(D));
     }), M.forEach((V) => {
       const D = n.get(V);
       D ? D.t.add(k) : n.has(k) && P(V, k);
@@ -315,7 +316,7 @@ const hasInitialValue = (r) => "init" in r, isActuallyWritableAtom = (r) => !!r.
       o.clear(), O.forEach(([T, M]) => {
         const V = c(T);
         if (V) {
-          V.d !== (M == null ? void 0 : M.d) && R(T, V, M == null ? void 0 : M.d);
+          V.d !== (M == null ? void 0 : M.d) && C(T, V, 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`?
@@ -387,23 +388,23 @@ function splitAtom(r, n) {
             return;
           }
           const S = (w) => {
-            const A = w(i), P = w(r), R = a(P, A == null ? void 0 : A.arr).keyList.indexOf(x);
-            if (R < 0 || R >= P.length) {
+            const A = w(i), P = w(r), C = a(P, A == null ? void 0 : A.arr).keyList.indexOf(x);
+            if (C < 0 || C >= P.length) {
               const I = c[a(c).keyList.indexOf(x)];
               if (I)
                 return I;
               throw new Error("splitAtom: index out of bounds for read");
             }
-            return P[R];
+            return P[C];
           }, E = (w, A, P) => {
-            const C = w(i), R = w(r), j = a(R, C == null ? void 0 : C.arr).keyList.indexOf(x);
-            if (j < 0 || j >= R.length)
+            const R = w(i), C = w(r), j = a(C, R == null ? void 0 : R.arr).keyList.indexOf(x);
+            if (j < 0 || j >= C.length)
               throw new Error("splitAtom: index out of bounds for write");
-            const k = isFunction$1(P) ? P(R[j]) : P;
+            const k = isFunction$1(P) ? P(C[j]) : P;
             A(r, [
-              ...R.slice(0, j),
+              ...C.slice(0, j),
               k,
-              ...R.slice(j + 1)
+              ...C.slice(j + 1)
             ]);
           };
           p[b] = isWritable(r) ? atom(S, E) : atom(S);
@@ -1216,12 +1217,12 @@ const useBlocksStoreManager = () => {
   return {
     moveBlocks: (x, v, S) => {
       const E = map(x, (A) => {
-        const C = n.find((j) => j._id === A)._parent || null, I = n.filter((j) => C ? j._parent === C : !j._parent).map((j) => j._id).indexOf(A);
-        return { _id: A, oldParent: C, oldPosition: I };
+        const R = n.find((j) => j._id === A)._parent || null, I = n.filter((j) => R ? j._parent === R : !j._parent).map((j) => j._id).indexOf(A);
+        return { _id: A, oldParent: R, oldPosition: I };
       }), w = E.find(({ _id: A }) => A === x[0]);
       w && w.oldParent === v && w.oldPosition === S || (l(x, v, S), r({
-        undo: () => each(E, ({ _id: A, oldParent: P, oldPosition: C }) => {
-          l([A], P, C);
+        undo: () => each(E, ({ _id: A, oldParent: P, oldPosition: R }) => {
+          l([A], P, R);
         }),
         redo: () => l(x, v, S)
       }));
@@ -1247,8 +1248,8 @@ const useBlocksStoreManager = () => {
       else {
         const w = keys(v);
         E = map(x, (A) => {
-          const P = n.find((R) => R._id === A), C = { _id: A };
-          return each(w, (R) => C[R] = P[R]), C;
+          const P = n.find((C) => C._id === A), R = { _id: A };
+          return each(w, (C) => R[C] = P[C]), R;
         });
       }
       c(map(x, (w) => ({ _id: w, ...v }))), r({
@@ -3254,14 +3255,14 @@ const useHandleCanvasDblClick = () => {
   }, [a, d]);
   const x = get$1(n, "headingFont", "DM Sans"), v = get$1(n, "bodyFont", "DM Sans");
   return useEffect$1(() => {
-    const S = get$1(n, "primaryColor", "#000"), E = get$1(n, "secondaryColor", "#FFF"), w = get$1(n, "bodyBgLightColor", "#fff"), A = get$1(n, "bodyBgDarkColor", "#000"), P = get$1(n, "bodyTextDarkColor", "#000"), C = get$1(n, "bodyTextLightColor", "#fff"), R = getPalette([
+    const S = get$1(n, "primaryColor", "#000"), E = get$1(n, "secondaryColor", "#FFF"), w = get$1(n, "bodyBgLightColor", "#fff"), A = get$1(n, "bodyBgDarkColor", "#000"), P = get$1(n, "bodyTextDarkColor", "#000"), R = get$1(n, "bodyTextLightColor", "#fff"), C = getPalette([
       { color: S, name: "primary" },
       { color: E, name: "secondary" }
     ]), I = {
       "bg-light": w,
       "bg-dark": A,
       "text-dark": P,
-      "text-light": C
+      "text-light": R
     }, j = get$1(n, "roundedCorners", "0");
     !m || !m.tailwind || (m.tailwind.config = {
       darkMode: "class",
@@ -3281,7 +3282,7 @@ const useHandleCanvasDblClick = () => {
           borderRadius: {
             DEFAULT: `${j || "0"}px`
           },
-          colors: { ...I, ...R }
+          colors: { ...I, ...C }
         }
       },
       plugins: [
@@ -3409,10 +3410,10 @@ function BlocksRendererStatic({ blocks: r }) {
       const E = getBlockComponent(h._type), w = get$1(E, "builderComponent", get$1(E, "component", null));
       if (isNull(w))
         return /* @__PURE__ */ jsxRuntimeExports.jsx("noscript", { children: `<!-- ${h == null ? void 0 : h._type} not registered -->` });
-      const A = has(E, "getBlockStateFrom") ? E == null ? void 0 : E.getBlockStateFrom(h, n) : [], P = g(A), C = d(h);
-      if (get$1(C, "__isHidden", !1) && !includes(o, h._id))
+      const A = has(E, "getBlockStateFrom") ? E == null ? void 0 : E.getBlockStateFrom(h, n) : [], P = g(A), R = d(h);
+      if (get$1(R, "__isHidden", !1) && !includes(o, h._id))
         return null;
-      const R = i && isDescendant(i._id, h._id, n);
+      const C = i && isDescendant(i._id, h._id, n);
       return /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { children: React__default.createElement(w, {
         blockProps: {
           ...includes(o, h._id) ? { "force-show": "" } : {},
@@ -3422,15 +3423,15 @@ function BlocksRendererStatic({ blocks: r }) {
             // @ts-ignore
             {
               "data-dnd": canAcceptChildBlock(h._type, i == null ? void 0 : i._type) ? "yes" : "no",
-              "data-dnd-dragged": i._id === h._id || R ? "yes" : "no"
+              "data-dnd-dragged": i._id === h._id || C ? "yes" : "no"
             }
           ) : {},
-          ...l === h._id && !R ? { "data-drop": "yes" } : {},
+          ...l === h._id && !C ? { "data-drop": "yes" } : {},
           ...includes(a, h._id) ? { "data-cut-block": "yes" } : {}
         },
         index: b,
         ...applyBindings(h, m),
-        ...omit(C, ["__isHidden"]),
+        ...omit(R, ["__isHidden"]),
         ...v,
         inBuilder: !0,
         blockState: P
@@ -3483,41 +3484,41 @@ const useAllDataProviders = () => useMemo$1(() => getChaiDataProviders(), []), B
     n(l);
   }, []), /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "main-content", className: "h-full w-full", ref: a, children: r });
 }, getElementByStyleId = (r, n) => r.querySelector(`[data-style-id="${n}"]`), StaticCanvas = () => {
-  const [r] = useAtom$1(networkModeAtom), [n] = useCanvasWidth(), [, o] = useSelectedBlockIds(), a = useSelectedBlock(), [, i] = useHighlightBlockId(), l = useRef$1(null), c = useRef$1(null), [u, d] = useState$1({ width: 0, height: 0 }), m = useCanvasScale(u), [p, g] = useState$1([]), [, h] = useState$1([]), [, b] = useAtom$1(canvasIframeAtom), [x, v] = useSelectedStylingBlocks(), S = useBuilderProp("loading", !1), E = useBuilderProp("htmlDir", "ltr"), w = (C) => {
-    d((R) => ({ ...R, width: C }));
+  const [r] = useAtom$1(networkModeAtom), [n] = useCanvasWidth(), [, o] = useSelectedBlockIds(), a = useSelectedBlock(), [, i] = useHighlightBlockId(), l = useRef$1(null), c = useRef$1(null), [u, d] = useState$1({ width: 0, height: 0 }), m = useCanvasScale(u), [p, g] = useState$1([]), [, h] = useState$1([]), [, b] = useAtom$1(canvasIframeAtom), [x, v] = useSelectedStylingBlocks(), S = useBuilderProp("loading", !1), E = useBuilderProp("htmlDir", "ltr"), w = (R) => {
+    d((C) => ({ ...C, width: R }));
   };
   useEffect$1(() => {
     if (!c.current)
       return;
-    const { clientWidth: C, clientHeight: R } = c.current;
-    d({ width: C, height: R });
+    const { clientWidth: R, clientHeight: C } = c.current;
+    d({ width: R, height: C });
   }, [c, n]);
-  const A = (C, R = 0) => {
-    const { top: I } = C.getBoundingClientRect();
-    return I + R >= 0 && I - R <= window.innerHeight;
+  const A = (R, C = 0) => {
+    const { top: I } = R.getBoundingClientRect();
+    return I + C >= 0 && I - C <= window.innerHeight;
   };
   useEffect$1(() => {
-    var C, R;
+    var R, C;
     if (a && a.type !== "Multiple" && l.current) {
       const I = getElementByDataBlockId(l.current.contentDocument, a._id);
-      I && (A(I) || (R = (C = l.current) == null ? void 0 : C.contentWindow) == null || R.scrollTo({ top: I.offsetTop, behavior: "smooth" }), g([I]));
+      I && (A(I) || (C = (R = l.current) == null ? void 0 : R.contentWindow) == null || C.scrollTo({ top: I.offsetTop, behavior: "smooth" }), g([I]));
     }
   }, [a]), useEffect$1(() => {
     if (!isEmpty(x) && l.current) {
-      const C = getElementByStyleId(
+      const R = getElementByStyleId(
         l.current.contentDocument,
         first(x).id
       );
-      h(C ? [C] : [null]);
+      h(R ? [R] : [null]);
     } else
       h([null]);
   }, [x]);
   const P = useMemo$1(() => {
-    let C = IframeInitialContent;
-    return C = C.replace("__HTML_DIR__", E), r === "offline" && (C = C.replace(
+    let R = IframeInitialContent;
+    return R = R.replace("__HTML_DIR__", E), r === "offline" && (R = R.replace(
       "https://old.chaibuilder.com/offline/tailwind.cdn.js",
       "/offline/tailwind.cdn.js"
-    ), C = C.replace("https://unpkg.com/aos@next/dist/aos.css", "/offline/aos.css"), C = C.replace("https://unpkg.com/aos@next/dist/aos.js", "/offline/aos.js")), C;
+    ), R = R.replace("https://unpkg.com/aos@next/dist/aos.css", "/offline/aos.css"), R = R.replace("https://unpkg.com/aos@next/dist/aos.js", "/offline/aos.js")), R;
   }, [r]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ResizableCanvasWrapper, { onMount: w, onResize: w, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
@@ -3566,29 +3567,13 @@ const useAllDataProviders = () => useMemo$1(() => getChaiDataProviders(), []), B
       )
     }
   ) });
-}, StaticCanvas$1 = StaticCanvas;
-let ErrorBoundary$2 = class extends React__default.Component {
-  constructor(n) {
-    super(n), this.state = { hasError: !1 };
-  }
-  /**
-   * A static method that returns an object to update the state when an error is caught.
-   * @returns {object} An object to update the state when an error is caught.
-   */
-  static getDerivedStateFromError() {
-    return { hasError: !0 };
-  }
-  render() {
-    return this.state.hasError ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "h-full w-full rounded-md bg-red-200 p-4 text-red-500", id: "errorBoundary", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "font-semibold", children: "Oops! Something went wrong." }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "Please try again later." })
-    ] }) : this.props.children;
-  }
-};
-const CodeEditor$1 = React__default.lazy(() => import("./CodeEditor-QaDlSeLr.js")), CanvasArea = () => {
-  const [r] = useCodeEditor();
+}, StaticCanvas$1 = StaticCanvas, FallbackError = () => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-full w-full rounded-md bg-red-200 p-4 text-red-500", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full w-full flex-col items-center justify-center", children: [
+  /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "font-semibold", children: "Oops! Something went wrong." }),
+  /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "Please try again." })
+] }) }), CodeEditor$1 = React__default.lazy(() => import("./CodeEditor-J-XqPeSx.js")), CanvasArea = () => {
+  const [r] = useCodeEditor(), n = useBuilderProp("onError", noop$1);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full w-full flex-col", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative flex h-full flex-col overflow-hidden bg-gray-100/40 px-2", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, { className: "h-full" }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundary$2, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(StaticCanvas$1, {}) }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, { className: "h-full" }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundary$1, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(FallbackError, {}), onError: n, children: /* @__PURE__ */ jsxRuntimeExports.jsx(StaticCanvas$1, {}) }) }),
     r ? /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, { className: "h-full" }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(Resizable, { enable: { top: !0, bottom: !1 }, className: "max-h-[400px] min-h-[200px]", children: /* @__PURE__ */ jsxRuntimeExports.jsx(CodeEditor$1, {}) }) }) : null
   ] }) });
 }, CanvasArea$1 = CanvasArea, ColorField = ({ value: r, onChange: n, id: o, onBlur: a }) => {
@@ -3663,8 +3648,8 @@ const CodeEditor$1 = React__default.lazy(() => import("./CodeEditor-QaDlSeLr.js"
   React.useEffect(() => () => {
     isEqual(a, c.current) || o(c.current);
   }, []);
-  const d = ({ formData: C }, R) => {
-    R && (i(C), c.current = C);
+  const d = ({ formData: R }, C) => {
+    C && (i(R), c.current = R);
   }, {
     bodyFont: m,
     headingFont: p,
@@ -3717,9 +3702,9 @@ const CodeEditor$1 = React__default.lazy(() => import("./CodeEditor-QaDlSeLr.js"
     type: "object",
     properties: {}
   }, P = {};
-  return Object.keys(w).forEach((C) => {
-    const R = w[C];
-    return A.properties || (A.properties = {}), A.properties[C] = R.schema, P[C] = R.uiSchema, !0;
+  return Object.keys(w).forEach((R) => {
+    const C = w[R];
+    return A.properties || (A.properties = {}), A.properties[R] = C.schema, P[R] = C.uiSchema, !0;
   }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("flex h-full w-full select-none flex-col", n), children: [
     r ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md bg-background/30 p-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "px-1 font-semibold", children: u("Theme Configuration") }) }) : null,
     /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -3971,31 +3956,31 @@ function TbEyeDown(r) {
 const Node = memo(({ node: r, style: n, dragHandle: o }) => {
   const a = useBuilderProp("outlineMenuItems", []), [, i] = useAddBlocksModal(), { t: l } = useTranslation(), [c] = useAtom$1(canvasIframeAtom);
   let u = null;
-  const d = r.children.length > 0, { id: m, data: p, isSelected: g, willReceiveDrop: h, isDragging: b, isEditing: x, handleClick: v } = r, S = (R) => {
-    R.stopPropagation(), r.toggle();
-  }, E = (R) => {
-    R.isInternal && (u = R.isOpen, R.isOpen && R.close());
-  }, w = (R) => {
-    R.isInternal && u !== null && (u ? R.open() : R.close(), u = null);
-  }, A = (R) => {
-    R.stopPropagation(), r.isOpen || r.toggle(), v(R);
+  const d = r.children.length > 0, { id: m, data: p, isSelected: g, willReceiveDrop: h, isDragging: b, isEditing: x, handleClick: v } = r, S = (C) => {
+    C.stopPropagation(), r.toggle();
+  }, E = (C) => {
+    C.isInternal && (u = C.isOpen, C.isOpen && C.close());
+  }, w = (C) => {
+    C.isInternal && u !== null && (u ? C.open() : C.close(), u = null);
+  }, A = (C) => {
+    C.stopPropagation(), r.isOpen || r.toggle(), v(C);
   };
   useEffect$1(() => {
-    const R = setTimeout(() => {
+    const C = setTimeout(() => {
       h && !r.isOpen && !b && r.toggle();
     }, 500);
-    return () => clearTimeout(R);
+    return () => clearTimeout(C);
   }, [h, r, b]);
   const P = useMemo$1(() => {
-    const R = Object.keys(p), I = [];
-    for (let j = 0; j < R.length; j++)
-      if (R[j].endsWith("_attrs")) {
-        const k = p[R[j]], O = Object.keys(k).join("|");
+    const C = Object.keys(p), I = [];
+    for (let j = 0; j < C.length; j++)
+      if (C[j].endsWith("_attrs")) {
+        const k = p[C[j]], O = Object.keys(k).join("|");
         O.match(/x-data/) && I.push("data"), O.match(/x-on/) && I.push("event"), O.match(/x-show|x-if/) && I.push("show");
       }
     return I;
-  }, [p]), C = (R, I) => {
-    const j = c.contentDocument || c.contentWindow.document, k = j.querySelector(`[data-block-id=${R}]`);
+  }, [p]), R = (C, I) => {
+    const j = c.contentDocument || c.contentWindow.document, k = j.querySelector(`[data-block-id=${C}]`);
     k && k.setAttribute("data-drop", I);
     const O = k.getBoundingClientRect(), T = c.getBoundingClientRect();
     O.top >= T.top && O.left >= T.left && O.bottom <= T.bottom && O.right <= T.right || (j.documentElement.scrollTop = k.offsetTop - T.top);
@@ -4019,14 +4004,14 @@ const Node = memo(({ node: r, style: n, dragHandle: o }) => {
       ref: o,
       onDragStart: () => E(r),
       onDragEnd: () => w(r),
-      onDragOver: (R) => {
-        R.preventDefault(), C(m, "yes");
+      onDragOver: (C) => {
+        C.preventDefault(), R(m, "yes");
       },
-      onDragLeave: (R) => {
-        R.preventDefault(), C(m, "no");
+      onDragLeave: (C) => {
+        C.preventDefault(), R(m, "no");
       },
-      onDrop: (R) => {
-        R.preventDefault(), C(m, "no");
+      onDrop: (C) => {
+        C.preventDefault(), R(m, "no");
       },
       className: cn(
         "group flex !h-full w-full items-center justify-between space-x-px !rounded py-px outline-none",
@@ -4049,8 +4034,8 @@ const Node = memo(({ node: r, style: n, dragHandle: o }) => {
               "div",
               {
                 className: "ml-2 flex items-center gap-x-1 truncate text-[11px]",
-                onDoubleClick: (R) => {
-                  R.stopPropagation(), r.edit(), r.deselect();
+                onDoubleClick: (C) => {
+                  C.stopPropagation(), r.edit(), r.deselect();
                 },
                 children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: (p == null ? void 0 : p._name) || (p == null ? void 0 : p._type.split("/").pop()) }),
@@ -4075,16 +4060,16 @@ const Node = memo(({ node: r, style: n, dragHandle: o }) => {
             ),
             /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { className: "isolate z-[9999]", children: l("Add block") })
           ] }) : null,
-          a.map((R) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip$1, { children: [
+          a.map((C) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip$1, { children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               TooltipTrigger,
               {
                 className: "cursor-pointer rounded bg-transparent hover:bg-white hover:text-blue-500",
                 asChild: !0,
-                children: React__default.createElement(R.item, { blockId: m })
+                children: React__default.createElement(C.item, { blockId: m })
               }
             ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { className: "isolate z-10", children: R.tooltip })
+            /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { className: "isolate z-10", children: C.tooltip })
           ] }))
         ] })
       ]
@@ -4458,8 +4443,8 @@ function ExpandableObject(r) {
   useEffect$1(() => {
     g.current ? x(m(u, o, n)) : g.current = !0;
   }, [m]);
-  const v = h ? d.collapseIcon : d.expandIcon, S = h ? "collapse JSON" : "expand JSON", E = useComponentId(), w = u + 1, A = a.length - 1, P = (C) => {
-    C.key === " " && (C.preventDefault(), b());
+  const v = h ? d.collapseIcon : d.expandIcon, S = h ? "collapse JSON" : "expand JSON", E = useComponentId(), w = u + 1, A = a.length - 1, P = (R) => {
+    R.key === " " && (R.preventDefault(), b());
   };
   return /* @__PURE__ */ createElement$1("div", {
     className: d.basicChildStyle,
@@ -4485,12 +4470,12 @@ function ExpandableObject(r) {
     className: d.punctuation
   }, l), h ? /* @__PURE__ */ createElement$1("div", {
     id: E
-  }, a.map((C, R) => /* @__PURE__ */ createElement$1(DataRender, {
-    key: C[0] || R,
-    field: C[0],
-    value: C[1],
+  }, a.map((R, C) => /* @__PURE__ */ createElement$1(DataRender, {
+    key: R[0] || C,
+    field: R[0],
+    value: R[1],
     style: d,
-    lastElement: R === A,
+    lastElement: C === A,
     level: w,
     shouldExpandNode: m,
     clickToExpandNode: p
@@ -4623,12 +4608,13 @@ function getPathAndTypes(r) {
   return a("", omit(r, ["styles", "_type", "_id", "_name", "_bindings"])), { paths: n, pathsType: o };
 }
 const ViewData = ({ data: r, fullView: n }) => {
+  const o = useBuilderProp("onError", noop$1);
   if (!r)
     return null;
-  const o = typeof r;
+  const a = typeof r;
   return n ? typeof r == "object" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-3" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundary$2, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundary$1, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(FallbackError, {}), onError: o, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       JsonView,
       {
         data: r,
@@ -4644,7 +4630,7 @@ const ViewData = ({ data: r, fullView: n }) => {
   ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-h-36 w-full overflow-y-auto overflow-x-hidden text-[12px] leading-4 text-gray-800/50", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium text-gray-800/80", children: "Content: " }),
     r
-  ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-full overflow-hidden whitespace-nowrap text-[10px] leading-3 text-gray-800/50", children: truncate(o === "object" ? JSON.stringify(r) : r, { length: 40 }) });
+  ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-full overflow-hidden whitespace-nowrap text-[10px] leading-3 text-gray-800/50", children: truncate(a === "object" ? JSON.stringify(r) : r, { length: 40 }) });
 }, DataProvidersSuggester = ({
   type: r,
   value: n = "",
@@ -4970,7 +4956,7 @@ const ViewData = ({ data: r, fullView: n }) => {
       }
     )
   ] });
-}, UnsplashImages = React__default.lazy(() => import("./UnsplashImages-fsj0Hn0B.js")), UploadImages = React__default.lazy(() => import("./UploadImages-lDHrM-Jw.js")), ImagesPanel = ({
+}, UnsplashImages = React__default.lazy(() => import("./UnsplashImages-ycaFnevC.js")), UploadImages = React__default.lazy(() => import("./UploadImages-SBOaVL2H.js")), ImagesPanel = ({
   isModalView: r = !1,
   onSelect: n = () => {
   }
@@ -5325,7 +5311,7 @@ function FaRecycle(r) {
 function FaSpinner(r) {
   return GenIcon({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M304 48c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-48 368c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm208-208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zM96 256c0-26.51-21.49-48-48-48S0 229.49 0 256s21.49 48 48 48 48-21.49 48-48zm12.922 99.078c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.491-48-48-48zm294.156 0c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.49-48-48-48zM108.922 60.922c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.491-48-48-48z" }, child: [] }] })(r);
 }
-const SECONDS = 4;
+const SECONDS = 10;
 function Countdown() {
   const [r, n] = useState$1(SECONDS), [o, a] = useState$1(!1);
   useEffect$1(() => {
@@ -5378,14 +5364,14 @@ function Countdown() {
   ] });
 }
 const AskAIStyles = ({ blockId: r }) => {
-  const { t: n } = useTranslation(), { askAi: o, loading: a, error: i } = useAskAi(), [l, c] = useState$1(""), u = useRef$1(null), [d, m] = useState$1();
+  const { t: n } = useTranslation(), { askAi: o, loading: a, error: i } = useAskAi(), [l, c] = useState$1(""), u = useRef$1(null), d = useRef$1(null), [m, p] = useState$1();
   useEffect$1(() => {
-    var g;
-    (g = u.current) == null || g.focus();
+    var h;
+    (h = u.current) == null || h.focus();
   }, []);
-  const p = (g) => {
-    const { usage: h } = g || {};
-    !i && h && m(h), setTimeout(() => m(void 0), 4e3), i || c("");
+  const g = (h) => {
+    const { usage: b } = h || {};
+    !i && b && p(b), d.current = setTimeout(() => p(void 0), 1e4), i || c("");
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "mb-1 text-sm font-semibold leading-none tracking-tight", children: n("ask_ai") }),
@@ -5394,12 +5380,12 @@ const AskAIStyles = ({ blockId: r }) => {
       {
         ref: u,
         value: l,
-        onChange: (g) => c(g.target.value),
+        onChange: (h) => c(h.target.value),
         placeholder: n("ask_ai_to_edit_styles"),
         className: "w-full border border-gray-400 focus:border-0",
         rows: 3,
-        onKeyDown: (g) => {
-          g.key === "Enter" && (g.preventDefault(), o("styles", r, l, p));
+        onKeyDown: (h) => {
+          h.key === "Enter" && (h.preventDefault(), d.current && clearTimeout(d.current), p(void 0), o("styles", r, l, g));
         }
       }
     ),
@@ -5409,7 +5395,7 @@ const AskAIStyles = ({ blockId: r }) => {
         {
           disabled: l.trim().length < 5 || a,
           onClick: () => {
-            m(void 0), o("styles", r, l, p);
+            d.current && clearTimeout(d.current), p(void 0), o("styles", r, l, g);
           },
           variant: "default",
           className: "w-fit",
@@ -5428,11 +5414,11 @@ const AskAIStyles = ({ blockId: r }) => {
         /* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, { variant: "destructive", onClick: () => stop(), className: "hidden w-fit", size: "sm", children: n("stop") })
       ] }) : null
     ] }),
-    d ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "max-w-full", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "mb-1 flex justify-between break-words rounded border border-blue-500 bg-blue-100 p-1 text-xs text-blue-500", children: [
+    m ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "max-w-full", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "mb-1 flex justify-between break-words rounded border border-blue-500 bg-blue-100 p-1 text-xs text-blue-500", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
         n("Total tokens used"),
         ": ",
-        d.totalTokens
+        m.totalTokens
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(Countdown, {})
     ] }) }) : null,
@@ -5445,12 +5431,12 @@ const AskAIStyles = ({ blockId: r }) => {
   keys: ["name"]
 });
 function ManualClasses() {
-  var C;
-  const { t: r } = useTranslation(), [n] = useSelectedStylingBlocks(), o = useSelectedBlock(), a = useAddClassesToBlocks(), i = useRemoveClassesFromBlocks(), [l] = useSelectedBlockIds(), c = useBuilderProp("askAiCallBack", null), [u, d] = useState$1(""), { toast: m } = useToast(), p = (C = first(n)) == null ? void 0 : C.prop, g = reject((get$1(o, p, "").replace(STYLES_KEY, "").split(",").pop() || "").split(" "), isEmpty), h = () => {
-    const R = u.trim().toLowerCase().replace(/ +(?= )/g, "").split(" ");
-    a(l, R, !0), d("");
-  }, [b, x] = useState$1([]), v = ({ value: R }) => {
-    const I = R.trim().toLowerCase(), j = I.match(/.+:/g);
+  var R;
+  const { t: r } = useTranslation(), [n] = useSelectedStylingBlocks(), o = useSelectedBlock(), a = useAddClassesToBlocks(), i = useRemoveClassesFromBlocks(), [l] = useSelectedBlockIds(), c = useBuilderProp("askAiCallBack", null), [u, d] = useState$1(""), { toast: m } = useToast(), p = (R = first(n)) == null ? void 0 : R.prop, g = reject((get$1(o, p, "").replace(STYLES_KEY, "").split(",").pop() || "").split(" "), isEmpty), h = () => {
+    const C = u.trim().toLowerCase().replace(/ +(?= )/g, "").split(" ");
+    a(l, C, !0), d("");
+  }, [b, x] = useState$1([]), v = ({ value: C }) => {
+    const I = C.trim().toLowerCase(), j = I.match(/.+:/g);
     let k = [];
     if (j && j.length > 0) {
       const [O] = j, T = I.replace(O, "");
@@ -5463,17 +5449,17 @@ function ManualClasses() {
     return x(map(k, "item"));
   }, S = () => {
     x([]);
-  }, E = (R) => R.name, w = (R) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md p-1", children: R.name }), A = {
+  }, E = (C) => C.name, w = (C) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md p-1", children: C.name }), A = {
     autoComplete: "off",
     autoCorrect: "off",
     autoCapitalize: "off",
     spellCheck: !1,
     placeholder: r("enter_classes_separated_by_space"),
     value: u,
-    onKeyDown: (R) => {
-      R.key === "Enter" && u.trim() !== "" && h();
+    onKeyDown: (C) => {
+      C.key === "Enter" && u.trim() !== "" && h();
     },
-    onChange: (R, { newValue: I }) => d(I),
+    onChange: (C, { newValue: I }) => d(I),
     className: "w-full rounded-md text-xs px-2 hover:outline-0 bg-background border-border py-1"
   }, P = () => {
     if (navigator.clipboard === void 0) {
@@ -5543,22 +5529,22 @@ function ManualClasses() {
           )
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex w-full flex-wrap gap-2 overflow-x-hidden", children: React.Children.toArray(
-          g.map((R) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          g.map((C) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
             "div",
             {
               className: "group relative flex max-w-[260px] cursor-default items-center gap-x-1 truncate rounded border border-gray-300 bg-gray-200 p-px px-1.5 text-[11px] text-gray-600 hover:border-gray-300",
               children: [
-                R,
+                C,
                 /* @__PURE__ */ jsxRuntimeExports.jsx(
                   Cross2Icon,
                   {
-                    onClick: () => i(l, [R]),
+                    onClick: () => i(l, [C]),
                     className: "invisible absolute right-1 rounded-full bg-red-400 hover:text-white group-hover:visible group-hover:cursor-pointer"
                   }
                 )
               ]
             },
-            R
+            C
           ))
         ) })
       ]
@@ -6217,7 +6203,7 @@ const RangeChoices = ({ property: r, onChange: n }) => {
     }
     h(O), i(O === "class" || isEmpty(k) ? "" : k);
   }, [l, d, m]);
-  const C = useThrottledCallback((k) => c(k), [c], THROTTLE_TIME), R = useThrottledCallback((k) => c(k, !1), [c], THROTTLE_TIME), I = useCallback$1(
+  const R = useThrottledCallback((k) => c(k), [c], THROTTLE_TIME), C = useThrottledCallback((k) => c(k, !1), [c], THROTTLE_TIME), I = useCallback$1(
     (k = !1) => {
       const O = getUserInputValues(`${a}`, m);
       if (get$1(O, "error", !1)) {
@@ -6226,15 +6212,15 @@ const RangeChoices = ({ property: r, onChange: n }) => {
       }
       const T = get$1(O, "unit") !== "" ? get$1(O, "unit") : g;
       if (T === "auto" || T === "none") {
-        C(`${u}${T}`);
+        R(`${u}${T}`);
         return;
       }
       if (get$1(O, "value") === "")
         return;
       const V = `${get$1(O, "value", "").startsWith("-") ? "-" : ""}${u}[${get$1(O, "value", "").replace("-", "")}${T === "-" ? "" : T}]`;
-      k ? R(V) : C(V);
+      k ? C(V) : R(V);
     },
-    [C, R, a, g, u, m]
+    [R, C, a, g, u, m]
   ), j = useCallback$1(
     (k) => {
       const O = getUserInputValues(`${a}`, m);
@@ -6243,15 +6229,15 @@ const RangeChoices = ({ property: r, onChange: n }) => {
         return;
       }
       if (k === "auto" || k === "none") {
-        C(`${u}${k}`);
+        R(`${u}${k}`);
         return;
       }
       if (get$1(O, "value") === "")
         return;
       const T = get$1(O, "unit") !== "" ? get$1(O, "unit") : k, V = `${get$1(O, "value", "").startsWith("-") ? "-" : ""}${u}[${get$1(O, "value", "").replace("-", "")}${T === "-" ? "" : T}]`;
-      C(V);
+      R(V);
     },
-    [C, a, u, m]
+    [R, a, u, m]
   );
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex w-full flex-col", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-start", children: g === "class" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("input", { className: "w-20 rounded py-1", readOnly: !0, value: l }),
@@ -6276,7 +6262,7 @@ const RangeChoices = ({ property: r, onChange: n }) => {
             let T = isNaN$1(O) ? 0 : O;
             k.keyCode === 38 && (T += 1), k.keyCode === 40 && (T -= 1);
             const M = `${T}`, D = `${M.startsWith("-") ? "-" : ""}${u}[${M.replace("-", "")}${g === "-" ? "" : g}]`;
-            R(D);
+            C(D);
           },
           onKeyUp: (k) => {
             A && (k.preventDefault(), P(!1));
@@ -6329,14 +6315,14 @@ const RangeChoices = ({ property: r, onChange: n }) => {
           if (S(() => ""), w(!1), isEmpty(k))
             return;
           const O = `${k}`, M = `${O.startsWith("-") ? "-" : ""}${u}[${O.replace("-", "")}${g === "-" ? "" : g}]`;
-          C(M);
+          R(M);
         },
         onDrag: (k) => {
           if (isEmpty(k))
             return;
           S(k);
           const O = `${k}`, M = `${O.startsWith("-") ? "-" : ""}${u}[${O.replace("-", "")}${g === "-" ? "" : g}]`;
-          R(M);
+          C(M);
         },
         currentValue: a,
         unit: g,
@@ -6434,8 +6420,8 @@ const RangeChoices = ({ property: r, onChange: n }) => {
 }, getBreakpoint = (r) => `${r.toUpperCase()} ${BREAKPOINTS[r] ? `(${BREAKPOINTS[r]} & up)` : ""}`, BlockStyle = (r) => {
   const { t: n } = useTranslation(), { type: o = "icons", label: a, property: i, onEmitChange: l = () => {
   }, units: c, negative: u = !1 } = r, [d] = useDarkMode(), [m] = useStylingState(), [, p] = useCanvasWidth(), g = useCurrentClassByProperty(i), h = useAddClassesToBlocks(), b = useRemoveClassesFromBlocks(), [x] = useSelectedBlockIds(), v = useMemo$1(() => get$1(g, "fullCls", ""), [g]), S = useCallback$1(
-    (R, I = !0) => {
-      const j = { dark: d, mq: p, mod: m, cls: R, property: i, fullCls: "" };
+    (C, I = !0) => {
+      const j = { dark: d, mq: p, mod: m, cls: C, property: i, fullCls: "" };
       (d || m !== "") && (j.mq = "xs");
       const k = generateFullClsName(j);
       h(x, [k], I);
@@ -6448,7 +6434,7 @@ const RangeChoices = ({ property: r, onChange: n }) => {
     l(w, g);
   }, [w, l, g]);
   const [, , A] = useCanvasWidth(), P = useCallback$1(
-    (R) => {
+    (C) => {
       A({
         xs: 400,
         sm: 640,
@@ -6456,12 +6442,12 @@ const RangeChoices = ({ property: r, onChange: n }) => {
         lg: 1024,
         xl: 1420,
         "2xl": 1920
-      }[R]);
+      }[C]);
     },
     [A]
-  ), C = get$1(g, "dark", null) === d && get$1(g, "mod", null) === m && get$1(g, "mq", null) === p;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(BlockStyleProvider, { canChange: w, canReset: g && C, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "group flex flex-row items-center py-2 first:pt-0 last:pb-0", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative w-[70px] truncate text-xs text-foreground", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-[11px] ${g && !C ? "text-foreground" : ""}`, children: n(a) }) }),
+  ), R = get$1(g, "dark", null) === d && get$1(g, "mod", null) === m && get$1(g, "mq", null) === p;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(BlockStyleProvider, { canChange: w, canReset: g && R, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "group flex flex-row items-center py-2 first:pt-0 last:pb-0", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative w-[70px] truncate text-xs text-foreground", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-[11px] ${g && !R ? "text-foreground" : ""}`, children: n(a) }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-row items-center", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-[150px]", children: [
         o === "arbitrary" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -6480,7 +6466,7 @@ const RangeChoices = ({ property: r, onChange: n }) => {
         o === "color" && /* @__PURE__ */ jsxRuntimeExports.jsx(ColorChoice, { property: i, onChange: S }),
         o === "dropdown" && /* @__PURE__ */ jsxRuntimeExports.jsx(DropDownChoices, { label: a, property: i, onChange: S })
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `w-[30px] cursor-pointer ${v ? "visible" : "invisible"}`, children: C ? /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", onClick: () => E(), title: "Reset", className: "flex px-1.5 text-xs", children: /* @__PURE__ */ jsxRuntimeExports.jsx(CrossCircledIcon, { className: "h-5 w-5 text-blue-500 hover:opacity-80" }) }) : w && g ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip$1, { delayDuration: 100, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `w-[30px] cursor-pointer ${v ? "visible" : "invisible"}`, children: R ? /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", onClick: () => E(), title: "Reset", className: "flex px-1.5 text-xs", children: /* @__PURE__ */ jsxRuntimeExports.jsx(CrossCircledIcon, { className: "h-5 w-5 text-blue-500 hover:opacity-80" }) }) : w && g ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip$1, { delayDuration: 100, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
           {
@@ -6778,9 +6764,9 @@ const BlockCard = ({
     if (x(first(w)) && (A = null), !isEmpty(w)) {
       const P = { blocks: w, uiLibrary: !0, parent: A };
       if (E.dataTransfer.setData("text/plain", JSON.stringify(P)), r.preview) {
-        const C = new Image();
-        C.src = r.preview, C.onload = () => {
-          E.dataTransfer.setDragImage(C, 0, 0);
+        const R = new Image();
+        R.src = r.preview, R.onload = () => {
+          E.dataTransfer.setDragImage(R, 0, 0);
         };
       } else
         E.dataTransfer.setDragImage(new Image(), 0, 0);
@@ -7484,14 +7470,14 @@ function QuickPrompts({ onClick: r }) {
   ) }) });
 }
 const AIUserPrompt = ({ blockId: r }) => {
-  const { t: n } = useTranslation(), { askAi: o, loading: a, error: i } = useAskAi(), [l, c] = useState$1(""), [u, d] = useState$1(!0), [m, p] = useState$1(), g = useRef$1(null);
+  const { t: n } = useTranslation(), { askAi: o, loading: a, error: i } = useAskAi(), [l, c] = useState$1(""), [u, d] = useState$1(!0), [m, p] = useState$1(), g = useRef$1(null), h = useRef$1(null);
   useEffect$1(() => {
-    var b;
-    (b = g.current) == null || b.focus();
+    var x;
+    (x = g.current) == null || x.focus();
   }, []);
-  const h = (b) => {
-    const { usage: x } = b || {};
-    !i && x && p(x), setTimeout(() => p(void 0), 4e3), i || c("");
+  const b = (x) => {
+    const { usage: v } = x || {};
+    !i && v && p(v), h.current = setTimeout(() => p(void 0), 1e4), i || c("");
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -7511,12 +7497,12 @@ const AIUserPrompt = ({ blockId: r }) => {
         {
           ref: g,
           value: l,
-          onChange: (b) => c(b.target.value),
+          onChange: (x) => c(x.target.value),
           placeholder: n("ask_ai_to_edit_content"),
           className: "w-full border border-gray-400 focus:border-0",
           rows: 3,
-          onKeyDown: (b) => {
-            b.key === "Enter" && (b.preventDefault(), p(void 0), o("content", r, l, h));
+          onKeyDown: (x) => {
+            x.key === "Enter" && (x.preventDefault(), h.current && clearTimeout(h.current), p(void 0), o("content", r, l, b));
           }
         }
       ),
@@ -7526,7 +7512,7 @@ const AIUserPrompt = ({ blockId: r }) => {
           {
             disabled: l.trim().length < 5 || a,
             onClick: () => {
-              p(void 0), o("content", r, l, h);
+              h.current && clearTimeout(h.current), p(void 0), o("content", r, l, b);
             },
             variant: "default",
             className: "w-fit",
@@ -7557,8 +7543,8 @@ const AIUserPrompt = ({ blockId: r }) => {
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         QuickPrompts,
         {
-          onClick: (b) => {
-            p(void 0), o("content", r, b, h);
+          onClick: (x) => {
+            h.current && clearTimeout(h.current), p(void 0), o("content", r, x, b);
           }
         }
       )
@@ -7682,8 +7668,8 @@ const AIUserPrompt = ({ blockId: r }) => {
       o(P), i(a), c(""), d(""), h("");
     }
   }, S = (P) => {
-    const C = a.filter((R, I) => I !== P);
-    o(C), i(C);
+    const R = a.filter((C, I) => I !== P);
+    o(R), i(R);
   }, E = (P) => {
     p(P), c(a[P].key), d(a[P].value);
   }, w = () => {
@@ -7750,22 +7736,22 @@ const AIUserPrompt = ({ blockId: r }) => {
         ]
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-4 space-y-1 overflow-y-auto", children: a.map((P, C) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between rounded bg-muted p-1.5 text-sm", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-4 space-y-1 overflow-y-auto", children: a.map((P, R) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between rounded bg-muted p-1.5 text-sm", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mr-2 flex flex-col", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate font-semibold", children: P.key }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-wrap max-w-[200px] text-muted-foreground", children: P.value.toString() })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-shrink-0", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(Button$1, { variant: "ghost", size: "icon", className: "h-6 w-6", onClick: () => E(C), children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Button$1, { variant: "ghost", size: "icon", className: "h-6 w-6", onClick: () => E(R), children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(Edit2, { className: "h-3 w-3" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sr-only", children: "Edit attribute" })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(Button$1, { variant: "ghost", size: "icon", className: "h-6 w-6", onClick: () => S(C), children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Button$1, { variant: "ghost", size: "icon", className: "h-6 w-6", onClick: () => S(R), children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "h-3 w-3" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sr-only", children: "Remove attribute" })
         ] })
       ] })
-    ] }, C)) })
+    ] }, R)) })
   ] });
 }), BlockAttributesEditor = React.memo(() => {
   const r = useSelectedBlock(), [n, o] = useState$1([]), [a] = useSelectedStylingBlocks(), i = useUpdateBlocksPropsRealtime(), l = useUpdateBlocksProps(), c = `${get$1(a, "0.prop")}_attrs`;
@@ -7844,15 +7830,15 @@ function useAtomsSnapshot({
         A && "v" in A && h.set(w, A.v);
         const P = (E = o.dev_get_mounted) == null ? void 0 : E.call(o, w);
         if (P) {
-          let C = P.t;
-          r || (C = new Set(
-            Array.from(C.values()).filter(
+          let R = P.t;
+          r || (R = new Set(
+            Array.from(R.values()).filter(
               /* NOTE: This just removes private atoms from the dependents list,
                 instead of hiding them from the dependency chain and showing
                 the nested dependents of the private atoms. */
-              (R) => !R.debugPrivate
+              (C) => !C.debugPrivate
             )
-          )), b.set(w, C);
+          )), b.set(w, R);
         }
       }
       if (isEqualAtomsValues(u, h) && isEqualAtomsDependents(d, b))
@@ -8067,7 +8053,7 @@ function compile(r) {
   return dealloc(parse("", null, null, null, [""], r = alloc(r), 0, [0], r));
 }
 function parse(r, n, o, a, i, l, c, u, d) {
-  for (var m = 0, p = 0, g = c, h = 0, b = 0, x = 0, v = 1, S = 1, E = 1, w = 0, A = "", P = i, C = l, R = a, I = A; S; )
+  for (var m = 0, p = 0, g = c, h = 0, b = 0, x = 0, v = 1, S = 1, E = 1, w = 0, A = "", P = i, R = l, C = a, I = A; S; )
     switch (x = w, w = next()) {
       case 40:
         if (x != 108 && charat(I, g - 1) == 58) {
@@ -8113,19 +8099,19 @@ function parse(r, n, o, a, i, l, c, u, d) {
           case 59:
             I += ";";
           default:
-            if (append(R = ruleset(I, n, o, m, p, i, u, A, P = [], C = [], g), l), w === 123)
+            if (append(C = ruleset(I, n, o, m, p, i, u, A, P = [], R = [], g), l), w === 123)
               if (p === 0)
-                parse(I, n, R, R, P, l, g, u, C);
+                parse(I, n, C, C, P, l, g, u, R);
               else
                 switch (h === 99 && charat(I, 3) === 110 ? 100 : h) {
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    parse(r, R, R, a && append(ruleset(r, R, R, 0, 0, i, u, A, i, P = [], g), C), i, C, g, u, a ? P : C);
+                    parse(r, C, C, a && append(ruleset(r, C, C, 0, 0, i, u, A, i, P = [], g), R), i, R, g, u, a ? P : R);
                     break;
                   default:
-                    parse(I, R, R, R, [""], C, 0, u, C);
+                    parse(I, C, C, C, [""], R, 0, u, R);
                 }
         }
         m = p = b = 0, v = E = 1, A = I = "", g = c;
@@ -8489,8 +8475,8 @@ If multiple caches share the same key they might "fight" for each other's style
     };
     d = function(S, E, w, A) {
       p = w, process.env.NODE_ENV !== "production" && E.map !== void 0 && (p = {
-        insert: function(C) {
-          w.insert(C + E.map);
+        insert: function(R) {
+          w.insert(R + E.map);
         }
       }), b(S ? S + "{" + E.styles + "}" : E.styles), A && (x.inserted[E.name] = !0);
     };
@@ -8537,65 +8523,65 @@ function requireReactIs_production_min() {
     return reactIs_production_min;
   hasRequiredReactIs_production_min = 1;
   var r = typeof Symbol == "function" && Symbol.for, n = r ? Symbol.for("react.element") : 60103, o = r ? Symbol.for("react.portal") : 60106, a = r ? Symbol.for("react.fragment") : 60107, i = r ? Symbol.for("react.strict_mode") : 60108, l = r ? Symbol.for("react.profiler") : 60114, c = r ? Symbol.for("react.provider") : 60109, u = r ? Symbol.for("react.context") : 60110, d = r ? Symbol.for("react.async_mode") : 60111, m = r ? Symbol.for("react.concurrent_mode") : 60111, p = r ? Symbol.for("react.forward_ref") : 60112, g = r ? Symbol.for("react.suspense") : 60113, h = r ? Symbol.for("react.suspense_list") : 60120, b = r ? Symbol.for("react.memo") : 60115, x = r ? Symbol.for("react.lazy") : 60116, v = r ? Symbol.for("react.block") : 60121, S = r ? Symbol.for("react.fundamental") : 60117, E = r ? Symbol.for("react.responder") : 60118, w = r ? Symbol.for("react.scope") : 60119;
-  function A(C) {
-    if (typeof C == "object" && C !== null) {
-      var R = C.$$typeof;
-      switch (R) {
+  function A(R) {
+    if (typeof R == "object" && R !== null) {
+      var C = R.$$typeof;
+      switch (C) {
         case n:
-          switch (C = C.type, C) {
+          switch (R = R.type, R) {
             case d:
             case m:
             case a:
             case l:
             case i:
             case g:
-              return C;
+              return R;
             default:
-              switch (C = C && C.$$typeof, C) {
+              switch (R = R && R.$$typeof, R) {
                 case u:
                 case p:
                 case x:
                 case b:
                 case c:
-                  return C;
-                default:
                   return R;
+                default:
+                  return C;
               }
           }
         case o:
-          return R;
-      }
-    }
-  }
-  function P(C) {
-    return A(C) === m;
-  }
-  return reactIs_production_min.AsyncMode = d, reactIs_production_min.ConcurrentMode = m, reactIs_production_min.ContextConsumer = u, reactIs_production_min.ContextProvider = c, reactIs_production_min.Element = n, reactIs_production_min.ForwardRef = p, reactIs_production_min.Fragment = a, reactIs_production_min.Lazy = x, reactIs_production_min.Memo = b, reactIs_production_min.Portal = o, reactIs_production_min.Profiler = l, reactIs_production_min.StrictMode = i, reactIs_production_min.Suspense = g, reactIs_production_min.isAsyncMode = function(C) {
-    return P(C) || A(C) === d;
-  }, reactIs_production_min.isConcurrentMode = P, reactIs_production_min.isContextConsumer = function(C) {
-    return A(C) === u;
-  }, reactIs_production_min.isContextProvider = function(C) {
-    return A(C) === c;
-  }, reactIs_production_min.isElement = function(C) {
-    return typeof C == "object" && C !== null && C.$$typeof === n;
-  }, reactIs_production_min.isForwardRef = function(C) {
-    return A(C) === p;
-  }, reactIs_production_min.isFragment = function(C) {
-    return A(C) === a;
-  }, reactIs_production_min.isLazy = function(C) {
-    return A(C) === x;
-  }, reactIs_production_min.isMemo = function(C) {
-    return A(C) === b;
-  }, reactIs_production_min.isPortal = function(C) {
-    return A(C) === o;
-  }, reactIs_production_min.isProfiler = function(C) {
-    return A(C) === l;
-  }, reactIs_production_min.isStrictMode = function(C) {
-    return A(C) === i;
-  }, reactIs_production_min.isSuspense = function(C) {
-    return A(C) === g;
-  }, reactIs_production_min.isValidElementType = function(C) {
-    return typeof C == "string" || typeof C == "function" || C === a || C === m || C === l || C === i || C === g || C === h || typeof C == "object" && C !== null && (C.$$typeof === x || C.$$typeof === b || C.$$typeof === c || C.$$typeof === u || C.$$typeof === p || C.$$typeof === S || C.$$typeof === E || C.$$typeof === w || C.$$typeof === v);
+          return C;
+      }
+    }
+  }
+  function P(R) {
+    return A(R) === m;
+  }
+  return reactIs_production_min.AsyncMode = d, reactIs_production_min.ConcurrentMode = m, reactIs_production_min.ContextConsumer = u, reactIs_production_min.ContextProvider = c, reactIs_production_min.Element = n, reactIs_production_min.ForwardRef = p, reactIs_production_min.Fragment = a, reactIs_production_min.Lazy = x, reactIs_production_min.Memo = b, reactIs_production_min.Portal = o, reactIs_production_min.Profiler = l, reactIs_production_min.StrictMode = i, reactIs_production_min.Suspense = g, reactIs_production_min.isAsyncMode = function(R) {
+    return P(R) || A(R) === d;
+  }, reactIs_production_min.isConcurrentMode = P, reactIs_production_min.isContextConsumer = function(R) {
+    return A(R) === u;
+  }, reactIs_production_min.isContextProvider = function(R) {
+    return A(R) === c;
+  }, reactIs_production_min.isElement = function(R) {
+    return typeof R == "object" && R !== null && R.$$typeof === n;
+  }, reactIs_production_min.isForwardRef = function(R) {
+    return A(R) === p;
+  }, reactIs_production_min.isFragment = function(R) {
+    return A(R) === a;
+  }, reactIs_production_min.isLazy = function(R) {
+    return A(R) === x;
+  }, reactIs_production_min.isMemo = function(R) {
+    return A(R) === b;
+  }, reactIs_production_min.isPortal = function(R) {
+    return A(R) === o;
+  }, reactIs_production_min.isProfiler = function(R) {
+    return A(R) === l;
+  }, reactIs_production_min.isStrictMode = function(R) {
+    return A(R) === i;
+  }, reactIs_production_min.isSuspense = function(R) {
+    return A(R) === g;
+  }, reactIs_production_min.isValidElementType = function(R) {
+    return typeof R == "string" || typeof R == "function" || R === a || R === m || R === l || R === i || R === g || R === h || typeof R == "object" && R !== null && (R.$$typeof === x || R.$$typeof === b || R.$$typeof === c || R.$$typeof === u || R.$$typeof === p || R.$$typeof === S || R.$$typeof === E || R.$$typeof === w || R.$$typeof === v);
   }, reactIs_production_min.typeOf = A, reactIs_production_min;
 }
 var reactIs_development = {};
@@ -8647,7 +8633,7 @@ function requireReactIs_development() {
         }
       }
     }
-    var C = d, R = m, I = u, j = c, k = n, O = p, T = a, M = x, V = b, D = o, W = l, J = i, F = g, L = !1;
+    var R = d, C = m, I = u, j = c, k = n, O = p, T = a, M = x, V = b, D = o, W = l, J = i, F = g, L = !1;
     function q(K) {
       return L || (L = !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.")), G(K) || P(K) === d;
     }
@@ -8687,7 +8673,7 @@ function requireReactIs_development() {
     function se(K) {
       return P(K) === g;
     }
-    reactIs_development.AsyncMode = C, reactIs_development.ConcurrentMode = R, 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 = V, reactIs_development.Portal = D, reactIs_development.Profiler = W, reactIs_development.StrictMode = J, reactIs_development.Suspense = F, reactIs_development.isAsyncMode = q, reactIs_development.isConcurrentMode = G, reactIs_development.isContextConsumer = ee, reactIs_development.isContextProvider = z, 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 = P;
+    reactIs_development.AsyncMode = R, reactIs_development.ConcurrentMode = C, 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 = V, reactIs_development.Portal = D, reactIs_development.Profiler = W, reactIs_development.StrictMode = J, reactIs_development.Suspense = F, reactIs_development.isAsyncMode = q, reactIs_development.isConcurrentMode = G, reactIs_development.isContextConsumer = ee, reactIs_development.isContextProvider = z, 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 = P;
   }()), reactIs_development;
 }
 process.env.NODE_ENV === "production" ? reactIs$1.exports = requireReactIs_production_min() : reactIs$1.exports = requireReactIs_development();
@@ -10729,9 +10715,9 @@ function useMove(r, n, o = "ltr") {
           a.current.style.userSelect = "none";
           const P = a.current.getBoundingClientRect();
           if (P.width && P.height) {
-            const C = clamp$1((w - P.left) / P.width, 0, 1);
+            const R = clamp$1((w - P.left) / P.width, 0, 1);
             r({
-              x: o === "ltr" ? C : 1 - C,
+              x: o === "ltr" ? R : 1 - R,
               y: clamp$1((A - P.top) / P.height, 0, 1)
             });
           }
@@ -10859,7 +10845,7 @@ function useScrollIntoView({
     }) - (p.current ? 0 : w);
     function P() {
       d.current === 0 && (d.current = performance.now());
-      const R = performance.now() - d.current, I = h || r === 0 ? 1 : R / r, j = w + A * a(I);
+      const C = performance.now() - d.current, I = h || r === 0 ? 1 : C / r, j = w + A * a(I);
       setScrollParam({
         parent: p.current,
         axis: n,
@@ -10923,8 +10909,8 @@ function extractSystemStyles(r) {
     opacity: w,
     ff: A,
     fz: P,
-    fw: C,
-    lts: R,
+    fw: R,
+    lts: C,
     ta: I,
     lh: j,
     fs: k,
@@ -11012,8 +10998,8 @@ function extractSystemStyles(r) {
     opacity: w,
     ff: A,
     fz: P,
-    fw: C,
-    lts: R,
+    fw: R,
+    lts: C,
     ta: I,
     lh: j,
     fs: k,
@@ -12080,8 +12066,8 @@ const defaultProps$A = {
     classNames: w,
     styles: A,
     unstyled: P,
-    span: C,
-    __staticSelector: R
+    span: R,
+    __staticSelector: C
   } = o, I = __objRest$L(o, [
     "className",
     "size",
@@ -12116,11 +12102,11 @@ const defaultProps$A = {
     transform: c,
     align: d,
     gradient: h
-  }, { unstyled: P, name: R || "Text", variant: m, size: i });
+  }, { unstyled: P, name: C || "Text", variant: m, size: i });
   return /* @__PURE__ */ React__default.createElement(Box, __spreadValues$14({
     ref: n,
     className: k(j.root, { [j.gradient]: m === "gradient" }, a),
-    component: C ? "span" : "div"
+    component: R ? "span" : "div"
   }, I));
 });
 _Text.displayName = "@mantine/core/Text";
@@ -12385,7 +12371,7 @@ function SelectItems({
     size: g
   }), w = [], A = [];
   let P = null;
-  const C = (I, j) => {
+  const R = (I, j) => {
     const k = typeof i == "function" ? i(I.value) : !1;
     return /* @__PURE__ */ React__default.createElement(p, __spreadValues$$({
       key: I.value,
@@ -12409,15 +12395,15 @@ function SelectItems({
       variant: S
     }, I));
   };
-  let R = null;
+  let C = null;
   if (r.forEach((I, j) => {
-    I.creatable ? P = j : I.group ? (R !== I.group && (R = I.group, A.push(/* @__PURE__ */ React__default.createElement("div", {
+    I.creatable ? P = j : I.group ? (C !== I.group && (C = I.group, A.push(/* @__PURE__ */ React__default.createElement("div", {
       className: E.separator,
       key: `__mantine-divider-${j}`
     }, /* @__PURE__ */ React__default.createElement(Divider, {
       classNames: { label: E.separatorLabel },
       label: I.group
-    })))), A.push(C(I, j))) : w.push(C(I, j));
+    })))), A.push(R(I, j))) : w.push(R(I, j));
   }), b) {
     const I = r[P];
     w.push(/* @__PURE__ */ React__default.createElement("div", {
@@ -12581,7 +12567,7 @@ const defaultProps$x = {
     "unstyled",
     "variant",
     "viewportProps"
-  ]), [w, A] = useState$1(!1), P = useMantineTheme(), { classes: C, cx: R } = useStyles$D({ scrollbarSize: u, offsetScrollbars: g, scrollbarHovered: w, hidden: m === "never" }, { name: "ScrollArea", classNames: l, styles: c, unstyled: x, variant: v });
+  ]), [w, A] = useState$1(!1), P = useMantineTheme(), { classes: R, cx: C } = useStyles$D({ scrollbarSize: u, offsetScrollbars: g, scrollbarHovered: w, hidden: m === "never" }, { name: "ScrollArea", classNames: l, styles: c, unstyled: x, variant: v });
   return /* @__PURE__ */ React__default.createElement(ScrollAreaPrimitive.Root, {
     type: m === "never" ? "always" : m,
     scrollHideDelay: d,
@@ -12589,9 +12575,9 @@ const defaultProps$x = {
     ref: n,
     asChild: !0
   }, /* @__PURE__ */ React__default.createElement(Box, __spreadValues$Z({
-    className: R(C.root, i)
+    className: C(R.root, i)
   }, E), /* @__PURE__ */ React__default.createElement(ScrollAreaPrimitive.Viewport, __spreadProps$F(__spreadValues$Z({}, S), {
-    className: C.viewport,
+    className: R.viewport,
     ref: h,
     onScroll: typeof b == "function" ? ({ currentTarget: I }) => b({
       x: I.scrollLeft,
@@ -12599,22 +12585,22 @@ const defaultProps$x = {
     }) : void 0
   }), a), /* @__PURE__ */ React__default.createElement(ScrollAreaPrimitive.Scrollbar, {
     orientation: "horizontal",
-    className: C.scrollbar,
+    className: R.scrollbar,
     forceMount: !0,
     onMouseEnter: () => A(!0),
     onMouseLeave: () => A(!1)
   }, /* @__PURE__ */ React__default.createElement(ScrollAreaPrimitive.Thumb, {
-    className: C.thumb
+    className: R.thumb
   })), /* @__PURE__ */ React__default.createElement(ScrollAreaPrimitive.Scrollbar, {
     orientation: "vertical",
-    className: C.scrollbar,
+    className: R.scrollbar,
     forceMount: !0,
     onMouseEnter: () => A(!0),
     onMouseLeave: () => A(!1)
   }, /* @__PURE__ */ React__default.createElement(ScrollAreaPrimitive.Thumb, {
-    className: C.thumb
+    className: R.thumb
   })), /* @__PURE__ */ React__default.createElement(ScrollAreaPrimitive.Corner, {
-    className: C.corner
+    className: R.corner
   })));
 }), ScrollAreaAutosize = forwardRef$1((r, n) => {
   const o = useComponentDefaultProps("ScrollAreaAutosize", defaultProps$x, r), {
@@ -12811,7 +12797,7 @@ const useHover = function(r, n) {
       floating: b
     },
     refs: x
-  } = r, v = useFloatingTree(), S = useFloatingParentNodeId(), E = useLatestRef(i), w = useLatestRef(a), A = React.useRef(), P = React.useRef(), C = React.useRef(), R = React.useRef(), I = React.useRef(!0), j = React.useRef(!1), k = React.useRef(() => {
+  } = r, v = useFloatingTree(), S = useFloatingParentNodeId(), E = useLatestRef(i), w = useLatestRef(a), A = React.useRef(), P = React.useRef(), R = React.useRef(), C = React.useRef(), I = React.useRef(!0), j = React.useRef(!1), k = React.useRef(() => {
   }), O = React.useCallback(() => {
     var D;
     const W = (D = p.current.openEvent) == null ? void 0 : D.type;
@@ -12821,7 +12807,7 @@ const useHover = function(r, n) {
     if (!o)
       return;
     function D() {
-      clearTimeout(P.current), clearTimeout(R.current), I.current = !0;
+      clearTimeout(P.current), clearTimeout(C.current), I.current = !0;
     }
     return g.on("dismiss", D), () => {
       g.off("dismiss", D);
@@ -12840,9 +12826,9 @@ const useHover = function(r, n) {
   const T = React.useCallback(function(D) {
     D === void 0 && (D = !0);
     const W = getDelay(w.current, "close", A.current);
-    W && !C.current ? (clearTimeout(P.current), P.current = setTimeout(() => m(!1), W)) : D && (clearTimeout(P.current), m(!1));
+    W && !R.current ? (clearTimeout(P.current), P.current = setTimeout(() => m(!1), W)) : D && (clearTimeout(P.current), m(!1));
   }, [w, m]), M = React.useCallback(() => {
-    k.current(), C.current = void 0;
+    k.current(), R.current = void 0;
   }, []), V = React.useCallback(() => {
     if (j.current) {
       const D = getDocument(x.floating.current).body;
@@ -12869,8 +12855,8 @@ const useHover = function(r, n) {
         return;
       k.current();
       const q = getDocument(b);
-      if (clearTimeout(R.current), E.current) {
-        d || clearTimeout(P.current), C.current = E.current({
+      if (clearTimeout(C.current), E.current) {
+        d || clearTimeout(P.current), R.current = E.current({
           ...r,
           tree: v,
           x: L.clientX,
@@ -12879,7 +12865,7 @@ const useHover = function(r, n) {
             V(), M(), T();
           }
         });
-        const G = C.current;
+        const G = R.current;
         q.addEventListener("mousemove", G), k.current = () => {
           q.removeEventListener("mousemove", G);
         };
@@ -12921,7 +12907,7 @@ const useHover = function(r, n) {
   }, [o, d, S, b, h, v, E, p, O]), index(() => {
     d || (A.current = void 0, M(), V());
   }, [d, M, V]), React.useEffect(() => () => {
-    M(), clearTimeout(P.current), clearTimeout(R.current), V();
+    M(), clearTimeout(P.current), clearTimeout(C.current), V();
   }, [o, M, V]), React.useMemo(() => {
     if (!o)
       return {};
@@ -12933,7 +12919,7 @@ const useHover = function(r, n) {
         onPointerDown: D,
         onPointerEnter: D,
         onMouseMove() {
-          d || c === 0 || (clearTimeout(R.current), R.current = setTimeout(() => {
+          d || c === 0 || (clearTimeout(C.current), C.current = setTimeout(() => {
             I.current || m(!0);
           }, c));
         }
@@ -13136,7 +13122,7 @@ const bubbleHandlerKeys = {
     ancestorScroll: S = !1,
     bubbles: E = !0
   } = n === void 0 ? {} : n;
-  const w = useFloatingTree(), A = useFloatingParentNodeId() != null, P = useEvent(typeof h == "function" ? h : () => !1), C = typeof h == "function" ? P : h, R = React.useRef(!1), {
+  const w = useFloatingTree(), A = useFloatingParentNodeId() != null, P = useEvent(typeof h == "function" ? h : () => !1), R = typeof h == "function" ? P : h, C = React.useRef(!1), {
     escapeKeyBubbles: I,
     outsidePressBubbles: j
   } = normalizeBubblesProp(E);
@@ -13169,8 +13155,8 @@ const bubbleHandlerKeys = {
       }
     }
     function O(D) {
-      const W = R.current;
-      if (R.current = !1, W || typeof C == "function" && !C(D))
+      const W = C.current;
+      if (C.current = !1, W || typeof R == "function" && !R(D))
         return;
       const J = getTarget(D);
       if (isHTMLElement(J) && d) {
@@ -13210,7 +13196,7 @@ const bubbleHandlerKeys = {
       a(!1);
     }
     const M = getDocument(d);
-    g && M.addEventListener("keydown", k), C && M.addEventListener(b, O);
+    g && M.addEventListener("keydown", k), R && M.addEventListener(b, O);
     let V = [];
     return S && (isElement(u) && (V = getOverflowAncestors(u)), isElement(d) && (V = V.concat(getOverflowAncestors(d))), !isElement(c) && c && c.contextElement && (V = V.concat(getOverflowAncestors(c.contextElement)))), V = V.filter((D) => {
       var W;
@@ -13220,13 +13206,13 @@ const bubbleHandlerKeys = {
         passive: !0
       });
     }), () => {
-      g && M.removeEventListener("keydown", k), C && M.removeEventListener(b, O), V.forEach((D) => {
+      g && M.removeEventListener("keydown", k), R && M.removeEventListener(b, O), V.forEach((D) => {
         D.removeEventListener("scroll", T);
       });
     };
-  }, [m, d, u, c, g, C, b, i, w, l, o, a, S, p, I, j, A]), React.useEffect(() => {
-    R.current = !1;
-  }, [C, b]), React.useMemo(() => p ? {
+  }, [m, d, u, c, g, R, b, i, w, l, o, a, S, p, I, j, A]), React.useEffect(() => {
+    C.current = !1;
+  }, [R, b]), React.useMemo(() => p ? {
     reference: {
       [bubbleHandlerKeys[v]]: () => {
         x && (i.emit("dismiss", {
@@ -13239,7 +13225,7 @@ const bubbleHandlerKeys = {
     },
     floating: {
       [captureHandlerKeys[b]]: () => {
-        R.current = !0;
+        C.current = !0;
       }
     }
   } : {}, [p, i, x, b, v, a]);
@@ -13619,11 +13605,11 @@ function useTransition({
     if (h(P), P === 0)
       typeof w == "function" && w(), typeof A == "function" && A(), x(E ? "entered" : "exited");
     else {
-      const C = window.setTimeout(() => {
+      const R = window.setTimeout(() => {
         typeof w == "function" && w(), x(E ? "entering" : "exiting");
       }, 10);
       v.current = window.setTimeout(() => {
-        window.clearTimeout(C), typeof A == "function" && A(), x(E ? "entered" : "exited");
+        window.clearTimeout(R), typeof A == "function" && A(), x(E ? "entered" : "exited");
       }, P);
     }
   };
@@ -13911,8 +13897,8 @@ function Popover(r) {
     withArrow: w,
     arrowSize: A,
     arrowOffset: P,
-    arrowRadius: C,
-    arrowPosition: R,
+    arrowRadius: R,
+    arrowPosition: C,
     unstyled: I,
     classNames: j,
     styles: k,
@@ -14013,8 +13999,8 @@ function Popover(r) {
       withArrow: w,
       arrowSize: A,
       arrowOffset: P,
-      arrowRadius: C,
-      arrowPosition: R,
+      arrowRadius: R,
+      arrowPosition: C,
       placement: be.floating.placement,
       trapFocus: W,
       withinPortal: T,
@@ -14179,8 +14165,8 @@ function useInputProps(r, n, o) {
     id: w,
     size: A,
     style: P,
-    inputContainer: C,
-    inputWrapperOrder: R,
+    inputContainer: R,
+    inputWrapperOrder: C,
     withAsterisk: I,
     variant: j
   } = a, k = __objRest$A(a, [
@@ -14222,8 +14208,8 @@ function useInputProps(r, n, o) {
     id: O,
     size: A,
     style: P,
-    inputContainer: C,
-    inputWrapperOrder: R,
+    inputContainer: R,
+    inputWrapperOrder: C,
     withAsterisk: I,
     variant: j
   }, E);
@@ -14507,8 +14493,8 @@ const defaultProps$q = {
     __staticSelector: w,
     unstyled: A,
     inputWrapperOrder: P,
-    withAsterisk: C,
-    variant: R
+    withAsterisk: R,
+    variant: C
   } = o, I = __objRest$w(o, [
     "className",
     "label",
@@ -14535,16 +14521,16 @@ const defaultProps$q = {
     styles: v,
     name: ["InputWrapper", w],
     unstyled: A,
-    variant: R,
+    variant: C,
     size: S
   }), O = {
     classNames: x,
     styles: v,
     unstyled: A,
     size: S,
-    variant: R,
+    variant: C,
     __staticSelector: w
-  }, T = typeof C == "boolean" ? C : c, M = u ? `${u}-error` : b == null ? void 0 : b.id, V = u ? `${u}-description` : h == null ? void 0 : h.id, W = `${!!d && typeof d != "boolean" ? M : ""} ${m ? V : ""}`, 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, V = u ? `${u}-description` : h == null ? void 0 : h.id, W = `${!!d && typeof d != "boolean" ? M : ""} ${m ? V : ""}`, J = W.trim().length > 0 ? W.trim() : void 0, F = i && /* @__PURE__ */ React__default.createElement(InputLabel, __spreadValues$M(__spreadValues$M({
     key: "label",
     labelElement: p,
     id: u ? `${u}-label` : void 0,
@@ -14800,8 +14786,8 @@ const defaultProps$o = {
     styles: w,
     __staticSelector: A,
     multiline: P,
-    sx: C,
-    unstyled: R,
+    sx: R,
+    unstyled: C,
     pointer: I
   } = o, j = __objRest$u(o, [
     "className",
@@ -14835,10 +14821,10 @@ const defaultProps$o = {
     offsetBottom: k,
     offsetTop: O,
     pointer: I
-  }, { classNames: E, styles: w, name: ["Input", A], unstyled: R, variant: u, size: v }), { systemStyles: D, rest: W } = extractSystemStyles(j);
+  }, { classNames: E, styles: w, name: ["Input", A], unstyled: C, variant: u, size: v }), { systemStyles: D, rest: W } = extractSystemStyles(j);
   return /* @__PURE__ */ React__default.createElement(Box, __spreadValues$J(__spreadValues$J({
     className: V(M.wrapper, a),
-    sx: C,
+    sx: R,
     style: m
   }, D), S), d && /* @__PURE__ */ React__default.createElement("div", {
     className: M.icon
@@ -15234,8 +15220,8 @@ const defaultProps$l = {
     loaderProps: w,
     gradient: A,
     classNames: P,
-    styles: C,
-    unstyled: R
+    styles: R,
+    unstyled: C
   } = o, I = __objRest$r(o, [
     "className",
     "size",
@@ -15265,7 +15251,7 @@ const defaultProps$l = {
     gradient: A,
     withLeftIcon: !!m,
     withRightIcon: !!p
-  }, { name: "Button", unstyled: R, classNames: P, styles: C, variant: h, size: i }), T = O.fn.variant({ color: l, variant: h }), M = /* @__PURE__ */ React__default.createElement(Loader, __spreadValues$E({
+  }, { name: "Button", unstyled: C, classNames: P, styles: R, variant: h, size: i }), T = O.fn.variant({ color: l, variant: h }), M = /* @__PURE__ */ React__default.createElement(Loader, __spreadValues$E({
     color: T.color,
     size: `calc(${getSize({ size: i, sizes: sizes$1 }).height} / 2)`
   }, w));
@@ -15277,7 +15263,7 @@ const defaultProps$l = {
     "data-disabled": u || void 0,
     "data-loading": S || void 0,
     ref: n,
-    unstyled: R
+    unstyled: C
   }, I), /* @__PURE__ */ React__default.createElement("div", {
     className: j.inner
   }, (m || S && E === "left") && /* @__PURE__ */ React__default.createElement("span", {
@@ -15685,14 +15671,14 @@ const defaultProps$g = {
     "unstyled",
     "processing",
     "variant"
-  ]), { classes: C, cx: R } = useStyles$m({ position: i, offset: l, radius: u, inline: d, color: g, withBorder: m, zIndex: S, withLabel: !!b }, { name: "Indicator", classNames: x, styles: h, unstyled: E, variant: A, size: c });
+  ]), { classes: R, cx: C } = useStyles$m({ position: i, offset: l, radius: u, inline: d, color: g, withBorder: m, zIndex: S, withLabel: !!b }, { name: "Indicator", classNames: x, styles: h, unstyled: E, variant: A, size: c });
   return /* @__PURE__ */ React__default.createElement(Box, __spreadValues$w({
     ref: n,
-    className: R(C.root, p)
+    className: C(R.root, p)
   }, P), !v && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", {
-    className: R(C.indicator, C.common)
+    className: C(R.indicator, R.common)
   }, b), w && /* @__PURE__ */ React__default.createElement("div", {
-    className: R(C.processing, C.common)
+    className: C(R.processing, R.common)
   })), a);
 });
 Indicator.displayName = "@mantine/core/Indicator";
@@ -15931,7 +15917,7 @@ const defaultProps$d = {
     "unstyled",
     "variant",
     "keepMounted"
-  ]), { classes: A, cx: P, theme: C } = useStyles$j(null, { name: "LoadingOverlay", unstyled: v, variant: S }), R = `calc(${p} + 1)`;
+  ]), { classes: A, cx: P, theme: R } = useStyles$j(null, { name: "LoadingOverlay", unstyled: v, variant: S }), C = `calc(${p} + 1)`;
   return /* @__PURE__ */ React__default.createElement(Transition, {
     keepMounted: E,
     duration: d,
@@ -15943,16 +15929,16 @@ const defaultProps$d = {
     style: __spreadProps$m(__spreadValues$r(__spreadValues$r({}, I), g), { zIndex: p }),
     ref: n
   }, w), h ? /* @__PURE__ */ React__default.createElement("div", {
-    style: { zIndex: R }
+    style: { zIndex: C }
   }, h) : /* @__PURE__ */ React__default.createElement(Loader, __spreadValues$r({
-    style: { zIndex: R }
+    style: { zIndex: C }
   }, l)), /* @__PURE__ */ React__default.createElement(Overlay, {
     opacity: c,
     zIndex: p,
     radius: b,
     blur: x,
     unstyled: v,
-    color: u || (C.colorScheme === "dark" ? C.colors.dark[5] : C.white)
+    color: u || (R.colorScheme === "dark" ? R.colors.dark[5] : R.white)
   })));
 });
 LoadingOverlay.displayName = "@mantine/core/LoadingOverlay";
@@ -16173,8 +16159,8 @@ const defaultProps$c = {
     onChange: w,
     disableRightSectionRotation: A,
     childrenOffset: P,
-    disabled: C,
-    onClick: R
+    disabled: R,
+    onClick: C
   } = o, I = __objRest$g(o, [
     "label",
     "description",
@@ -16202,7 +16188,7 @@ const defaultProps$c = {
     finalValue: !1,
     onChange: w
   }), M = !!v, V = (D) => {
-    M ? (D.preventDefault(), R == null || R(D), T(!O)) : R == null || R(D);
+    M ? (D.preventDefault(), C == null || C(D), T(!O)) : C == null || C(D);
   };
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(UnstyledButton, __spreadValues$m({
     ref: n,
@@ -16211,8 +16197,8 @@ const defaultProps$c = {
     onClick: V,
     unstyled: p,
     "data-expanded": O || void 0,
-    "data-disabled": C || void 0,
-    disabled: C
+    "data-disabled": R || void 0,
+    disabled: R
   }, I), l && /* @__PURE__ */ React__default.createElement("span", {
     className: j.icon
   }, l), /* @__PURE__ */ React__default.createElement("span", {
@@ -16406,8 +16392,8 @@ function TooltipFloating(r) {
     width: w,
     zIndex: A,
     disabled: P,
-    variant: C
-  } = o, R = __objRest$e(o, [
+    variant: R
+  } = o, C = __objRest$e(o, [
     "children",
     "refProp",
     "withinPortal",
@@ -16430,7 +16416,7 @@ function TooltipFloating(r) {
   ]), { handleMouseMove: I, x: j, y: k, opened: O, boundaryRef: T, floating: M, setOpened: V } = useFloatingTooltip({
     offset: v,
     position: S
-  }), { classes: D, cx: W } = useStyles$h({ radius: h, color: b, multiline: E, width: w }, { name: "TooltipFloating", classNames: m, styles: p, unstyled: g, variant: C });
+  }), { classes: D, cx: W } = useStyles$h({ radius: h, color: b, multiline: E, width: w }, { name: "TooltipFloating", classNames: m, styles: p, unstyled: g, variant: R });
   if (!isElement$1(a))
     throw new Error(TOOLTIP_ERRORS.children);
   const J = useMergedRef(T, a.ref), F = (q) => {
@@ -16442,7 +16428,7 @@ function TooltipFloating(r) {
   };
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(OptionalPortal, __spreadProps$g(__spreadValues$j({}, c), {
     withinPortal: l
-  }), /* @__PURE__ */ React__default.createElement(Box, __spreadProps$g(__spreadValues$j({}, R), {
+  }), /* @__PURE__ */ React__default.createElement(Box, __spreadProps$g(__spreadValues$j({}, C), {
     ref: M,
     className: W(D.tooltip, d),
     style: __spreadProps$g(__spreadValues$j({}, u), {
@@ -16482,7 +16468,7 @@ function useTooltip(r) {
       arrow({ element: r.arrowRef, padding: r.arrowOffset }),
       ...r.inline ? [inline()] : []
     ]
-  }), { getReferenceProps: C, getFloatingProps: R } = useInteractions([
+  }), { getReferenceProps: R, getFloatingProps: C } = useInteractions([
     useHover(v, {
       enabled: r.events.hover,
       delay: l ? u : { open: r.openDelay, close: r.closeDelay },
@@ -16508,8 +16494,8 @@ function useTooltip(r) {
     arrowY: P,
     reference: b,
     floating: x,
-    getFloatingProps: R,
-    getReferenceProps: C,
+    getFloatingProps: C,
+    getReferenceProps: R,
     isGroupPhase: i && d && d !== c,
     opened: i,
     placement: w
@@ -16565,8 +16551,8 @@ const defaultProps$9 = {
     styles: w,
     unstyled: A,
     style: P,
-    className: C,
-    withArrow: R,
+    className: R,
+    withArrow: C,
     arrowSize: I,
     arrowOffset: j,
     arrowRadius: k,
@@ -16631,7 +16617,7 @@ const defaultProps$9 = {
     events: W,
     arrowRef: a,
     arrowOffset: j,
-    offset: T + (R ? I / 2 : 0),
+    offset: T + (C ? I / 2 : 0),
     positionDependencies: [...L, l],
     inline: z
   });
@@ -16660,7 +16646,7 @@ const defaultProps$9 = {
       ref: a,
       arrowX: $.arrowX,
       arrowY: $.arrowY,
-      visible: R,
+      visible: C,
       position: $.placement,
       arrowSize: I,
       arrowOffset: j,
@@ -16676,7 +16662,7 @@ const defaultProps$9 = {
     onPointerDown: r.onPointerDown,
     onPointerEnter: r.onPointerEnter,
     [u]: ae,
-    className: ne(C, l.props.className)
+    className: ne(R, l.props.className)
   }, l.props))));
 });
 _Tooltip.Group = TooltipGroup;
@@ -16781,8 +16767,8 @@ const defaultProps$8 = {
     styles: w,
     filter: A,
     maxDropdownHeight: P,
-    searchable: C,
-    clearable: R,
+    searchable: R,
+    clearable: C,
     nothingFound: I,
     limit: j,
     disabled: k,
@@ -16862,12 +16848,12 @@ const defaultProps$8 = {
     "readOnly",
     "clearButtonProps",
     "hoverOnSearchChange"
-  ]), { classes: be, cx: Ze, theme: Ne } = useStyles$g(), [ge, Ge] = useState$1(v), [ke, ve] = useState$1(-1), He = useRef$1(), Fe = useRef$1({}), [Je, rt] = useState$1("column"), Ce = Je === "column", { scrollIntoView: De, targetRef: Ve, scrollableRef: nt } = useScrollIntoView({
+  ]), { classes: be, cx: Ze, theme: Ne } = useStyles$g(), [ge, Ge] = useState$1(v), [ke, ve] = useState$1(-1), He = useRef$1(), Fe = useRef$1({}), [Je, rt] = useState$1("column"), Re = Je === "column", { scrollIntoView: De, targetRef: Ve, scrollableRef: nt } = useScrollIntoView({
     duration: 0,
     offset: 5,
     cancelable: !1,
     isList: !0
-  }), Ye = re === void 0 ? R : re, Se = (H) => {
+  }), Ye = re === void 0 ? C : re, Se = (H) => {
     if (ge !== H) {
       Ge(H);
       const ie = H ? ee : G;
@@ -16875,27 +16861,27 @@ const defaultProps$8 = {
     }
   }, qe = D && typeof W == "function";
   let We = null;
-  const ot = c.map((H) => typeof H == "string" ? { label: H, value: H } : H), Ue = groupOptions({ data: ot }), [Re, Me, Xe] = useUncontrolled({
+  const ot = c.map((H) => typeof H == "string" ? { label: H, value: H } : H), Ue = groupOptions({ data: ot }), [Ce, Me, Xe] = useUncontrolled({
     value: u,
     defaultValue: d,
     finalValue: null,
     onChange: m
-  }), Pe = Ue.find((H) => H.value === Re), [Ie, at] = useUncontrolled({
+  }), Pe = Ue.find((H) => H.value === Ce), [Ie, at] = useUncontrolled({
     value: T,
     defaultValue: (Pe == null ? void 0 : Pe.label) || "",
     finalValue: void 0,
     onChange: O
   }), Oe = (H) => {
-    at(H), C && typeof O == "function" && O(H);
+    at(H), R && typeof O == "function" && O(H);
   }, st = () => {
     var H;
     Z || (Me(null), Xe || Oe(""), (H = He.current) == null || H.focus());
   };
   useEffect$1(() => {
-    const H = Ue.find((ie) => ie.value === Re);
-    H ? Oe(H.label) : (!qe || !Re) && Oe("");
-  }, [Re]), useEffect$1(() => {
-    Pe && (!C || !ge) && Oe(Pe.label);
+    const H = Ue.find((ie) => ie.value === Ce);
+    H ? Oe(H.label) : (!qe || !Ce) && Oe("");
+  }, [Ce]), useEffect$1(() => {
+    Pe && (!R || !ge) && Oe(Pe.label);
   }, [Pe == null ? void 0 : Pe.label]);
   const je = (H) => {
     if (!Z)
@@ -16911,12 +16897,12 @@ const defaultProps$8 = {
       }
   }, he = filterData({
     data: Ue,
-    searchable: C,
+    searchable: R,
     limit: j,
     searchValue: Ie,
     filter: A,
     filterDataOnExactSearchMatch: ae,
-    value: Re
+    value: Ce
   });
   qe && J(Ie, he) && (We = W(Ie), he.push({ label: Ie, value: Ie, creatable: !0 }));
   const Qe = (H, ie, ue) => {
@@ -16929,21 +16915,21 @@ const defaultProps$8 = {
   useDidUpdate(() => {
     ve(fe && Ie ? 0 : -1);
   }, [Ie, fe]);
-  const Le = Re ? he.findIndex((H) => H.value === Re) : 0, Ee = !Z && (he.length > 0 ? ge : ge && !!I), _e = () => {
+  const Le = Ce ? he.findIndex((H) => H.value === Ce) : 0, Ee = !Z && (he.length > 0 ? ge : ge && !!I), _e = () => {
     ve((H) => {
       var ie;
       const ue = Qe(H, (de) => de - 1, (de) => de > 0);
-      return Ve.current = Fe.current[(ie = he[ue]) == null ? void 0 : ie.value], Ee && De({ alignment: Ce ? "start" : "end" }), ue;
+      return Ve.current = Fe.current[(ie = he[ue]) == null ? void 0 : ie.value], Ee && De({ alignment: Re ? "start" : "end" }), ue;
     });
   }, $e = () => {
     ve((H) => {
       var ie;
       const ue = Qe(H, (de) => de + 1, (de) => de < he.length - 1);
-      return Ve.current = Fe.current[(ie = he[ue]) == null ? void 0 : ie.value], Ee && De({ alignment: Ce ? "end" : "start" }), ue;
+      return Ve.current = Fe.current[(ie = he[ue]) == null ? void 0 : ie.value], Ee && De({ alignment: Re ? "end" : "start" }), ue;
     });
   }, Ke = () => window.setTimeout(() => {
     var H;
-    Ve.current = Fe.current[(H = he[Le]) == null ? void 0 : H.value], De({ alignment: Ce ? "end" : "start" });
+    Ve.current = Fe.current[(H = he[Le]) == null ? void 0 : H.value], De({ alignment: Re ? "end" : "start" });
   }, 50);
   useDidUpdate(() => {
     Ee && Ke();
@@ -16951,26 +16937,26 @@ const defaultProps$8 = {
   const N = (H) => {
     switch (typeof g == "function" && g(H), H.key) {
       case "ArrowUp": {
-        H.preventDefault(), ge ? Ce ? _e() : $e() : (ve(Le), Se(!0), Ke());
+        H.preventDefault(), ge ? Re ? _e() : $e() : (ve(Le), Se(!0), Ke());
         break;
       }
       case "ArrowDown": {
-        H.preventDefault(), ge ? Ce ? $e() : _e() : (ve(Le), Se(!0), Ke());
+        H.preventDefault(), ge ? Re ? $e() : _e() : (ve(Le), Se(!0), Ke());
         break;
       }
       case "Home": {
-        if (!C) {
+        if (!R) {
           H.preventDefault(), ge || Se(!0);
           const ie = he.findIndex((ue) => !ue.disabled);
-          ve(ie), Ee && De({ alignment: Ce ? "end" : "start" });
+          ve(ie), Ee && De({ alignment: Re ? "end" : "start" });
         }
         break;
       }
       case "End": {
-        if (!C) {
+        if (!R) {
           H.preventDefault(), ge || Se(!0);
           const ie = he.map((ue) => !!ue.disabled).lastIndexOf(!1);
-          ve(ie), Ee && De({ alignment: Ce ? "end" : "start" });
+          ve(ie), Ee && De({ alignment: Re ? "end" : "start" });
         }
         break;
       }
@@ -16979,22 +16965,22 @@ const defaultProps$8 = {
         break;
       }
       case " ": {
-        C || (H.preventDefault(), he[ke] && ge ? je(he[ke]) : (Se(!0), ve(Le), Ke()));
+        R || (H.preventDefault(), he[ke] && ge ? je(he[ke]) : (Se(!0), ve(Le), Ke()));
         break;
       }
       case "Enter":
-        C || H.preventDefault(), he[ke] && ge && (H.preventDefault(), je(he[ke]));
+        R || H.preventDefault(), he[ke] && ge && (H.preventDefault(), je(he[ke]));
     }
   }, B = (H) => {
     typeof h == "function" && h(H);
-    const ie = Ue.find((ue) => ue.value === Re);
+    const ie = Ue.find((ue) => ue.value === Ce);
     F && he[ke] && ge && je(he[ke]), Oe((ie == null ? void 0 : ie.label) || ""), Se(!1);
   }, Y = (H) => {
-    typeof b == "function" && b(H), C && Se(!0);
+    typeof b == "function" && b(H), R && Se(!0);
   }, oe = (H) => {
-    Z || (Oe(H.currentTarget.value), R && H.currentTarget.value === "" && Me(null), ve(-1), Se(!0));
+    Z || (Oe(H.currentTarget.value), C && H.currentTarget.value === "" && Me(null), ve(-1), Se(!0));
   }, ce = () => {
-    Z || (Se(!ge), Re && !ge && ve(Le));
+    Z || (Se(!ge), Ce && !ge && ve(Le));
   };
   return /* @__PURE__ */ React__default.createElement(Input.Wrapper, __spreadProps$e(__spreadValues$h({}, i), {
     __staticSelector: "Select"
@@ -17025,7 +17011,7 @@ const defaultProps$8 = {
   }, /* @__PURE__ */ React__default.createElement("input", {
     type: "hidden",
     name: Q,
-    value: Re || "",
+    value: Ce || "",
     form: se,
     disabled: k
   }), /* @__PURE__ */ React__default.createElement(Input, __spreadValues$h(__spreadProps$e(__spreadValues$h(__spreadValues$h({
@@ -17044,12 +17030,12 @@ const defaultProps$8 = {
     onMouseDown: ce,
     onBlur: B,
     onFocus: Y,
-    readOnly: !C || Z,
+    readOnly: !R || Z,
     disabled: k,
     "data-mantine-stop-propagation": Ee,
     name: null,
     classNames: __spreadProps$e(__spreadValues$h({}, E), {
-      input: Ze({ [be.input]: !C }, E == null ? void 0 : E.input)
+      input: Ze({ [be.input]: !R }, E == null ? void 0 : E.input)
     })
   }), getSelectRightSectionProps({
     theme: Ne,
@@ -17057,7 +17043,7 @@ const defaultProps$8 = {
     rightSectionWidth: V,
     styles: w,
     size: a.size,
-    shouldClear: R && !!Pe,
+    shouldClear: C && !!Pe,
     onClear: st,
     error: i.error,
     clearButtonProps: le,
@@ -17077,7 +17063,7 @@ const defaultProps$8 = {
     hovered: ke,
     classNames: E,
     styles: w,
-    isItemSelected: (H) => H === Re,
+    isItemSelected: (H) => H === Ce,
     uuid: a.id,
     __staticSelector: "Select",
     onItemHover: ve,
@@ -17206,13 +17192,13 @@ const Thumb = forwardRef$1(({
   onBlur: w,
   showLabelOnHover: A,
   isHovered: P,
-  children: C = null,
-  disabled: R,
+  children: R = null,
+  disabled: C,
   unstyled: I,
   thumbSize: j,
   variant: k
 }, O) => {
-  const { classes: T, cx: M, theme: V } = useStyles$d({ color: d, disabled: R, thumbSize: j }, { name: "Slider", classNames: m, styles: p, unstyled: I, variant: k, size: g }), [D, W] = useState$1(!1), J = v || l || D || A && P;
+  const { classes: T, cx: M, theme: V } = useStyles$d({ color: d, disabled: C, thumbSize: j }, { name: "Slider", classNames: m, styles: p, unstyled: I, variant: k, size: g }), [D, W] = useState$1(!1), J = v || l || D || A && P;
   return /* @__PURE__ */ React__default.createElement(Box, {
     tabIndex: 0,
     role: "slider",
@@ -17233,7 +17219,7 @@ const Thumb = forwardRef$1(({
     onKeyDownCapture: u,
     onClick: (F) => F.stopPropagation(),
     style: { [V.dir === "rtl" ? "right" : "left"]: `${a}%` }
-  }, C, /* @__PURE__ */ React__default.createElement(Transition, {
+  }, R, /* @__PURE__ */ React__default.createElement(Transition, {
     mounted: i != null && J,
     duration: b,
     transition: h,
@@ -17559,8 +17545,8 @@ const defaultProps$7 = {
     label: w,
     labelTransition: A,
     labelTransitionDuration: P,
-    labelTransitionTimingFunction: C,
-    labelAlwaysOn: R,
+    labelTransitionTimingFunction: R,
+    labelAlwaysOn: C,
     thumbLabel: I,
     showLabelOnHover: j,
     thumbChildren: k,
@@ -17695,8 +17681,8 @@ const defaultProps$7 = {
     ref: _,
     labelTransition: A,
     labelTransitionDuration: P,
-    labelTransitionTimingFunction: C,
-    labelAlwaysOn: R,
+    labelTransitionTimingFunction: R,
+    labelAlwaysOn: C,
     classNames: a,
     styles: i,
     thumbLabel: I,
@@ -17980,8 +17966,8 @@ const defaultProps$3 = {}, Tab = forwardRef$1((r, n) => {
     classNames: h.classNames,
     styles: h.styles,
     variant: h.variant
-  }), w = a === h.value, A = h.getPanelId(a), P = h.mountedPanelIds.includes(a) ? A : void 0, C = (R) => {
-    h.onTabChange(h.allowTabDeactivation && a === h.value ? null : a), c == null || c(R);
+  }), w = a === h.value, A = h.getPanelId(a), P = h.mountedPanelIds.includes(a) ? A : void 0, R = (C) => {
+    h.onTabChange(h.allowTabDeactivation && a === h.value ? null : a), c == null || c(C);
   };
   return /* @__PURE__ */ React__default.createElement(UnstyledButton, __spreadProps$5(__spreadValues$6({}, g), {
     unstyled: h.unstyled,
@@ -17994,7 +17980,7 @@ const defaultProps$3 = {}, Tab = forwardRef$1((r, n) => {
     "aria-selected": w,
     tabIndex: w || h.value === null ? 0 : -1,
     "aria-controls": P,
-    onClick: C,
+    onClick: R,
     onKeyDown: createScopedKeydownHandler({
       siblingSelector: '[role="tab"]',
       parentSelector: '[role="tablist"]',
@@ -18033,7 +18019,7 @@ function TabsProvider({
   styles: S,
   unstyled: E
 }) {
-  const w = useId$2(c), [A, P] = useState$1([]), [C, R] = useUncontrolled({
+  const w = useId$2(c), [A, P] = useState$1([]), [R, C] = useUncontrolled({
     value: n,
     defaultValue: r,
     finalValue: null,
@@ -18042,14 +18028,14 @@ function TabsProvider({
   return /* @__PURE__ */ React__default.createElement(TabsContextProvider, {
     value: {
       placement: b,
-      value: C,
+      value: R,
       orientation: a,
       id: w,
       loop: l,
       activateTabWithKeyboard: u,
       getTabId: getSafeId(`${w}-tab`, TABS_ERRORS.value),
       getPanelId: getSafeId(`${w}-panel`, TABS_ERRORS.value),
-      onTabChange: R,
+      onTabChange: C,
       setMountedPanelIds: P,
       mountedPanelIds: A,
       allowTabDeactivation: d,
@@ -18115,8 +18101,8 @@ const defaultProps$2 = {
     radius: w,
     inverted: A,
     keepMounted: P,
-    placement: C
-  } = o, R = __objRest$4(o, [
+    placement: R
+  } = o, C = __objRest$4(o, [
     "defaultValue",
     "value",
     "orientation",
@@ -18136,7 +18122,7 @@ const defaultProps$2 = {
     "inverted",
     "keepMounted",
     "placement"
-  ]), { classes: I, cx: j } = useStyles$4({ orientation: l, color: b, radius: w, inverted: A, placement: C }, { unstyled: v, name: "Tabs", classNames: S, styles: E, variant: h });
+  ]), { classes: I, cx: j } = useStyles$4({ orientation: l, color: b, radius: w, inverted: A, placement: R }, { unstyled: v, name: "Tabs", classNames: S, styles: E, variant: h });
   return /* @__PURE__ */ React__default.createElement(TabsProvider, {
     activateTabWithKeyboard: u,
     defaultValue: a,
@@ -18151,11 +18137,11 @@ const defaultProps$2 = {
     radius: w,
     inverted: A,
     keepMounted: P,
-    placement: C,
+    placement: R,
     classNames: S,
     styles: E,
     unstyled: v
-  }, /* @__PURE__ */ React__default.createElement(Box, __spreadProps$4(__spreadValues$5({}, R), {
+  }, /* @__PURE__ */ React__default.createElement(Box, __spreadProps$4(__spreadValues$5({}, C), {
     className: j(I.root, x),
     id: p,
     ref: n
@@ -18551,8 +18537,8 @@ function stringify(r, n, o, a = {}) {
     const w = i ? " " : "", A = i ? `
 ` : "";
     let P = `var x${w}=${w}${E};${A}`;
-    for (const [C, R] of d.entries()) {
-      const I = quote_1.stringifyPath(C, v), j = quote_1.stringifyPath(R, v);
+    for (const [R, C] of d.entries()) {
+      const I = quote_1.stringifyPath(R, v), j = quote_1.stringifyPath(C, v);
       P += `x${I}${w}=${w}x${j};${A}`;
     }
     return `(function${w}()${w}{${A}${P}return x;${A}}())`;
@@ -18608,13 +18594,13 @@ function PanelWithForwardedRef({
     getPanelStyle: w,
     registerPanel: A,
     resizePanel: P,
-    unregisterPanel: C
-  } = x, R = useRef({
+    unregisterPanel: R
+  } = x, C = useRef({
     onCollapse: m,
     onResize: p
   });
   if (useEffect(() => {
-    R.current.onCollapse = m, R.current.onResize = p;
+    C.current.onCollapse = m, C.current.onResize = p;
   }), d < 0 || d > 100)
     throw Error(`Panel minSize must be between 0 and 100, but was ${d}`);
   if (u < 0 || u > 100)
@@ -18627,7 +18613,7 @@ function PanelWithForwardedRef({
   const I = w(v, i), j = useRef({
     size: parseSizeFromStyle(I)
   }), k = useRef({
-    callbacksRef: R,
+    callbacksRef: C,
     collapsedSize: o,
     collapsible: a,
     defaultSize: i,
@@ -18638,10 +18624,10 @@ function PanelWithForwardedRef({
     order: g
   });
   return useIsomorphicLayoutEffect(() => {
-    j.current.size = parseSizeFromStyle(I), k.current.callbacksRef = R, k.current.collapsedSize = o, k.current.collapsible = a, k.current.defaultSize = i, k.current.id = v, k.current.idWasAutoGenerated = c == null, k.current.maxSize = u, k.current.minSize = d, k.current.order = g;
+    j.current.size = parseSizeFromStyle(I), k.current.callbacksRef = C, k.current.collapsedSize = o, k.current.collapsible = a, k.current.defaultSize = i, k.current.id = v, k.current.idWasAutoGenerated = c == null, k.current.maxSize = u, k.current.minSize = d, k.current.order = g;
   }), useIsomorphicLayoutEffect(() => (A(v, k), () => {
-    C(v);
-  }), [g, v, A, C]), useImperativeHandle(l, () => ({
+    R(v);
+  }), [g, v, A, R]), useImperativeHandle(l, () => ({
     collapse: () => S(v),
     expand: () => E(v),
     getCollapsed() {
@@ -18816,12 +18802,12 @@ function useWindowSplitterPanelGroupBehavior({
       if (S == null || E == null)
         return () => {
         };
-      let w = 0, A = 100, P = 0, C = 0;
+      let w = 0, A = 100, P = 0, R = 0;
       v.forEach((T) => {
-        T.current.id === S ? (A = T.current.maxSize, w = T.current.minSize) : (P += T.current.minSize, C += T.current.maxSize);
+        T.current.id === S ? (A = T.current.maxSize, w = T.current.minSize) : (P += T.current.minSize, R += T.current.maxSize);
       });
-      const R = Math.min(A, 100 - P), I = Math.max(w, (v.length - 1) * 100 - C), j = getFlexGrow(u, S, i);
-      b.setAttribute("aria-valuemax", "" + Math.round(R)), b.setAttribute("aria-valuemin", "" + Math.round(I)), b.setAttribute("aria-valuenow", "" + Math.round(parseInt(j)));
+      const C = Math.min(A, 100 - P), I = Math.max(w, (v.length - 1) * 100 - R), j = getFlexGrow(u, S, i);
+      b.setAttribute("aria-valuemax", "" + Math.round(C)), b.setAttribute("aria-valuemin", "" + Math.round(I)), b.setAttribute("aria-valuenow", "" + Math.round(parseInt(j)));
       const k = (T) => {
         if (!T.defaultPrevented)
           switch (T.key) {
@@ -18940,10 +18926,10 @@ function getMovement(r, n, o, a, i, l, c) {
         E = -x;
         break;
     }
-    const [w, A] = getResizeHandlePanelIds(n, o, a), P = E < 0 ? w : A, C = a.findIndex((I) => I.current.id === P), R = a[C];
-    if (R.current.collapsible) {
-      const I = p[C];
-      (I === 0 || I.toPrecision(PRECISION) === R.current.minSize.toPrecision(PRECISION)) && (E = E < 0 ? -R.current.minSize * x : R.current.minSize * x);
+    const [w, A] = getResizeHandlePanelIds(n, o, a), P = E < 0 ? w : A, R = a.findIndex((I) => I.current.id === P), C = a[R];
+    if (C.current.collapsible) {
+      const I = p[R];
+      (I === 0 || I.toPrecision(PRECISION) === C.current.minSize.toPrecision(PRECISION)) && (E = E < 0 ? -C.current.minSize * x : C.current.minSize * x);
     }
     return E;
   } else
@@ -19076,7 +19062,7 @@ function PanelGroupWithForwardedRef({
   useEffect(() => {
     E.current.onLayout = u;
   });
-  const w = useRef({}), [A, P] = useState([]), C = useRef(/* @__PURE__ */ new Map()), R = useRef(0), I = useRef({
+  const w = useRef({}), [A, P] = useState([]), R = useRef(/* @__PURE__ */ new Map()), C = useRef(0), I = useRef({
     direction: a,
     panels: x,
     sizes: A
@@ -19104,7 +19090,7 @@ function PanelGroupWithForwardedRef({
     panels: x,
     setSizes: P,
     sizes: A,
-    panelSizeBeforeCollapse: C
+    panelSizeBeforeCollapse: R
   }), useEffect(() => {
     const {
       onLayout: F
@@ -19189,12 +19175,12 @@ function PanelGroupWithForwardedRef({
       return;
     const re = getPanelGroup(g).getBoundingClientRect(), $ = G === "horizontal";
     document.dir === "rtl" && $ && (Q = -Q);
-    const ae = $ ? re.width : re.height, se = Q / ae * 100, K = adjustByDelta(q, ee, te, _, se, z, C.current, S.current), Z = !areEqual(z, K);
-    if ((isMouseEvent(q) || isTouchEvent(q)) && R.current != se && setGlobalCursorStyle(Z ? $ ? "horizontal" : "vertical" : $ ? Q < 0 ? "horizontal-min" : "horizontal-max" : Q < 0 ? "vertical-min" : "vertical-max"), Z) {
+    const ae = $ ? re.width : re.height, se = Q / ae * 100, K = adjustByDelta(q, ee, te, _, se, z, R.current, S.current), Z = !areEqual(z, K);
+    if ((isMouseEvent(q) || isTouchEvent(q)) && C.current != se && setGlobalCursorStyle(Z ? $ ? "horizontal" : "vertical" : $ ? Q < 0 ? "horizontal-min" : "horizontal-max" : Q < 0 ? "vertical-min" : "vertical-max"), Z) {
       const le = w.current;
       P(K), callPanelCallbacks(U, K, le);
     }
-    R.current = se;
+    C.current = se;
   }, [g]), T = useCallback((F) => {
     v((L) => {
       if (!L.has(F))
@@ -19221,11 +19207,11 @@ function PanelGroupWithForwardedRef({
     const _ = q[te];
     if (_ === ee)
       return;
-    C.current.set(F, _);
+    R.current.set(F, _);
     const [Q, ne] = getBeforeAndAfterIds(F, U);
     if (Q == null || ne == null)
       return;
-    const $ = te === U.length - 1 ? _ : ee - _, ae = adjustByDelta(null, L, Q, ne, $, q, C.current, null);
+    const $ = te === U.length - 1 ? _ : ee - _, ae = adjustByDelta(null, L, Q, ne, $, q, R.current, null);
     if (q !== ae) {
       const se = w.current;
       P(ae), callPanelCallbacks(U, ae, se);
@@ -19240,7 +19226,7 @@ function PanelGroupWithForwardedRef({
     const {
       collapsedSize: ee,
       minSize: z
-    } = G.current, U = C.current.get(F) || z;
+    } = G.current, U = R.current.get(F) || z;
     if (!U)
       return;
     const te = panelsMapToSortedArray(L), _ = te.indexOf(G);
@@ -19249,7 +19235,7 @@ function PanelGroupWithForwardedRef({
     const [ne, re] = getBeforeAndAfterIds(F, te);
     if (ne == null || re == null)
       return;
-    const ae = _ === te.length - 1 ? ee - U : U, se = adjustByDelta(null, L, ne, re, ae, q, C.current, null);
+    const ae = _ === te.length - 1 ? ee - U : U, se = adjustByDelta(null, L, ne, re, ae, q, R.current, null);
     if (q !== se) {
       const K = w.current;
       P(se), callPanelCallbacks(te, se, K);
@@ -19276,7 +19262,7 @@ function PanelGroupWithForwardedRef({
     const [$, ae] = getBeforeAndAfterIds(F, Q);
     if ($ == null || ae == null)
       return;
-    const K = ne === Q.length - 1 ? re - L : L - re, Z = adjustByDelta(null, q, $, ae, K, G, C.current, null);
+    const K = ne === Q.length - 1 ? re - L : L - re, Z = adjustByDelta(null, q, $, ae, K, G, R.current, null);
     if (G !== Z) {
       const le = w.current;
       P(Z), callPanelCallbacks(Q, Z, le);
@@ -19358,7 +19344,7 @@ function PanelResizeHandle$1({
     registerResizeHandle: b,
     startDragging: x,
     stopDragging: v
-  } = m, S = useUniqueId(a), E = p === S, [w, A] = useState(!1), [P, C] = useState(null), R = useCallback(() => {
+  } = m, S = useUniqueId(a), E = p === S, [w, A] = useState(!1), [P, R] = useState(null), C = useCallback(() => {
     u.current.blur(), v();
     const {
       onDragging: k
@@ -19367,10 +19353,10 @@ function PanelResizeHandle$1({
   }, [v]);
   useEffect(() => {
     if (o)
-      C(null);
+      R(null);
     else {
       const j = b(S);
-      C(() => j);
+      R(() => j);
     }
   }, [o, S, b]), useEffect(() => {
     if (o || P == null || !E)
@@ -19380,10 +19366,10 @@ function PanelResizeHandle$1({
     }, k = (M) => {
       P(M);
     }, T = u.current.ownerDocument;
-    return T.body.addEventListener("contextmenu", R), T.body.addEventListener("mousemove", j), T.body.addEventListener("touchmove", j), T.body.addEventListener("mouseleave", k), window.addEventListener("mouseup", R), window.addEventListener("touchend", R), () => {
-      T.body.removeEventListener("contextmenu", R), T.body.removeEventListener("mousemove", j), T.body.removeEventListener("touchmove", j), T.body.removeEventListener("mouseleave", k), window.removeEventListener("mouseup", R), window.removeEventListener("touchend", R);
+    return T.body.addEventListener("contextmenu", C), T.body.addEventListener("mousemove", j), T.body.addEventListener("touchmove", j), T.body.addEventListener("mouseleave", k), window.addEventListener("mouseup", C), window.addEventListener("touchend", C), () => {
+      T.body.removeEventListener("contextmenu", C), T.body.removeEventListener("mousemove", j), T.body.removeEventListener("touchmove", j), T.body.removeEventListener("mouseleave", k), window.removeEventListener("mouseup", C), window.removeEventListener("touchend", C);
     };
-  }, [g, o, E, P, R]), useWindowSplitterResizeHandlerBehavior({
+  }, [g, o, E, P, C]), useWindowSplitterResizeHandlerBehavior({
     disabled: o,
     handleId: S,
     resizeHandler: P
@@ -19410,9 +19396,9 @@ function PanelResizeHandle$1({
       } = d.current;
       k && k(!0);
     },
-    onMouseUp: R,
-    onTouchCancel: R,
-    onTouchEnd: R,
+    onMouseUp: C,
+    onTouchCancel: C,
+    onTouchEnd: C,
     onTouchStart: (j) => {
       x(S, j.nativeEvent);
       const {
@@ -19618,17 +19604,17 @@ function JSONNestedNode(r) {
     ...r,
     circularCache: n,
     level: g + 1
-  }) : null, P = /* @__PURE__ */ React__default.createElement("span", v("nestedNodeItemType", S), b), C = c(h, i, P, a(i, o), m), R = [m, h, S, l];
-  return u ? /* @__PURE__ */ React__default.createElement("li", v("rootNode", ...R), /* @__PURE__ */ React__default.createElement("ul", v("rootNodeChildren", ...R), A)) : /* @__PURE__ */ React__default.createElement("li", v("nestedNode", ...R), l && /* @__PURE__ */ React__default.createElement(JSONArrow, {
+  }) : null, P = /* @__PURE__ */ React__default.createElement("span", v("nestedNodeItemType", S), b), R = c(h, i, P, a(i, o), m), C = [m, h, S, l];
+  return u ? /* @__PURE__ */ React__default.createElement("li", v("rootNode", ...C), /* @__PURE__ */ React__default.createElement("ul", v("rootNodeChildren", ...C), A)) : /* @__PURE__ */ React__default.createElement("li", v("nestedNode", ...C), l && /* @__PURE__ */ React__default.createElement(JSONArrow, {
     styling: v,
     nodeType: h,
     expanded: S,
     onClick: w
-  }), /* @__PURE__ */ React__default.createElement("label", _extends$1({}, v(["label", "nestedNodeLabel"], ...R), {
+  }), /* @__PURE__ */ React__default.createElement("label", _extends$1({}, v(["label", "nestedNodeLabel"], ...C), {
     onClick: w
-  }), p(...R)), /* @__PURE__ */ React__default.createElement("span", _extends$1({}, v("nestedNodeItemString", ...R), {
+  }), p(...C)), /* @__PURE__ */ React__default.createElement("span", _extends$1({}, v("nestedNodeItemString", ...C), {
     onClick: w
-  }), C), /* @__PURE__ */ React__default.createElement("ul", v("nestedNodeChildren", ...R), A));
+  }), R), /* @__PURE__ */ React__default.createElement("ul", v("nestedNodeChildren", ...C), A));
 }
 function createItemString$2(r) {
   const n = Object.getOwnPropertyNames(r).length;
@@ -21810,9 +21796,9 @@ function createHybrid(r, n, o, a, i, l, c, u, d, m) {
     for (var E = arguments.length, w = Array(E), A = E; A--; )
       w[A] = arguments[A];
     if (b)
-      var P = getHolder(S), C = countHolders(w, P);
-    if (a && (w = composeArgs(w, a, i, b)), l && (w = composeArgsRight(w, l, c, b)), E -= C, b && E < m) {
-      var R = replaceHolders(w, P);
+      var P = getHolder(S), R = countHolders(w, P);
+    if (a && (w = composeArgs(w, a, i, b)), l && (w = composeArgsRight(w, l, c, b)), E -= R, b && E < m) {
+      var C = replaceHolders(w, P);
       return createRecurry(
         r,
         n,
@@ -21820,7 +21806,7 @@ function createHybrid(r, n, o, a, i, l, c, u, d, m) {
         S.placeholder,
         o,
         w,
-        R,
+        C,
         u,
         d,
         m - E
@@ -22690,8 +22676,8 @@ var Prism$1 = function() {
             b.hasOwnProperty(E) || (S[E] = v[E]);
           }
         var A = x[g];
-        return x[g] = S, a.languages.DFS(a.languages, function(P, C) {
-          C === A && P != g && (this[P] = S);
+        return x[g] = S, a.languages.DFS(a.languages, function(P, R) {
+          R === A && P != g && (this[P] = S);
         }), S;
       },
       // Traverse a language definition with Depth First Search
@@ -22853,7 +22839,7 @@ var Prism$1 = function() {
         for (var A = 0; A < w.length; ++A) {
           if (S && S.cause == E + "," + A)
             return;
-          var P = w[A], C = P.inside, R = !!P.lookbehind, I = !!P.greedy, j = P.alias;
+          var P = w[A], R = P.inside, C = !!P.lookbehind, I = !!P.greedy, j = P.alias;
           if (I && !P.pattern.global) {
             var k = P.pattern.toString().match(/[imsuy]*$/)[0];
             P.pattern = RegExp(P.pattern.source, k + "g");
@@ -22865,7 +22851,7 @@ var Prism$1 = function() {
             if (!(V instanceof i)) {
               var D = 1, W;
               if (I) {
-                if (W = l(O, M, g, R), !W || W.index >= g.length)
+                if (W = l(O, M, g, C), !W || W.index >= g.length)
                   break;
                 var q = W.index, J = W.index + W[0].length, F = M;
                 for (F += T.value.length; q >= F; )
@@ -22875,13 +22861,13 @@ var Prism$1 = function() {
                 for (var L = T; L !== h.tail && (F < J || typeof L.value == "string"); L = L.next)
                   D++, F += L.value.length;
                 D--, V = g.slice(M, F), W.index -= M;
-              } else if (W = l(O, 0, V, R), !W)
+              } else if (W = l(O, 0, V, C), !W)
                 continue;
               var q = W.index, G = W[0], ee = V.slice(0, q), z = V.slice(q + G.length), U = M + V.length;
               S && U > S.reach && (S.reach = U);
               var te = T.prev;
               ee && (te = d(h, te, ee), M += ee.length), m(h, te, D);
-              var _ = new i(E, C ? a.tokenize(G, C) : G, j, G);
+              var _ = new i(E, R ? a.tokenize(G, R) : G, j, G);
               if (T = d(h, te, _), z && d(h, T, z), D > 1) {
                 var Q = {
                   cause: E + "," + A,
@@ -24371,15 +24357,15 @@ prism.languages.sql = {
       for (var j = I.content, k; b.indexOf(k = u(E++, v)) !== -1; )
         ;
       return w[k] = j, k;
-    }).join(""), P = d(A, x, v), C = Object.keys(w);
+    }).join(""), P = d(A, x, v), R = Object.keys(w);
     E = 0;
-    function R(I) {
+    function C(I) {
       for (var j = 0; j < I.length; j++) {
-        if (E >= C.length)
+        if (E >= R.length)
           return;
         var k = I[j];
         if (typeof k == "string" || typeof k.content == "string") {
-          var O = C[E], T = typeof k == "string" ? k : (
+          var O = R[E], T = typeof k == "string" ? k : (
             /** @type {string} */
             k.content
           ), M = T.indexOf(O);
@@ -24388,17 +24374,17 @@ prism.languages.sql = {
             var V = T.substring(0, M), D = m(w[O]), W = T.substring(M + O.length), J = [];
             if (V && J.push(V), J.push(D), W) {
               var F = [W];
-              R(F), J.push.apply(J, F);
+              C(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 L = k.content;
-          Array.isArray(L) ? R(L) : R([L]);
+          Array.isArray(L) ? C(L) : C([L]);
         }
       }
     }
-    return R(P), new r.Token(v, P, "language-" + v, b);
+    return C(P), new r.Token(v, P, "language-" + v, b);
   }
   var g = {
     javascript: !0,
@@ -24423,10 +24409,10 @@ prism.languages.sql = {
           if (w.type === "template-string") {
             var P = A[1];
             if (A.length === 3 && typeof P != "string" && P.type === "embedded-code") {
-              var C = h(P), R = P.alias, I = Array.isArray(R) ? R[0] : R, j = r.languages[I];
+              var R = h(P), C = P.alias, I = Array.isArray(C) ? C[0] : C, j = r.languages[I];
               if (!j)
                 continue;
-              A[1] = p(C, j, I);
+              A[1] = p(R, j, I);
             }
           } else
             x(A);
@@ -25894,11 +25880,11 @@ const prismDefaultProps = {
     "radius",
     "getPrismTheme",
     "variant"
-  ]), C = v && typeof i == "string" ? i.trim() : i, R = C.split(`
+  ]), R = v && typeof i == "string" ? i.trim() : i, C = R.split(`
 `).length.toString().length, I = useMantineTheme(), j = useClipboard(), k = x || I.colorScheme, { classes: O, cx: T } = useStyles$2({
     colorScheme: k,
     native: b !== ScrollArea,
-    maxLineSize: R,
+    maxLineSize: C,
     radius: E
   }, { name: "Prism", classNames: u, styles: d, unstyled: S, variant: A });
   return /* @__PURE__ */ React__default.createElement(Box, __spreadProps$2(__spreadValues$2({
@@ -25917,13 +25903,13 @@ const prismDefaultProps = {
   }, /* @__PURE__ */ React__default.createElement(ActionIcon, {
     className: O.copy,
     "aria-label": j.copied ? p : m,
-    onClick: () => j.copy(C),
+    onClick: () => j.copy(R),
     unstyled: S
   }, /* @__PURE__ */ React__default.createElement(CopyIcon, {
     copied: j.copied
   }))), /* @__PURE__ */ React__default.createElement(Highlight$1, __spreadProps$2(__spreadValues$2({}, defaultProps), {
     theme: w(I, k),
-    code: C,
+    code: R,
     language: l
   }), ({
     className: M,
@@ -26088,90 +26074,6 @@ PrismExport.Tabs = PrismTabs;
 PrismExport.Tab = Tabs.Tab;
 PrismExport.TabsList = Tabs.List;
 PrismExport.Panel = PrismPanel;
-const ErrorBoundaryContext = createContext$1(null), initialState = {
-  didCatch: !1,
-  error: null
-};
-let ErrorBoundary$1 = class extends Component {
-  constructor(n) {
-    super(n), this.resetErrorBoundary = this.resetErrorBoundary.bind(this), this.state = initialState;
-  }
-  static getDerivedStateFromError(n) {
-    return {
-      didCatch: !0,
-      error: n
-    };
-  }
-  resetErrorBoundary() {
-    const {
-      error: n
-    } = this.state;
-    if (n !== null) {
-      for (var o, a, i = arguments.length, l = new Array(i), c = 0; c < i; c++)
-        l[c] = arguments[c];
-      (o = (a = this.props).onReset) === null || o === void 0 || o.call(a, {
-        args: l,
-        reason: "imperative-api"
-      }), this.setState(initialState);
-    }
-  }
-  componentDidCatch(n, o) {
-    var a, i;
-    (a = (i = this.props).onError) === null || a === void 0 || a.call(i, n, o);
-  }
-  componentDidUpdate(n, o) {
-    const {
-      didCatch: a
-    } = this.state, {
-      resetKeys: i
-    } = this.props;
-    if (a && o.error !== null && hasArrayChanged(n.resetKeys, i)) {
-      var l, c;
-      (l = (c = this.props).onReset) === null || l === void 0 || l.call(c, {
-        next: i,
-        prev: n.resetKeys,
-        reason: "keys"
-      }), this.setState(initialState);
-    }
-  }
-  render() {
-    const {
-      children: n,
-      fallbackRender: o,
-      FallbackComponent: a,
-      fallback: i
-    } = this.props, {
-      didCatch: l,
-      error: c
-    } = this.state;
-    let u = n;
-    if (l) {
-      const d = {
-        error: c,
-        resetErrorBoundary: this.resetErrorBoundary
-      };
-      if (isValidElement(i))
-        u = i;
-      else if (typeof o == "function")
-        u = o(d);
-      else if (a)
-        u = createElement$1(a, d);
-      else
-        throw c;
-    }
-    return createElement$1(ErrorBoundaryContext.Provider, {
-      value: {
-        didCatch: l,
-        error: c,
-        resetErrorBoundary: this.resetErrorBoundary
-      }
-    }, u);
-  }
-};
-function hasArrayChanged() {
-  let r = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
-  return r.length !== n.length || r.some((o, a) => !Object.is(o, n[a]));
-}
 var diffMatchPatch = { exports: {} };
 (function(r) {
   var n = function() {
@@ -26256,10 +26158,10 @@ var diffMatchPatch = { exports: {} };
     for (var d = l.length, m = c.length, p = Math.ceil((d + m) / 2), g = p, h = 2 * p, b = new Array(h), x = new Array(h), v = 0; v < h; v++)
       b[v] = -1, x[v] = -1;
     b[g + 1] = 0, x[g + 1] = 0;
-    for (var S = d - m, E = S % 2 != 0, w = 0, A = 0, P = 0, C = 0, R = 0; R < p && !((/* @__PURE__ */ new Date()).getTime() > u); R++) {
-      for (var I = -R + w; I <= R - A; I += 2) {
+    for (var S = d - m, E = S % 2 != 0, w = 0, A = 0, P = 0, R = 0, C = 0; C < p && !((/* @__PURE__ */ new Date()).getTime() > u); C++) {
+      for (var I = -C + w; I <= C - A; I += 2) {
         var j = g + I, k;
-        I == -R || I != R && b[j - 1] < b[j + 1] ? k = b[j + 1] : k = b[j - 1] + 1;
+        I == -C || I != C && b[j - 1] < b[j + 1] ? k = b[j + 1] : k = b[j - 1] + 1;
         for (var O = k - I; k < d && O < m && l.charAt(k) == c.charAt(O); )
           k++, O++;
         if (b[j] = k, k > d)
@@ -26275,13 +26177,13 @@ var diffMatchPatch = { exports: {} };
           }
         }
       }
-      for (var V = -R + P; V <= R - C; V += 2) {
+      for (var V = -C + P; V <= C - R; V += 2) {
         var T = g + V, M;
-        V == -R || V != R && x[T - 1] < x[T + 1] ? M = x[T + 1] : M = x[T - 1] + 1;
+        V == -C || V != C && x[T - 1] < x[T + 1] ? M = x[T + 1] : M = x[T - 1] + 1;
         for (var D = M - V; M < d && D < m && l.charAt(d - M - 1) == c.charAt(m - D - 1); )
           M++, D++;
         if (x[T] = M, M > d)
-          C += 2;
+          R += 2;
         else if (D > m)
           P += 2;
         else if (!E) {
@@ -26356,16 +26258,16 @@ var diffMatchPatch = { exports: {} };
     if (u.length < 4 || d.length * 2 < u.length)
       return null;
     var m = this;
-    function p(A, P, C) {
-      for (var R = A.substring(C, C + Math.floor(A.length / 4)), I = -1, j = "", k, O, T, M; (I = P.indexOf(R, I + 1)) != -1; ) {
+    function p(A, P, R) {
+      for (var C = A.substring(R, R + Math.floor(A.length / 4)), I = -1, j = "", k, O, T, M; (I = P.indexOf(C, I + 1)) != -1; ) {
         var V = m.diff_commonPrefix(
-          A.substring(C),
+          A.substring(R),
           P.substring(I)
         ), D = m.diff_commonSuffix(
-          A.substring(0, C),
+          A.substring(0, R),
           P.substring(0, I)
         );
-        j.length < D + V && (j = P.substring(I - D, I) + P.substring(I, I + V), k = A.substring(0, C - D), O = A.substring(C + V), T = P.substring(0, I - D), M = P.substring(I + V));
+        j.length < D + V && (j = P.substring(I - D, I) + P.substring(I, I + V), k = A.substring(0, R - D), O = A.substring(R + V), T = P.substring(0, I - D), M = P.substring(I + V));
       }
       return j.length * 2 >= A.length ? [
         k,
@@ -26418,8 +26320,8 @@ var diffMatchPatch = { exports: {} };
     function c(w, A) {
       if (!w || !A)
         return 6;
-      var P = w.charAt(w.length - 1), C = A.charAt(0), R = P.match(n.nonAlphaNumericRegex_), I = C.match(n.nonAlphaNumericRegex_), j = R && P.match(n.whitespaceRegex_), k = I && C.match(n.whitespaceRegex_), O = j && P.match(n.linebreakRegex_), T = k && C.match(n.linebreakRegex_), M = O && w.match(n.blanklineEndRegex_), V = T && A.match(n.blanklineStartRegex_);
-      return M || V ? 5 : O || T ? 4 : R && !j && k ? 3 : j || k ? 2 : R || I ? 1 : 0;
+      var P = w.charAt(w.length - 1), R = A.charAt(0), C = P.match(n.nonAlphaNumericRegex_), I = R.match(n.nonAlphaNumericRegex_), j = C && P.match(n.whitespaceRegex_), k = I && R.match(n.whitespaceRegex_), O = j && P.match(n.linebreakRegex_), T = k && R.match(n.linebreakRegex_), M = O && w.match(n.blanklineEndRegex_), V = T && A.match(n.blanklineStartRegex_);
+      return M || V ? 5 : O || T ? 4 : C && !j && k ? 3 : j || k ? 2 : C || I ? 1 : 0;
     }
     for (var u = 1; u < l.length - 1; ) {
       if (l[u - 1][0] == i && l[u + 1][0] == i) {
@@ -26581,14 +26483,14 @@ var diffMatchPatch = { exports: {} };
       for (x = 0, v = S; x < v; )
         p(w, u + v) <= g ? x = v : S = v, v = Math.floor((S - x) / 2 + x);
       S = v;
-      var A = Math.max(1, u - v + 1), P = Math.min(u + v, l.length) + c.length, C = Array(P + 2);
-      C[P + 1] = (1 << w) - 1;
-      for (var R = P; R >= A; R--) {
-        var I = d[l.charAt(R - 1)];
-        if (w === 0 ? C[R] = (C[R + 1] << 1 | 1) & I : C[R] = (C[R + 1] << 1 | 1) & I | ((E[R + 1] | E[R]) << 1 | 1) | E[R + 1], C[R] & b) {
-          var j = p(w, R - 1);
+      var A = Math.max(1, u - v + 1), P = Math.min(u + v, l.length) + c.length, R = Array(P + 2);
+      R[P + 1] = (1 << w) - 1;
+      for (var C = P; C >= A; C--) {
+        var I = d[l.charAt(C - 1)];
+        if (w === 0 ? R[C] = (R[C + 1] << 1 | 1) & I : R[C] = (R[C + 1] << 1 | 1) & I | ((E[C + 1] | E[C]) << 1 | 1) | E[C + 1], R[C] & b) {
+          var j = p(w, C - 1);
           if (j <= g)
-            if (g = j, h = R - 1, h > u)
+            if (g = j, h = C - 1, h > u)
               A = Math.max(1, 2 * u - h);
             else
               break;
@@ -26596,7 +26498,7 @@ var diffMatchPatch = { exports: {} };
       }
       if (p(w + 1, u) > g)
         break;
-      E = C;
+      E = R;
     }
     return h;
   }, n.prototype.match_alphabet_ = function(l) {
@@ -27975,19 +27877,19 @@ const diffFilter$2 = function r(n) {
   n.options && n.options.arrays && n.options.arrays.includeValueOnMove && (A = !0);
   const P = E.length;
   for (l = a; l < g - i; l++) {
-    const C = arrayIndexOf(S.indices2, l - a);
-    if (C < 0) {
-      let R = !1;
+    const R = arrayIndexOf(S.indices2, l - a);
+    if (R < 0) {
+      let C = !1;
       if (w && P > 0) {
         for (let I = 0; I < P; I++)
           if (c = E[I], matchItems(x, v, c - a, l - a, o)) {
-            b[`_${c}`].splice(1, 2, l, ARRAY_MOVE), A || (b[`_${c}`][0] = ""), u = l, h = new DiffContext(n.left[c], n.right[u]), n.push(h, u), E.splice(I, 1), R = !0;
+            b[`_${c}`].splice(1, 2, l, ARRAY_MOVE), A || (b[`_${c}`][0] = ""), u = l, h = new DiffContext(n.left[c], n.right[u]), n.push(h, u), E.splice(I, 1), C = !0;
             break;
           }
       }
-      R || (b[l] = [m[l]]);
+      C || (b[l] = [m[l]]);
     } else
-      c = S.indices1[C] + a, u = S.indices2[C] + a, h = new DiffContext(n.left[c], n.right[u]), n.push(h, u);
+      c = S.indices1[R] + a, u = S.indices2[R] + a, h = new DiffContext(n.left[c], n.right[u]), n.push(h, u);
   }
   n.setResult(b).exit();
 };
@@ -28420,27 +28322,27 @@ var require_react_is_production_min = __commonJS({
   "node_modules/.pnpm/react-is@16.13.1/node_modules/react-is/cjs/react-is.production.min.js"(r) {
     init_react_shim();
     var n = typeof Symbol == "function" && Symbol.for, o = n ? Symbol.for("react.element") : 60103, a = n ? Symbol.for("react.portal") : 60106, i = n ? Symbol.for("react.fragment") : 60107, l = n ? Symbol.for("react.strict_mode") : 60108, c = n ? Symbol.for("react.profiler") : 60114, u = n ? Symbol.for("react.provider") : 60109, d = n ? Symbol.for("react.context") : 60110, m = n ? Symbol.for("react.async_mode") : 60111, p = n ? Symbol.for("react.concurrent_mode") : 60111, g = n ? Symbol.for("react.forward_ref") : 60112, h = n ? Symbol.for("react.suspense") : 60113, b = n ? Symbol.for("react.suspense_list") : 60120, x = n ? Symbol.for("react.memo") : 60115, v = n ? Symbol.for("react.lazy") : 60116, S = n ? Symbol.for("react.block") : 60121, E = n ? Symbol.for("react.fundamental") : 60117, w = n ? Symbol.for("react.responder") : 60118, A = n ? Symbol.for("react.scope") : 60119;
-    function P(R) {
-      if (typeof R == "object" && R !== null) {
-        var I = R.$$typeof;
+    function P(C) {
+      if (typeof C == "object" && C !== null) {
+        var I = C.$$typeof;
         switch (I) {
           case o:
-            switch (R = R.type, R) {
+            switch (C = C.type, C) {
               case m:
               case p:
               case i:
               case c:
               case l:
               case h:
-                return R;
+                return C;
               default:
-                switch (R = R && R.$$typeof, R) {
+                switch (C = C && C.$$typeof, C) {
                   case d:
                   case g:
                   case v:
                   case x:
                   case u:
-                    return R;
+                    return C;
                   default:
                     return I;
                 }
@@ -28450,35 +28352,35 @@ var require_react_is_production_min = __commonJS({
         }
       }
     }
-    function C(R) {
-      return P(R) === p;
-    }
-    r.AsyncMode = m, r.ConcurrentMode = p, r.ContextConsumer = d, r.ContextProvider = u, r.Element = o, r.ForwardRef = g, r.Fragment = i, r.Lazy = v, r.Memo = x, r.Portal = a, r.Profiler = c, r.StrictMode = l, r.Suspense = h, r.isAsyncMode = function(R) {
-      return C(R) || P(R) === m;
-    }, r.isConcurrentMode = C, r.isContextConsumer = function(R) {
-      return P(R) === d;
-    }, r.isContextProvider = function(R) {
-      return P(R) === u;
-    }, r.isElement = function(R) {
-      return typeof R == "object" && R !== null && R.$$typeof === o;
-    }, r.isForwardRef = function(R) {
-      return P(R) === g;
-    }, r.isFragment = function(R) {
-      return P(R) === i;
-    }, r.isLazy = function(R) {
-      return P(R) === v;
-    }, r.isMemo = function(R) {
-      return P(R) === x;
-    }, r.isPortal = function(R) {
-      return P(R) === a;
-    }, r.isProfiler = function(R) {
-      return P(R) === c;
-    }, r.isStrictMode = function(R) {
-      return P(R) === l;
-    }, r.isSuspense = function(R) {
-      return P(R) === h;
-    }, r.isValidElementType = function(R) {
-      return typeof R == "string" || typeof R == "function" || R === i || R === p || R === c || R === l || R === h || R === b || typeof R == "object" && R !== null && (R.$$typeof === v || R.$$typeof === x || R.$$typeof === u || R.$$typeof === d || R.$$typeof === g || R.$$typeof === E || R.$$typeof === w || R.$$typeof === A || R.$$typeof === S);
+    function R(C) {
+      return P(C) === p;
+    }
+    r.AsyncMode = m, r.ConcurrentMode = p, r.ContextConsumer = d, r.ContextProvider = u, r.Element = o, r.ForwardRef = g, r.Fragment = i, r.Lazy = v, r.Memo = x, r.Portal = a, r.Profiler = c, r.StrictMode = l, r.Suspense = h, r.isAsyncMode = function(C) {
+      return R(C) || P(C) === m;
+    }, r.isConcurrentMode = R, r.isContextConsumer = function(C) {
+      return P(C) === d;
+    }, r.isContextProvider = function(C) {
+      return P(C) === u;
+    }, r.isElement = function(C) {
+      return typeof C == "object" && C !== null && C.$$typeof === o;
+    }, r.isForwardRef = function(C) {
+      return P(C) === g;
+    }, r.isFragment = function(C) {
+      return P(C) === i;
+    }, r.isLazy = function(C) {
+      return P(C) === v;
+    }, r.isMemo = function(C) {
+      return P(C) === x;
+    }, r.isPortal = function(C) {
+      return P(C) === a;
+    }, r.isProfiler = function(C) {
+      return P(C) === c;
+    }, r.isStrictMode = function(C) {
+      return P(C) === l;
+    }, r.isSuspense = function(C) {
+      return P(C) === h;
+    }, r.isValidElementType = function(C) {
+      return typeof C == "string" || typeof C == "function" || C === i || C === p || C === c || C === l || C === h || C === b || typeof C == "object" && C !== null && (C.$$typeof === v || C.$$typeof === x || C.$$typeof === u || C.$$typeof === d || C.$$typeof === g || C.$$typeof === E || C.$$typeof === w || C.$$typeof === A || C.$$typeof === S);
     }, r.typeOf = P;
   }
 }), require_react_is_development = __commonJS({
@@ -28489,7 +28391,7 @@ var require_react_is_production_min = __commonJS({
         return typeof Z == "string" || typeof Z == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
         Z === i || Z === p || Z === c || Z === l || Z === h || Z === b || typeof Z == "object" && Z !== null && (Z.$$typeof === v || Z.$$typeof === x || Z.$$typeof === u || Z.$$typeof === d || Z.$$typeof === g || Z.$$typeof === E || Z.$$typeof === w || Z.$$typeof === A || Z.$$typeof === S);
       }
-      function C(Z) {
+      function R(Z) {
         if (typeof Z == "object" && Z !== null) {
           var le = Z.$$typeof;
           switch (le) {
@@ -28521,47 +28423,47 @@ var require_react_is_production_min = __commonJS({
           }
         }
       }
-      var R = m, I = p, j = d, k = u, O = o, T = g, M = i, V = v, D = x, W = a, J = c, F = l, L = h, q = !1;
+      var C = m, I = p, j = d, k = u, O = o, T = g, M = i, V = v, D = x, W = a, J = c, F = l, L = h, q = !1;
       function G(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) || C(Z) === m;
+        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) === m;
       }
       function ee(Z) {
-        return C(Z) === p;
+        return R(Z) === p;
       }
       function z(Z) {
-        return C(Z) === d;
+        return R(Z) === d;
       }
       function U(Z) {
-        return C(Z) === u;
+        return R(Z) === u;
       }
       function te(Z) {
         return typeof Z == "object" && Z !== null && Z.$$typeof === o;
       }
       function _(Z) {
-        return C(Z) === g;
+        return R(Z) === g;
       }
       function Q(Z) {
-        return C(Z) === i;
+        return R(Z) === i;
       }
       function ne(Z) {
-        return C(Z) === v;
+        return R(Z) === v;
       }
       function re(Z) {
-        return C(Z) === x;
+        return R(Z) === x;
       }
       function $(Z) {
-        return C(Z) === a;
+        return R(Z) === a;
       }
       function ae(Z) {
-        return C(Z) === c;
+        return R(Z) === c;
       }
       function se(Z) {
-        return C(Z) === l;
+        return R(Z) === l;
       }
       function K(Z) {
-        return C(Z) === h;
+        return R(Z) === h;
       }
-      r.AsyncMode = R, r.ConcurrentMode = I, r.ContextConsumer = j, r.ContextProvider = k, r.Element = O, r.ForwardRef = T, r.Fragment = M, r.Lazy = V, r.Memo = D, r.Portal = W, r.Profiler = J, r.StrictMode = F, r.Suspense = L, r.isAsyncMode = G, r.isConcurrentMode = ee, r.isContextConsumer = z, 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 = P, r.typeOf = C;
+      r.AsyncMode = C, r.ConcurrentMode = I, r.ContextConsumer = j, r.ContextProvider = k, r.Element = O, r.ForwardRef = T, r.Fragment = M, r.Lazy = V, r.Memo = D, r.Portal = W, r.Profiler = J, r.StrictMode = F, r.Suspense = L, r.isAsyncMode = G, r.isConcurrentMode = ee, r.isContextConsumer = z, 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 = P, r.typeOf = R;
     }();
   }
 }), require_react_is = __commonJS({
@@ -28702,8 +28604,8 @@ var require_react_is_production_min = __commonJS({
         string: A("string"),
         symbol: A("symbol"),
         any: P(),
-        arrayOf: C,
-        element: R(),
+        arrayOf: R,
+        element: C(),
         elementType: I(),
         instanceOf: j,
         node: M(),
@@ -28760,7 +28662,7 @@ var require_react_is_production_min = __commonJS({
       function P() {
         return w(d);
       }
-      function C(z) {
+      function R(z) {
         function U(te, _, Q, ne, re) {
           if (typeof z != "function")
             return new E("Property `" + re + "` of component `" + Q + "` has invalid PropType notation inside arrayOf.");
@@ -28778,7 +28680,7 @@ var require_react_is_production_min = __commonJS({
         }
         return w(U);
       }
-      function R() {
+      function C() {
         function z(U, te, _, Q, ne) {
           var re = U[te];
           if (!m(re)) {
@@ -30077,10 +29979,10 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     r.flat = n(A);
     var P = require_google();
     r.google = n(P);
-    var C = require_grayscale();
-    r.grayscale = n(C);
-    var R = require_greenscreen();
-    r.greenscreen = n(R);
+    var R = require_grayscale();
+    r.grayscale = n(R);
+    var C = require_greenscreen();
+    r.greenscreen = n(C);
     var I = require_harmonic();
     r.harmonic = n(I);
     var j = require_hopscotch();
@@ -30575,10 +30477,10 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       var g = p[0] / 255, h = p[1] / 255, b = p[2] / 255, x = Math.min(g, h, b), v = Math.max(g, h, b), S = v - x, E, w, A;
       return v === x ? E = 0 : g === v ? E = (h - b) / S : h === v ? E = 2 + (b - g) / S : b === v && (E = 4 + (g - h) / S), E = Math.min(E * 60, 360), E < 0 && (E += 360), A = (x + v) / 2, v === x ? w = 0 : A <= 0.5 ? w = S / (v + x) : w = S / (2 - v - x), [E, w * 100, A * 100];
     }, l.rgb.hsv = function(p) {
-      var g, h, b, x, v, S = p[0] / 255, E = p[1] / 255, w = p[2] / 255, A = Math.max(S, E, w), P = A - Math.min(S, E, w), C = function(R) {
-        return (A - R) / 6 / P + 1 / 2;
+      var g, h, b, x, v, S = p[0] / 255, E = p[1] / 255, w = p[2] / 255, A = Math.max(S, E, w), P = A - Math.min(S, E, w), R = function(C) {
+        return (A - C) / 6 / P + 1 / 2;
       };
-      return P === 0 ? x = v = 0 : (v = P / A, g = C(S), h = C(E), b = C(w), S === A ? x = b - h : E === A ? x = 1 / 3 + g - b : w === A && (x = 2 / 3 + h - g), x < 0 ? x += 1 : x > 1 && (x -= 1)), [
+      return P === 0 ? x = v = 0 : (v = P / A, g = R(S), h = R(E), b = R(w), S === A ? x = b - h : E === A ? x = 1 / 3 + g - b : w === A && (x = 2 / 3 + h - g), x < 0 ? x += 1 : x > 1 && (x -= 1)), [
         x * 360,
         v * 100,
         A * 100
@@ -30647,30 +30549,30 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     }, l.hwb.rgb = function(p) {
       var g = p[0] / 360, h = p[1] / 100, b = p[2] / 100, x = h + b, v, S, E, w;
       x > 1 && (h /= x, b /= x), v = Math.floor(6 * g), S = 1 - b, E = 6 * g - v, v & 1 && (E = 1 - E), w = h + E * (S - h);
-      var A, P, C;
+      var A, P, R;
       switch (v) {
         default:
         case 6:
         case 0:
-          A = S, P = w, C = h;
+          A = S, P = w, R = h;
           break;
         case 1:
-          A = w, P = S, C = h;
+          A = w, P = S, R = h;
           break;
         case 2:
-          A = h, P = S, C = w;
+          A = h, P = S, R = w;
           break;
         case 3:
-          A = h, P = w, C = S;
+          A = h, P = w, R = S;
           break;
         case 4:
-          A = w, P = h, C = S;
+          A = w, P = h, R = S;
           break;
         case 5:
-          A = S, P = h, C = w;
+          A = S, P = h, R = w;
           break;
       }
-      return [A * 255, P * 255, C * 255];
+      return [A * 255, P * 255, R * 255];
     }, l.cmyk.rgb = function(p) {
       var g = p[0] / 100, h = p[1] / 100, b = p[2] / 100, x = p[3] / 100, v, S, E;
       return v = 1 - Math.min(1, g * (1 - x) + x), S = 1 - Math.min(1, h * (1 - x) + x), E = 1 - Math.min(1, b * (1 - x) + x), [v * 255, S * 255, E * 255];
@@ -30919,12 +30821,12 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         ], this.valpha = 1;
       else {
         this.valpha = 1;
-        var C = Object.keys(v);
-        "alpha" in v && (C.splice(C.indexOf("alpha"), 1), this.valpha = typeof v.alpha == "number" ? v.alpha : 0);
-        var R = C.sort().join("");
-        if (!(R in c))
+        var R = Object.keys(v);
+        "alpha" in v && (R.splice(R.indexOf("alpha"), 1), this.valpha = typeof v.alpha == "number" ? v.alpha : 0);
+        var C = R.sort().join("");
+        if (!(C in c))
           throw new Error("Unable to parse color from object: " + JSON.stringify(v));
-        this.model = c[R];
+        this.model = c[C];
         var I = a[this.model].labels, j = [];
         for (E = 0; E < I.length; E++)
           j.push(v[I[E]]);
@@ -31080,11 +30982,11 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       mix: function(v, S) {
         if (!v || !v.rgb)
           throw new Error('Argument to "mix" was not a Color instance, but rather an instance of ' + typeof v);
-        var E = v.rgb(), w = this.rgb(), A = S === void 0 ? 0.5 : S, P = 2 * A - 1, C = E.alpha() - w.alpha(), R = ((P * C === -1 ? P : (P + C) / (1 + P * C)) + 1) / 2, I = 1 - R;
+        var E = v.rgb(), w = this.rgb(), A = S === void 0 ? 0.5 : S, P = 2 * A - 1, R = E.alpha() - w.alpha(), C = ((P * R === -1 ? P : (P + R) / (1 + P * R)) + 1) / 2, I = 1 - C;
         return d.rgb(
-          R * E.red() + I * w.red(),
-          R * E.green() + I * w.green(),
-          R * E.blue() + I * w.blue(),
+          C * E.red() + I * w.red(),
+          C * E.green() + I * w.green(),
+          C * E.blue() + I * w.blue(),
           E.alpha() * A + w.alpha() * (1 - A)
         );
       }
@@ -31147,7 +31049,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       ["partial", m],
       ["partialRight", p],
       ["rearg", h]
-    ], A = "[object Function]", P = "[object GeneratorFunction]", C = "[object Symbol]", R = /[\\^$.*+?()[\]{}|]/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, V = /^\[object .+?Constructor\]$/, D = /^0o[0-7]+$/i, W = /^(?:0|[1-9]\d*)$/, J = parseInt, F = typeof global == "object" && global && global.Object === Object && global, L = typeof self == "object" && self && self.Object === Object && self, q = F || L || Function("return this")();
+    ], A = "[object Function]", P = "[object GeneratorFunction]", R = "[object Symbol]", C = /[\\^$.*+?()[\]{}|]/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, V = /^\[object .+?Constructor\]$/, D = /^0o[0-7]+$/i, W = /^(?:0|[1-9]\d*)$/, J = parseInt, F = typeof global == "object" && global && global.Object === Object && global, L = typeof self == "object" && self && self.Object === Object && self, q = F || L || Function("return this")();
     function G(N, B, Y) {
       switch (Y.length) {
         case 0:
@@ -31215,7 +31117,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       var N = /[^.]+$/.exec(K && K.keys && K.keys.IE_PROTO || "");
       return N ? "Symbol(src)_1." + N : "";
     }(), le = ae.toString, fe = se.hasOwnProperty, Te = se.toString, be = RegExp(
-      "^" + le.call(fe).replace(R, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+      "^" + le.call(fe).replace(C, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
     ), Ze = Object.create, Ne = Math.max, ge = Math.min, Ge = function() {
       var N = We(Object, "defineProperty"), B = We.name;
       return B && B.length > 2 ? N : void 0;
@@ -31254,14 +31156,14 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       return B;
     }
     function rt(N, B, Y) {
-      var oe = B & i, ce = Ce(N);
+      var oe = B & i, ce = Re(N);
       function H() {
         var ie = this && this !== q && this instanceof H ? ce : N;
         return ie.apply(oe ? Y : this, arguments);
       }
       return H;
     }
-    function Ce(N) {
+    function Re(N) {
       return function() {
         var B = arguments;
         switch (B.length) {
@@ -31287,7 +31189,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       };
     }
     function De(N, B, Y) {
-      var oe = Ce(N);
+      var oe = Re(N);
       function ce() {
         for (var H = arguments.length, ie = Array(H), ue = H, de = qe(ce); ue--; )
           ie[ue] = arguments[ue];
@@ -31311,7 +31213,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       return ce;
     }
     function Ve(N, B, Y, oe, ce, H, ie, ue, de, me) {
-      var pe = B & g, xe = B & i, ye = B & l, we = B & (u | d), it = B & b, et = ye ? void 0 : Ce(N);
+      var pe = B & g, xe = B & i, ye = B & l, we = B & (u | d), it = B & b, et = ye ? void 0 : Re(N);
       function tt() {
         for (var Be = arguments.length, Ae = Array(Be), lt = Be; lt--; )
           Ae[lt] = arguments[lt];
@@ -31333,12 +31235,12 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           );
         }
         var dt = xe ? Y : this, ct = ye ? dt[N] : N;
-        return Be = Ae.length, ue ? Ae = Xe(Ae, ue) : it && Be > 1 && Ae.reverse(), pe && de < Be && (Ae.length = de), this && this !== q && this instanceof tt && (ct = et || Ce(ct)), ct.apply(dt, Ae);
+        return Be = Ae.length, ue ? Ae = Xe(Ae, ue) : it && Be > 1 && Ae.reverse(), pe && de < Be && (Ae.length = de), this && this !== q && this instanceof tt && (ct = et || Re(ct)), ct.apply(dt, Ae);
       }
       return tt;
     }
     function nt(N, B, Y, oe) {
-      var ce = B & i, H = Ce(N);
+      var ce = B & i, H = Re(N);
       function ie() {
         for (var ue = -1, de = arguments.length, me = -1, pe = oe.length, xe = Array(pe + de), ye = this && this !== q && this instanceof ie ? H : N; ++me < pe; )
           xe[me] = oe[me];
@@ -31399,7 +31301,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
 /* [wrapped with ` + B + `] */
 `);
     }
-    function Re(N, B) {
+    function Ce(N, B) {
       return B = B ?? v, !!B && (typeof N == "number" || W.test(N)) && N > -1 && N % 1 == 0 && N < B;
     }
     function Me(N) {
@@ -31408,7 +31310,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     function Xe(N, B) {
       for (var Y = N.length, oe = ge(B.length, Y), ce = Je(N); oe--; ) {
         var H = B[oe];
-        N[oe] = Re(H, Y) ? ce[H] : void 0;
+        N[oe] = Ce(H, Y) ? ce[H] : void 0;
       }
       return N;
     }
@@ -31456,7 +31358,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       return !!N && typeof N == "object";
     }
     function Qe(N) {
-      return typeof N == "symbol" || he(N) && Te.call(N) == C;
+      return typeof N == "symbol" || he(N) && Te.call(N) == R;
     }
     function Le(N) {
       if (!N)
@@ -33954,11 +33856,11 @@ const TabletIcon = ({ landscape: r = !1 }) => /* @__PURE__ */ jsxRuntimeExports.
     /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDialogFooter, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDialogCancel, { children: r("Close") }) })
   ] }) });
 }, SettingsPanel = () => {
-  const r = useSelectedBlock(), { t: n } = useTranslation(), [o, a] = useState$1(!0);
+  const r = useSelectedBlock(), { t: n } = useTranslation(), [o, a] = useState$1(!0), i = useBuilderProp("onError", noop$1);
   return isNull(r) ? /* @__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(MixerHorizontalIcon, { className: "mx-auto text-3xl" }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { children: n("please_select_a_block_to_edit") })
-  ] }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundary$2, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative flex w-full flex-col", children: [
+  ] }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundary$1, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(FallbackError, {}), onError: i, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative flex w-full flex-col", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(BlockSettings, {}),
     /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
     /* @__PURE__ */ jsxRuntimeExports.jsx(BlockStyling, {}),
@@ -33978,7 +33880,7 @@ const TabletIcon = ({ landscape: r = !1 }) => /* @__PURE__ */ jsxRuntimeExports.
     /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
     /* @__PURE__ */ jsxRuntimeExports.jsx("br", {})
   ] }) });
-}, SettingsPanel$1 = SettingsPanel, TopBar = lazy(() => import("./Topbar-wHQxajBp.js")), menuItems = [
+}, SettingsPanel$1 = SettingsPanel, TopBar = lazy(() => import("./Topbar-uwCF26N5.js")), menuItems = [
   { icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Layers, { size: 20 }), label: "sidebar.outline", component: Outline$1 },
   { icon: /* @__PURE__ */ jsxRuntimeExports.jsx(EditIcon, { size: 16 }), label: "sidebar.edit_block", component: SettingsPanel$1 },
   { icon: /* @__PURE__ */ jsxRuntimeExports.jsx(LightningBoltIcon, { className: "size-5" }), label: "sidebar.ai_assistant", component: AskAI },
@@ -34096,14 +33998,14 @@ const TabletIcon = ({ landscape: r = !1 }) => /* @__PURE__ */ jsxRuntimeExports.
     window.onbeforeunload = null;
   }), [i]), /* @__PURE__ */ jsxRuntimeExports.jsx(l, {});
 }, ChaiBuilderEditor = (r) => {
-  const n = r._flags || {};
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundary$2, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(FlagsProvider, { features: { ...FEATURE_TOGGLES, ...n }, children: [
+  const n = r._flags || {}, o = r.onError || noop$1;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-screen w-screen", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundary$1, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(FallbackError, {}), onError: o, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(FlagsProvider, { features: { ...FEATURE_TOGGLES, ...n }, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(DevTools, {}),
     /* @__PURE__ */ jsxRuntimeExports.jsx(SmallScreenMessage, {}),
     /* @__PURE__ */ jsxRuntimeExports.jsx(ChaiBuilderComponent, { ...r }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(PreviewScreen, {}),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Toaster, {})
-  ] }) });
+  ] }) }) });
 };
 export {
   useSelectedBlocksDisplayChild as $,