@chaibuilder/sdk 1.2.84 → 1.2.86

package/dist/{index--qRAS_YQ.js → index-PmGJgG89.js}

@@ -4,7 +4,7 @@ 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, 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 { 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 AlertDialogContent, a1 as AlertDialogHeader, a2 as AlertDialogTitle, a3 as AlertDialogTrigger, 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-LFlr5p9-.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, compact } from "lodash-es";
 import { atom as atom$1, useAtomValue as useAtomValue$1, useAtom as useAtom$1, useSetAtom as useSetAtom$1, getDefaultStore as getDefaultStore$1 } from "jotai";
 import { g as generateUUID, a as getBreakpointValue$1, f, y, s, c as cn, G as GenIcon } from "./iconBase-zweRWSz0.js";
@@ -15,11 +15,11 @@ import { useThrottledCallback, useResizeObserver, useDebouncedCallback, useInter
 import TreeModel from "tree-model";
 import ReactQuill, { Quill } from "react-quill";
 import { S as SLOT_KEY, I as I18N_KEY, a as STYLES_KEY, R as ROOT_TEMP_KEY } from "./STRINGS-TDN5UhWi.js";
+import { useFeature, FlagsProvider } from "flagged";
 import { useHotkeys } from "react-hotkeys-hook";
 import { flip as flip$2 } from "@floating-ui/dom";
 import { useFloating as useFloating$1, shift, getOverflowAncestors, autoUpdate, size, offset, limitShift, flip as flip$3, inline, arrow } from "@floating-ui/react-dom";
 import { ArrowUpIcon, PlusIcon, CopyIcon as CopyIcon$1, GearIcon, TrashIcon, DragHandleDots2Icon, BoxModelIcon, BoxIcon, DragHandleHorizontalIcon, ViewHorizontalIcon, BorderAllIcon, BorderTopIcon, TableIcon, DropdownMenuIcon, RadiobuttonIcon, InputIcon, ButtonIcon, CheckboxIcon, GroupIcon, SpaceBetweenVerticallyIcon, ColumnsIcon, RowsIcon, TextIcon, SketchLogoIcon, DividerHorizontalIcon, CodeIcon, CursorTextIcon, VideoIcon, Link1Icon, HeadingIcon, ImageIcon, CardStackPlusIcon, CardStackIcon, ScissorsIcon, TriangleRightIcon, Cross2Icon, EyeOpenIcon, EyeClosedIcon, WidthIcon, HeightIcon, ArrowRightIcon, ArrowDownIcon, ArrowLeftIcon, ArrowTopLeftIcon, ArrowTopRightIcon, ArrowBottomRightIcon, ArrowBottomLeftIcon, AlignLeftIcon, AlignCenterHorizontallyIcon, AlignRightIcon, StretchHorizontallyIcon, FontItalicIcon, UnderlineIcon, OverlineIcon, LetterCaseUppercaseIcon, Cross1Icon, InfoCircledIcon, MinusIcon, TriangleDownIcon, RowSpacingIcon, CrossCircledIcon, CaretDownIcon, CaretRightIcon, CheckIcon, ResetIcon, SunIcon, DotsVerticalIcon, MobileIcon, LaptopIcon, DesktopIcon, EraserIcon, ZoomInIcon, MixerHorizontalIcon, LightningBoltIcon } from "@radix-ui/react-icons";
-import { useFeature, FlagsProvider } from "flagged";
 import { createEvent } from "react-event-hook";
 import typography$1 from "@tailwindcss/typography";
 import forms from "@tailwindcss/forms";
@@ -130,7 +130,7 @@ const hasInitialValue = (r) => "init" in r, isActuallyWritableAtom = (r) => !!r.
                 D,
                 T
               );
-              resolvePromise(D, V), W(V), (q == null ? void 0 : q.d) !== G.d && C(k, G, q == null ? void 0 : q.d);
+              resolvePromise(D, V), W(V), (q == null ? void 0 : q.d) !== G.d && P(k, G, q == null ? void 0 : q.d);
             }
           },
           (V) => {
@@ -141,7 +141,7 @@ const hasInitialValue = (r) => "init" in r, isActuallyWritableAtom = (r) => !!r.
                 D,
                 T
               );
-              rejectPromise(D, V), J(V), (q == null ? void 0 : q.d) !== G.d && C(k, G, q == null ? void 0 : q.d);
+              rejectPromise(D, V), J(V), (q == null ? void 0 : q.d) !== G.d && P(k, G, q == null ? void 0 : q.d);
             }
           }
         ), L = (V) => {
@@ -213,7 +213,7 @@ const hasInitialValue = (r) => "init" in r, isActuallyWritableAtom = (r) => !!r.
     }
   }, b = (k) => returnAtomValue(h(k)), x = (k) => {
     let O = n.get(k);
-    return O || (O = P(k)), O;
+    return O || (O = C(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) && A(k);
@@ -272,14 +272,14 @@ const hasInitialValue = (r) => "init" in r, isActuallyWritableAtom = (r) => !!r.
     return (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && i.forEach(
       (L) => L({ type: "write", flushed: B })
     ), T;
-  }, P = (k, O) => {
+  }, C = (k, O) => {
     const T = {
       t: new Set(O && [O]),
       l: /* @__PURE__ */ new Set()
     };
     if (n.set(k, T), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && l.add(k), h(k).d.forEach((B, L) => {
       const D = n.get(L);
-      D ? D.t.add(k) : L !== k && P(L, k);
+      D ? D.t.add(k) : L !== k && C(L, k);
     }), h(k), isActuallyWritableAtom(k) && k.onMount) {
       const B = k.onMount((...L) => R(k, ...L));
       B && (T.u = B);
@@ -296,7 +296,7 @@ const hasInitialValue = (r) => "init" in r, isActuallyWritableAtom = (r) => !!r.
         W && (W.t.delete(k), v(D, W) && A(D));
       }
     })) : (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && console.warn("[Bug] could not find atom state to unmount", k);
-  }, C = (k, O, T) => {
+  }, P = (k, O, T) => {
     const B = new Set(O.d.keys());
     T == null || T.forEach((L, D) => {
       if (B.has(D)) {
@@ -307,7 +307,7 @@ const hasInitialValue = (r) => "init" in r, isActuallyWritableAtom = (r) => !!r.
       W && (W.t.delete(k), v(D, W) && A(D));
     }), B.forEach((L) => {
       const D = n.get(L);
-      D ? D.t.add(k) : n.has(k) && P(L, k);
+      D ? D.t.add(k) : n.has(k) && C(L, k);
     });
   }, I = () => {
     let k;
@@ -316,7 +316,7 @@ const hasInitialValue = (r) => "init" in r, isActuallyWritableAtom = (r) => !!r.
       o.clear(), O.forEach(([T, B]) => {
         const L = c(T);
         if (L) {
-          L.d !== (B == null ? void 0 : B.d) && C(T, L, B == null ? void 0 : B.d);
+          L.d !== (B == null ? void 0 : B.d) && P(T, L, B == null ? void 0 : B.d);
           const D = n.get(T);
           D && !// TODO This seems pretty hacky. Hope to fix it.
           // Maybe we could `mountDependencies` in `setAtomState`?
@@ -388,23 +388,23 @@ function splitAtom(r, n) {
             return;
           }
           const S = (w) => {
-            const R = w(i), P = w(r), C = a(P, R == null ? void 0 : R.arr).keyList.indexOf(x);
-            if (C < 0 || C >= P.length) {
+            const R = w(i), C = w(r), P = a(C, R == null ? void 0 : R.arr).keyList.indexOf(x);
+            if (P < 0 || P >= C.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[C];
-          }, E = (w, R, P) => {
-            const A = w(i), C = w(r), j = a(C, A == null ? void 0 : A.arr).keyList.indexOf(x);
-            if (j < 0 || j >= C.length)
+            return C[P];
+          }, E = (w, R, C) => {
+            const A = w(i), P = w(r), j = a(P, A == null ? void 0 : A.arr).keyList.indexOf(x);
+            if (j < 0 || j >= P.length)
               throw new Error("splitAtom: index out of bounds for write");
-            const k = isFunction$1(P) ? P(C[j]) : P;
+            const k = isFunction$1(C) ? C(P[j]) : C;
             R(r, [
-              ...C.slice(0, j),
+              ...P.slice(0, j),
               k,
-              ...C.slice(j + 1)
+              ...P.slice(j + 1)
             ]);
           };
           m[b] = isWritable(r) ? atom(S, E) : atom(S);
@@ -1221,8 +1221,8 @@ const useBlocksStoreManager = () => {
         return { _id: R, oldParent: A, oldPosition: I };
       }), w = E.find(({ _id: R }) => R === x[0]);
       w && w.oldParent === v && w.oldPosition === S || (l(x, v, S), r({
-        undo: () => each(E, ({ _id: R, oldParent: P, oldPosition: A }) => {
-          l([R], P, A);
+        undo: () => each(E, ({ _id: R, oldParent: C, oldPosition: A }) => {
+          l([R], C, A);
         }),
         redo: () => l(x, v, S)
       }));
@@ -1248,8 +1248,8 @@ const useBlocksStoreManager = () => {
       else {
         const w = keys(v);
         E = map(x, (R) => {
-          const P = n.find((C) => C._id === R), A = { _id: R };
-          return each(w, (C) => A[C] = P[C]), A;
+          const C = n.find((P) => P._id === R), A = { _id: R };
+          return each(w, (P) => A[P] = C[P]), A;
         });
       }
       c(map(x, (w) => ({ _id: w, ...v }))), r({
@@ -1269,8 +1269,8 @@ const useBlocksStoreManager = () => {
     updateMultipleBlocksProps: (x) => {
       let v = [];
       v = map(x, (S) => {
-        const E = keys(S), w = n.find((P) => P._id === S._id), R = {};
-        return each(E, (P) => R[P] = w[P]), R;
+        const E = keys(S), w = n.find((C) => C._id === S._id), R = {};
+        return each(E, (C) => R[C] = w[C]), R;
       }), c(x), r({
         undo: () => c(v),
         redo: () => c(x)
@@ -3031,38 +3031,41 @@ function removeDataDrop() {
   r && r.removeAttribute("data-drop");
 }
 const useDnd = () => {
-  const { document: r } = useFrame(), [n, o] = useAtom$1(draggingFlagAtom), { addCoreBlock: a } = useAddBlock(), [, i] = useHighlightBlockId(), [, l] = useSelectedBlockIds(), { moveBlocks: c } = useBlocksStoreUndoableActions(), [u, d] = useAtom$1(draggedBlockAtom), [, p] = useAtom$1(dropTargetBlockIdAtom), m = () => {
+  const { document: r } = useFrame(), [n, o] = useAtom$1(draggingFlagAtom), { addCoreBlock: a } = useAddBlock(), [, i] = useHighlightBlockId(), [, l] = useSelectedBlockIds(), { moveBlocks: c } = useBlocksStoreUndoableActions(), [u, d] = useAtom$1(draggedBlockAtom), [, p] = useAtom$1(dropTargetBlockIdAtom);
+  if (!useFeature("dnd"))
+    return {};
+  const g = () => {
     removePlaceholder(), o(!1), d(null), p(null), possiblePositions = [];
   };
   return iframeDocument = r, {
     isDragging: n,
-    onDragOver: (g) => {
-      g.preventDefault(), g.stopPropagation(), throttledDragOver(g);
+    onDragOver: (h) => {
+      h.preventDefault(), h.stopPropagation(), throttledDragOver(h);
     },
-    onDrop: (g) => {
-      var R;
-      const h = dropTarget, x = getOrientation(h) === "vertical" ? g.clientY + ((R = iframeDocument == null ? void 0 : iframeDocument.defaultView) == null ? void 0 : R.scrollY) : g.clientX;
-      dropIndex = calculateDropIndex(x, possiblePositions);
-      const v = u, S = h.getAttribute("data-block-id"), E = dropTarget.getAttribute("data-dnd-dragged") !== "yes";
-      if ((v == null ? void 0 : v._id) === S || !E) {
-        m();
+    onDrop: (h) => {
+      var C;
+      const b = dropTarget, v = getOrientation(b) === "vertical" ? h.clientY + ((C = iframeDocument == null ? void 0 : iframeDocument.defaultView) == null ? void 0 : C.scrollY) : h.clientX;
+      dropIndex = calculateDropIndex(v, possiblePositions);
+      const S = u, E = b.getAttribute("data-block-id"), w = dropTarget.getAttribute("data-dnd-dragged") !== "yes";
+      if ((S == null ? void 0 : S._id) === E || !w) {
+        g();
         return;
       }
-      if (!has(v, "_id")) {
-        a(v, S === "canvas" ? null : S, dropIndex), setTimeout(m, 300);
+      if (!has(S, "_id")) {
+        a(S, E === "canvas" ? null : E, dropIndex), setTimeout(g, 300);
         return;
       }
-      let w = h.getAttribute("data-block-id");
-      w === null && (w = g.target.parentElement.getAttribute("data-block-id")), c([v._id], w === "canvas" ? null : w, dropIndex), m(), setTimeout(removePlaceholder, 300);
+      let R = b.getAttribute("data-block-id");
+      R === null && (R = h.target.parentElement.getAttribute("data-block-id")), c([S._id], R === "canvas" ? null : R, dropIndex), g(), setTimeout(removePlaceholder, 300);
     },
-    onDragEnter: (g) => {
-      const h = g, b = h.target;
-      dropTarget = b;
-      const x = b.getAttribute("data-block-id"), v = b.getAttribute("data-dnd-dragged") !== "yes";
-      p(x), h.stopPropagation(), h.preventDefault(), possiblePositions = [], v && calculatePossiblePositions(b), o(!0), i(""), l([]);
+    onDragEnter: (h) => {
+      const b = h, x = b.target;
+      dropTarget = x;
+      const v = x.getAttribute("data-block-id"), S = x.getAttribute("data-dnd-dragged") !== "yes";
+      p(v), b.stopPropagation(), b.preventDefault(), possiblePositions = [], S && calculatePossiblePositions(x), o(!0), i(""), l([]);
     },
-    onDragLeave: (g) => {
-      g.target.getAttribute("data-block-id") === "canvas" && (p(null), o(!1), removePlaceholder(), possiblePositions = []);
+    onDragLeave: (h) => {
+      h.target.getAttribute("data-block-id") === "canvas" && (p(null), o(!1), removePlaceholder(), possiblePositions = []);
     }
   };
 };
@@ -3271,13 +3274,13 @@ 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"), R = get$1(n, "bodyBgDarkColor", "#000"), P = get$1(n, "bodyTextDarkColor", "#000"), A = get$1(n, "bodyTextLightColor", "#fff"), C = getPalette([
+    const S = get$1(n, "primaryColor", "#000"), E = get$1(n, "secondaryColor", "#FFF"), w = get$1(n, "bodyBgLightColor", "#fff"), R = get$1(n, "bodyBgDarkColor", "#000"), C = get$1(n, "bodyTextDarkColor", "#000"), A = get$1(n, "bodyTextLightColor", "#fff"), P = getPalette([
       { color: S, name: "primary" },
       { color: E, name: "secondary" }
     ]), I = {
       "bg-light": w,
       "bg-dark": R,
-      "text-dark": P,
+      "text-dark": C,
       "text-light": A
     }, j = get$1(n, "roundedCorners", "0");
     !p || !p.tailwind || (p.tailwind.config = {
@@ -3298,7 +3301,7 @@ const useHandleCanvasDblClick = () => {
           borderRadius: {
             DEFAULT: `${j || "0"}px`
           },
-          colors: { ...I, ...C }
+          colors: { ...I, ...P }
         }
       },
       plugins: [
@@ -3426,10 +3429,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 R = has(E, "getBlockStateFrom") ? E == null ? void 0 : E.getBlockStateFrom(h, n) : [], P = g(R), A = d(h);
+      const R = has(E, "getBlockStateFrom") ? E == null ? void 0 : E.getBlockStateFrom(h, n) : [], C = g(R), A = d(h);
       if (get$1(A, "__isHidden", !1) && !includes(o, h._id))
         return null;
-      const C = i && isDescendant(i._id, h._id, n);
+      const P = i && isDescendant(i._id, h._id, n);
       return /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { children: React__default.createElement(w, {
         blockProps: {
           ...includes(o, h._id) ? { "force-show": "" } : {},
@@ -3439,10 +3442,10 @@ 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 || C ? "yes" : "no"
+              "data-dnd-dragged": i._id === h._id || P ? "yes" : "no"
             }
           ) : {},
-          ...l === h._id && !C ? { "data-drop": "yes" } : {},
+          ...l === h._id && !P ? { "data-drop": "yes" } : {},
           ...includes(a, h._id) ? { "data-cut-block": "yes" } : {}
         },
         index: b,
@@ -3450,7 +3453,7 @@ function BlocksRendererStatic({ blocks: r }) {
         ...omit(A, ["__isHidden"]),
         ...v,
         inBuilder: !0,
-        blockState: P
+        blockState: C
       }) });
     })
   ) });
@@ -3501,23 +3504,23 @@ const useAllDataProviders = () => useMemo$1(() => getChaiDataProviders(), []), B
   }, []), /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "main-content", className: "h-full w-full p-10 pb-0", 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 }), p = useCanvasScale(u), [m, g] = useState$1([]), [, h] = useState$1([]), [, b] = useAtom$1(canvasIframeAtom), [x, v] = useSelectedStylingBlocks(), S = useBuilderProp("loading", !1), E = useBuilderProp("htmlDir", "ltr"), w = (A) => {
-    d((C) => ({ ...C, width: A }));
+    d((P) => ({ ...P, width: A }));
   };
   useEffect$1(() => {
     if (!c.current)
       return;
-    const { clientWidth: A, clientHeight: C } = c.current;
-    d({ width: A, height: C });
+    const { clientWidth: A, clientHeight: P } = c.current;
+    d({ width: A, height: P });
   }, [c, n]);
-  const R = (A, C = 0) => {
+  const R = (A, P = 0) => {
     const { top: I } = A.getBoundingClientRect();
-    return I + C >= 0 && I - C <= window.innerHeight;
+    return I + P >= 0 && I - P <= window.innerHeight;
   };
   useEffect$1(() => {
-    var A, C;
+    var A, P;
     if (a && a.type !== "Multiple" && l.current) {
       const I = getElementByDataBlockId(l.current.contentDocument, a._id);
-      I && (R(I) || (C = (A = l.current) == null ? void 0 : A.contentWindow) == null || C.scrollTo({ top: I.offsetTop, behavior: "smooth" }), g([I]));
+      I && (R(I) || (P = (A = l.current) == null ? void 0 : A.contentWindow) == null || P.scrollTo({ top: I.offsetTop, behavior: "smooth" }), g([I]));
     }
   }, [a]), useEffect$1(() => {
     if (!isEmpty(x) && l.current) {
@@ -3529,13 +3532,13 @@ const useAllDataProviders = () => useMemo$1(() => getChaiDataProviders(), []), B
     } else
       h([null]);
   }, [x]);
-  const P = useMemo$1(() => {
+  const C = useMemo$1(() => {
     let A = IframeInitialContent;
     return A = A.replace("__HTML_DIR__", E), r === "offline" && (A = A.replace(
       "https://old.chaibuilder.com/offline/tailwind.cdn.js",
       "/offline/tailwind.cdn.js"
     ), A = A.replace("https://unpkg.com/aos@next/dist/aos.css", "/offline/aos.css"), A = A.replace("https://unpkg.com/aos@next/dist/aos.js", "/offline/aos.js")), A;
-  }, [r]);
+  }, [r, E]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ResizableCanvasWrapper, { onMount: w, onResize: w, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
@@ -3553,7 +3556,7 @@ const useAllDataProviders = () => useMemo$1(() => getChaiDataProviders(), []), B
           id: "canvas-iframe",
           style: { ...p, ...isEmpty(p) ? { width: `${n}px` } : {} },
           className: "relative mx-auto box-content h-full w-full max-w-full shadow-lg transition-all duration-300 ease-linear",
-          initialContent: P,
+          initialContent: C,
           children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(KeyboardHandler, {}),
             /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -3586,7 +3589,7 @@ const useAllDataProviders = () => useMemo$1(() => getChaiDataProviders(), []), B
 }, 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-pll_Dx5C.js")), CanvasArea = () => {
+] }) }), CodeEditor$1 = React__default.lazy(() => import("./CodeEditor-qN4_4K9S.js")), CanvasArea = () => {
   const [r] = useCodeEditor(), n = useBuilderProp("onError", noop$1);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full max-h-full w-full flex-1 flex-col", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative flex h-full max-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$1, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(FallbackError, {}), onError: n, children: /* @__PURE__ */ jsxRuntimeExports.jsx(StaticCanvas$1, {}) }) }),
@@ -3664,8 +3667,8 @@ const useAllDataProviders = () => useMemo$1(() => getChaiDataProviders(), []), B
   React.useEffect(() => () => {
     isEqual(a, c.current) || o(c.current);
   }, []);
-  const d = ({ formData: A }, C) => {
-    C && (i(A), c.current = A);
+  const d = ({ formData: A }, P) => {
+    P && (i(A), c.current = A);
   }, {
     bodyFont: p,
     headingFont: m,
@@ -3717,10 +3720,10 @@ const useAllDataProviders = () => useMemo$1(() => getChaiDataProviders(), []), B
   const R = {
     type: "object",
     properties: {}
-  }, P = {};
+  }, C = {};
   return Object.keys(w).forEach((A) => {
-    const C = w[A];
-    return R.properties || (R.properties = {}), R.properties[A] = C.schema, P[A] = C.uiSchema, !0;
+    const P = w[A];
+    return R.properties || (R.properties = {}), R.properties[A] = P.schema, C[A] = P.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(
@@ -3732,7 +3735,7 @@ const useAllDataProviders = () => useMemo$1(() => getChaiDataProviders(), []), B
         omitExtraData: !0,
         liveOmit: !0,
         liveValidate: !0,
-        uiSchema: P,
+        uiSchema: C,
         schema: R,
         formData: a,
         validator,
@@ -3988,16 +3991,16 @@ const Node = memo(({ node: r, style: n, dragHandle: o }) => {
     return () => clearTimeout(A);
   }, [g, r, h]);
   const R = useMemo$1(() => {
-    const A = Object.keys(p), C = [];
+    const A = Object.keys(p), P = [];
     for (let I = 0; I < A.length; I++)
       if (A[I].endsWith("_attrs")) {
         const j = p[A[I]], k = Object.keys(j).join("|");
-        k.match(/x-data/) && C.push("data"), k.match(/x-on/) && C.push("event"), k.match(/x-show|x-if/) && C.push("show");
+        k.match(/x-data/) && P.push("data"), k.match(/x-on/) && P.push("event"), k.match(/x-show|x-if/) && P.push("show");
       }
-    return C;
-  }, [p]), P = (A, C) => {
+    return P;
+  }, [p]), C = (A, P) => {
     const I = l.contentDocument || l.contentWindow.document, j = I.querySelector(`[data-block-id=${A}]`);
-    j && j.setAttribute("data-drop", C);
+    j && j.setAttribute("data-drop", P);
     const k = j.getBoundingClientRect(), O = l.getBoundingClientRect();
     k.top >= O.top && k.left >= O.left && k.bottom <= O.bottom && k.right <= O.right || (I.documentElement.scrollTop = j.offsetTop - O.top);
   };
@@ -4021,13 +4024,13 @@ const Node = memo(({ node: r, style: n, dragHandle: o }) => {
       onDragStart: () => S(r),
       onDragEnd: () => E(r),
       onDragOver: (A) => {
-        A.preventDefault(), P(d, "yes");
+        A.preventDefault(), C(d, "yes");
       },
       onDragLeave: (A) => {
-        A.preventDefault(), P(d, "no");
+        A.preventDefault(), C(d, "no");
       },
       onDrop: (A) => {
-        A.preventDefault(), P(d, "no");
+        A.preventDefault(), C(d, "no");
       },
       className: cn(
         "group flex !h-full w-full items-center justify-between space-x-px !rounded py-px outline-none",
@@ -4470,7 +4473,7 @@ function ExpandableObject(r) {
   useEffect$1(() => {
     g.current ? x(p(u, o, n)) : g.current = !0;
   }, [p]);
-  const v = h ? d.collapseIcon : d.expandIcon, S = h ? "collapse JSON" : "expand JSON", E = useComponentId(), w = u + 1, R = a.length - 1, P = (A) => {
+  const v = h ? d.collapseIcon : d.expandIcon, S = h ? "collapse JSON" : "expand JSON", E = useComponentId(), w = u + 1, R = a.length - 1, C = (A) => {
     A.key === " " && (A.preventDefault(), b());
   };
   return /* @__PURE__ */ createElement$1("div", {
@@ -4479,7 +4482,7 @@ function ExpandableObject(r) {
   }, /* @__PURE__ */ createElement$1("span", {
     className: v,
     onClick: b,
-    onKeyDown: P,
+    onKeyDown: C,
     role: "button",
     tabIndex: 0,
     "aria-label": S,
@@ -4488,7 +4491,7 @@ function ExpandableObject(r) {
   }), n && (m ? /* @__PURE__ */ createElement$1("span", {
     className: d.clickableLabel,
     onClick: b,
-    onKeyDown: P,
+    onKeyDown: C,
     role: "button",
     tabIndex: -1
   }, n, ":") : /* @__PURE__ */ createElement$1("span", {
@@ -4497,19 +4500,19 @@ function ExpandableObject(r) {
     className: d.punctuation
   }, l), h ? /* @__PURE__ */ createElement$1("div", {
     id: E
-  }, a.map((A, C) => /* @__PURE__ */ createElement$1(DataRender, {
-    key: A[0] || C,
+  }, a.map((A, P) => /* @__PURE__ */ createElement$1(DataRender, {
+    key: A[0] || P,
     field: A[0],
     value: A[1],
     style: d,
-    lastElement: C === R,
+    lastElement: P === R,
     level: w,
     shouldExpandNode: p,
     clickToExpandNode: m
   }))) : /* @__PURE__ */ createElement$1("span", {
     className: d.collapsedContent,
     onClick: b,
-    onKeyDown: P,
+    onKeyDown: C,
     role: "button",
     tabIndex: -1,
     "aria-hidden": !0,
@@ -4983,7 +4986,7 @@ const ViewData = ({ data: r, fullView: n }) => {
       }
     )
   ] });
-}, UnsplashImages = React__default.lazy(() => import("./UnsplashImages-G-TR755p.js")), UploadImages = React__default.lazy(() => import("./UploadImages-iHMCU91M.js")), ImagesPanel = ({
+}, UnsplashImages = React__default.lazy(() => import("./UnsplashImages-D0DNaKMO.js")), UploadImages = React__default.lazy(() => import("./UploadImages-3ML06tlb.js")), ImagesPanel = ({
   isModalView: r = !1,
   onSelect: n = () => {
   }
@@ -5460,10 +5463,10 @@ const AskAIStyles = ({ blockId: r }) => {
 function ManualClasses() {
   var A;
   const { t: r } = useTranslation(), [n] = useSelectedStylingBlocks(), o = useSelectedBlock(), a = useAddClassesToBlocks(), i = useRemoveClassesFromBlocks(), [l] = useSelectedBlockIds(), c = useBuilderProp("askAiCallBack", null), [u, d] = useState$1(""), { toast: p } = useToast(), m = (A = first(n)) == null ? void 0 : A.prop, g = reject((get$1(o, m, "").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);
+    const P = u.trim().toLowerCase().replace(/ +(?= )/g, "").split(" ");
+    a(l, P, !0), d("");
+  }, [b, x] = useState$1([]), v = ({ value: P }) => {
+    const I = P.trim().toLowerCase(), j = I.match(/.+:/g);
     let k = [];
     if (j && j.length > 0) {
       const [O] = j, T = I.replace(O, "");
@@ -5476,19 +5479,19 @@ function ManualClasses() {
     return x(map(k, "item"));
   }, S = () => {
     x([]);
-  }, E = (C) => C.name, w = (C) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md p-1", children: C.name }), R = {
+  }, E = (P) => P.name, w = (P) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md p-1", children: P.name }), R = {
     autoComplete: "off",
     autoCorrect: "off",
     autoCapitalize: "off",
     spellCheck: !1,
     placeholder: r("enter_classes_separated_by_space"),
     value: u,
-    onKeyDown: (C) => {
-      C.key === "Enter" && u.trim() !== "" && h();
+    onKeyDown: (P) => {
+      P.key === "Enter" && u.trim() !== "" && h();
     },
-    onChange: (C, { newValue: I }) => d(I),
+    onChange: (P, { newValue: I }) => d(I),
     className: "w-full rounded-md text-xs px-2 hover:outline-0 bg-background border-border py-1"
-  }, P = () => {
+  }, C = () => {
     if (navigator.clipboard === void 0) {
       p({
         title: r("clipboard_not_supported"),
@@ -5511,7 +5514,7 @@ function ManualClasses() {
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-x-2", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: r("classes") }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip$1, { children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsxRuntimeExports.jsx(CopyIcon$1, { onClick: P, className: "cursor-pointer" }) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsxRuntimeExports.jsx(CopyIcon$1, { onClick: C, className: "cursor-pointer" }) }),
               /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: r("copy_classes_to_clipboard") }) })
             ] })
           ] }),
@@ -5556,22 +5559,22 @@ function ManualClasses() {
           )
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex w-full flex-wrap gap-2 overflow-x-hidden", children: React.Children.toArray(
-          g.map((C) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          g.map((P) => /* @__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: [
-                C,
+                P,
                 /* @__PURE__ */ jsxRuntimeExports.jsx(
                   Cross2Icon,
                   {
-                    onClick: () => i(l, [C]),
+                    onClick: () => i(l, [P]),
                     className: "invisible absolute right-1 rounded-full bg-red-400 hover:text-white group-hover:visible group-hover:cursor-pointer"
                   }
                 )
               ]
             },
-            C
+            P
           ))
         ) })
       ]
@@ -6221,7 +6224,7 @@ const RangeChoices = ({ property: r, onChange: n }) => {
   },
   a
 )) }), THROTTLE_TIME = 50, AdvanceChoices = (r) => {
-  const [n, o] = useState$1(!1), [a, i] = useState$1(""), { currentClass: l, onChange: c, classPrefix: u, cssProperty: d, units: p, negative: m } = r, [g, h] = useState$1(d != null && d.toLowerCase().includes("width") ? "%" : p[0]), [b, x] = useState$1(!1), [v, S] = useState$1(""), [E, w] = useState$1(!1), [R, P] = useState$1(!1);
+  const [n, o] = useState$1(!1), [a, i] = useState$1(""), { currentClass: l, onChange: c, classPrefix: u, cssProperty: d, units: p, negative: m } = r, [g, h] = useState$1(d != null && d.toLowerCase().includes("width") ? "%" : p[0]), [b, x] = useState$1(!1), [v, S] = useState$1(""), [E, w] = useState$1(!1), [R, C] = useState$1(!1);
   useEffect$1(() => {
     const { value: k, unit: O } = getClassValueAndUnit(l);
     if (O === "") {
@@ -6230,7 +6233,7 @@ const RangeChoices = ({ property: r, onChange: n }) => {
     }
     h(O), i(O === "class" || isEmpty(k) ? "" : k);
   }, [l, d, p]);
-  const A = useThrottledCallback((k) => c(k), [c], THROTTLE_TIME), C = useThrottledCallback((k) => c(k, !1), [c], THROTTLE_TIME), I = useCallback$1(
+  const A = useThrottledCallback((k) => c(k), [c], THROTTLE_TIME), P = useThrottledCallback((k) => c(k, !1), [c], THROTTLE_TIME), I = useCallback$1(
     (k = !1) => {
       const O = getUserInputValues(`${a}`, p);
       if (get$1(O, "error", !1)) {
@@ -6245,9 +6248,9 @@ const RangeChoices = ({ property: r, onChange: n }) => {
       if (get$1(O, "value") === "")
         return;
       const L = `${get$1(O, "value", "").startsWith("-") ? "-" : ""}${u}[${get$1(O, "value", "").replace("-", "")}${T === "-" ? "" : T}]`;
-      k ? C(L) : A(L);
+      k ? P(L) : A(L);
     },
-    [A, C, a, g, u, p]
+    [A, P, a, g, u, p]
   ), j = useCallback$1(
     (k) => {
       const O = getUserInputValues(`${a}`, p);
@@ -6284,15 +6287,15 @@ const RangeChoices = ({ property: r, onChange: n }) => {
           onKeyDown: (k) => {
             if (k.keyCode !== 38 && k.keyCode !== 40)
               return;
-            k.preventDefault(), P(!0);
+            k.preventDefault(), C(!0);
             const O = parseInt$1(k.target.value);
             let T = isNaN$1(O) ? 0 : O;
             k.keyCode === 38 && (T += 1), k.keyCode === 40 && (T -= 1);
             const B = `${T}`, D = `${B.startsWith("-") ? "-" : ""}${u}[${B.replace("-", "")}${g === "-" ? "" : g}]`;
-            C(D);
+            P(D);
           },
           onKeyUp: (k) => {
-            R && (k.preventDefault(), P(!1));
+            R && (k.preventDefault(), C(!1));
           },
           onBlur: () => I(),
           onChange: (k) => {
@@ -6349,7 +6352,7 @@ const RangeChoices = ({ property: r, onChange: n }) => {
             return;
           S(k);
           const O = `${k}`, B = `${O.startsWith("-") ? "-" : ""}${u}[${O.replace("-", "")}${g === "-" ? "" : g}]`;
-          C(B);
+          P(B);
         },
         currentValue: a,
         unit: g,
@@ -6447,8 +6450,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(), [p] = useStylingState(), [, m] = useCanvasWidth(), g = useCurrentClassByProperty(i), h = useAddClassesToBlocks(), b = useRemoveClassesFromBlocks(), [x] = useSelectedBlockIds(), v = useMemo$1(() => get$1(g, "fullCls", ""), [g]), S = useCallback$1(
-    (C, I = !0) => {
-      const j = { dark: d, mq: m, mod: p, cls: C, property: i, fullCls: "" };
+    (P, I = !0) => {
+      const j = { dark: d, mq: m, mod: p, cls: P, property: i, fullCls: "" };
       (d || p !== "") && (j.mq = "xs");
       const k = generateFullClsName(j);
       h(x, [k], I);
@@ -6460,8 +6463,8 @@ const RangeChoices = ({ property: r, onChange: n }) => {
   useEffect$1(() => {
     l(w, g);
   }, [w, l, g]);
-  const [, , R] = useCanvasWidth(), P = useCallback$1(
-    (C) => {
+  const [, , R] = useCanvasWidth(), C = useCallback$1(
+    (P) => {
       R({
         xs: 400,
         sm: 640,
@@ -6469,7 +6472,7 @@ const RangeChoices = ({ property: r, onChange: n }) => {
         lg: 1024,
         xl: 1420,
         "2xl": 1920
-      }[C]);
+      }[P]);
     },
     [R]
   ), A = get$1(g, "dark", null) === d && get$1(g, "mod", null) === p && get$1(g, "mq", null) === m;
@@ -6513,7 +6516,7 @@ const RangeChoices = ({ property: r, onChange: n }) => {
             "button",
             {
               type: "button",
-              onClick: () => P(get$1(g, "mq")),
+              onClick: () => C(get$1(g, "mq")),
               className: "block w-full cursor-default text-right font-semibold text-blue-500",
               children: [
                 "Switch to ",
@@ -6790,9 +6793,9 @@ const BlockCard = ({
     if (b(first(E)) && (w = null), !isEmpty(E)) {
       const R = { blocks: E, uiLibrary: !0, parent: w };
       if (S.dataTransfer.setData("text/plain", JSON.stringify(R)), r.preview) {
-        const P = new Image();
-        P.src = r.preview, P.onload = () => {
-          S.dataTransfer.setDragImage(P, 0, 0);
+        const C = new Image();
+        C.src = r.preview, C.onload = () => {
+          S.dataTransfer.setDragImage(C, 0, 0);
         };
       } else
         S.dataTransfer.setDragImage(new Image(), 0, 0);
@@ -7415,7 +7418,25 @@ const CoreBlock = ({ block: r, disabled: n, parentId: o }) => {
     i === "library" && /* @__PURE__ */ jsxRuntimeExports.jsx(UILibraries, { parentId: o }),
     i === "html" && u ? /* @__PURE__ */ jsxRuntimeExports.jsx(ImportHTML$1, { parentId: o }) : null
   ] });
-}, AddBlocksPanel$1 = AddBlocksPanel;
+}, AddBlocksPanel$1 = AddBlocksPanel, AddBlocksDialog = () => {
+  const { t: r } = useTranslation(), [n, o] = useState$1(""), [a, i] = useState$1(!1);
+  return useChaiBuilderMsgListener(({ name: l, data: c = void 0 }) => {
+    l === CHAI_BUILDER_EVENTS.OPEN_ADD_BLOCK && (o(c == null ? void 0 : c._id), i(!0)), l === CHAI_BUILDER_EVENTS.CLOSE_ADD_BLOCK && (o(""), i(!1));
+  }), /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDialog, { open: a, onOpenChange: () => a ? i(!1) : "", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(AlertDialogContent, { className: "max-w-5xl overflow-hidden", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(AlertDialogHeader, { className: "flex flex-row items-center justify-between", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDialogTitle, { children: r("add_block") }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          onClick: () => i(!1),
+          className: "text-gray-500 hover:text-gray-600 dark:text-gray-400 dark:hover:text-gray-300",
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(Cross2Icon, { className: "h-6 w-6" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "no-scrollbar h-[500px] max-h-full overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx(AddBlocksPanel$1, { parentId: n, showHeading: !1 }) })
+  ] }) });
+};
 function FaCheck(r) {
   return GenIcon({ tag: "svg", attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z" }, child: [] }] })(r);
 }
@@ -7474,19 +7495,19 @@ const QUICK_PROMPTS = [
 function QuickPrompts({ onClick: r }) {
   const { loading: n } = useAskAi(), { t: o } = useTranslation();
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: n ? "pointer-events-none opacity-50" : "", children: /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: "space-y-2", children: QUICK_PROMPTS.map(
-    ({ name: a, icon: i, subMenus: l, prompt: c }) => l ? /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenu, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuTrigger, { asChild: !0, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { className: "flex cursor-pointer items-center space-x-2 hover:bg-gray-100", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(i, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: a })
-      ] }, a) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuContent, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuLabel, { children: "My Account" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuSeparator, {}),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuItem, { children: "Profile" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuItem, { children: "Billing" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuItem, { children: "Team" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuItem, { children: "Subscription" })
-      ] })
+    ({ name: a, icon: i, subMenus: l, prompt: c }) => l ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Popover$1, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverTrigger, { asChild: !0, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "li",
+        {
+          className: "flex cursor-pointer items-center space-x-2 rounded p-1 pl-2 text-sm hover:bg-gray-100",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(i, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: a })
+          ]
+        },
+        a
+      ) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverContent, { side: "right", children: /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: "Happy" }) }) })
     ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "li",
       {
@@ -7696,32 +7717,32 @@ const AIUserPrompt = ({ blockId: r }) => {
       return;
     }
     if (l) {
-      const P = [...a, { key: l, value: u }];
-      o(P), i(a), c(""), d(""), h("");
+      const C = [...a, { key: l, value: u }];
+      o(C), i(a), c(""), d(""), h("");
     }
-  }, S = (P) => {
-    const A = a.filter((C, I) => I !== P);
+  }, S = (C) => {
+    const A = a.filter((P, I) => I !== C);
     o(A), i(A);
-  }, E = (P) => {
-    m(P), c(a[P].key), d(a[P].value);
+  }, E = (C) => {
+    m(C), c(a[C].key), d(a[C].value);
   }, w = () => {
     if (l.startsWith("@")) {
       h("Attribute keys cannot start with '@'");
       return;
     }
     if (p !== null && l) {
-      const P = [...a];
-      P[p] = { key: l, value: u }, o(P), i(P), m(null), c(""), d(""), h("");
+      const C = [...a];
+      C[p] = { key: l, value: u }, o(C), i(C), m(null), c(""), d(""), h("");
     }
-  }, R = (P) => {
-    P.key === "Enter" && !P.shiftKey && (P.preventDefault(), p !== null ? w() : v());
+  }, R = (C) => {
+    C.key === "Enter" && !C.shiftKey && (C.preventDefault(), p !== null ? w() : v());
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-full", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "form",
       {
-        onSubmit: (P) => {
-          P.preventDefault(), p !== null ? w() : v();
+        onSubmit: (C) => {
+          C.preventDefault(), p !== null ? w() : v();
         },
         className: "space-y-3",
         children: [
@@ -7737,7 +7758,7 @@ const AIUserPrompt = ({ blockId: r }) => {
                   id: "attrKey",
                   ref: b,
                   value: l,
-                  onChange: (P) => c(P.target.value),
+                  onChange: (C) => c(C.target.value),
                   placeholder: "Key",
                   className: "h-8 text-sm"
                 }
@@ -7755,7 +7776,7 @@ const AIUserPrompt = ({ blockId: r }) => {
                   rows: 2,
                   ref: x,
                   value: u,
-                  onChange: (P) => d(P.target.value),
+                  onChange: (C) => d(C.target.value),
                   onKeyDown: R,
                   placeholder: "Value",
                   className: "bg-background text-sm"
@@ -7768,10 +7789,10 @@ const AIUserPrompt = ({ blockId: r }) => {
         ]
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-4 space-y-1 overflow-y-auto", children: a.map((P, A) => /* @__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((C, A) => /* @__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.jsx("span", { className: "truncate font-semibold", children: C.key }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-wrap max-w-[200px] text-muted-foreground", children: C.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(A), children: [
@@ -7860,15 +7881,15 @@ function useAtomsSnapshot({
           continue;
         const R = (S = o.dev_get_atom_state) == null ? void 0 : S.call(o, w);
         R && "v" in R && h.set(w, R.v);
-        const P = (E = o.dev_get_mounted) == null ? void 0 : E.call(o, w);
-        if (P) {
-          let A = P.t;
+        const C = (E = o.dev_get_mounted) == null ? void 0 : E.call(o, w);
+        if (C) {
+          let A = C.t;
           r || (A = new Set(
             Array.from(A.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. */
-              (C) => !C.debugPrivate
+              (P) => !P.debugPrivate
             )
           )), b.set(w, A);
         }
@@ -8085,7 +8106,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 p = 0, m = 0, g = c, h = 0, b = 0, x = 0, v = 1, S = 1, E = 1, w = 0, R = "", P = i, A = l, C = a, I = R; S; )
+  for (var p = 0, m = 0, g = c, h = 0, b = 0, x = 0, v = 1, S = 1, E = 1, w = 0, R = "", C = i, A = l, P = a, I = R; S; )
     switch (x = w, w = next()) {
       case 40:
         if (x != 108 && charat(I, g - 1) == 58) {
@@ -8131,19 +8152,19 @@ function parse(r, n, o, a, i, l, c, u, d) {
           case 59:
             I += ";";
           default:
-            if (append(C = ruleset(I, n, o, p, m, i, u, R, P = [], A = [], g), l), w === 123)
+            if (append(P = ruleset(I, n, o, p, m, i, u, R, C = [], A = [], g), l), w === 123)
               if (m === 0)
-                parse(I, n, C, C, P, l, g, u, A);
+                parse(I, n, P, P, C, l, g, u, A);
               else
                 switch (h === 99 && charat(I, 3) === 110 ? 100 : h) {
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    parse(r, C, C, a && append(ruleset(r, C, C, 0, 0, i, u, R, i, P = [], g), A), i, A, g, u, a ? P : A);
+                    parse(r, P, P, a && append(ruleset(r, P, P, 0, 0, i, u, R, i, C = [], g), A), i, A, g, u, a ? C : A);
                     break;
                   default:
-                    parse(I, C, C, C, [""], A, 0, u, A);
+                    parse(I, P, P, P, [""], A, 0, u, A);
                 }
         }
         p = m = b = 0, v = E = 1, R = I = "", g = c;
@@ -8557,8 +8578,8 @@ function requireReactIs_production_min() {
   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, p = r ? Symbol.for("react.concurrent_mode") : 60111, m = 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 R(A) {
     if (typeof A == "object" && A !== null) {
-      var C = A.$$typeof;
-      switch (C) {
+      var P = A.$$typeof;
+      switch (P) {
         case n:
           switch (A = A.type, A) {
             case d:
@@ -8577,20 +8598,20 @@ function requireReactIs_production_min() {
                 case c:
                   return A;
                 default:
-                  return C;
+                  return P;
               }
           }
         case o:
-          return C;
+          return P;
       }
     }
   }
-  function P(A) {
+  function C(A) {
     return R(A) === p;
   }
   return reactIs_production_min.AsyncMode = d, reactIs_production_min.ConcurrentMode = p, reactIs_production_min.ContextConsumer = u, reactIs_production_min.ContextProvider = c, reactIs_production_min.Element = n, reactIs_production_min.ForwardRef = m, 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(A) {
-    return P(A) || R(A) === d;
-  }, reactIs_production_min.isConcurrentMode = P, reactIs_production_min.isContextConsumer = function(A) {
+    return C(A) || R(A) === d;
+  }, reactIs_production_min.isConcurrentMode = C, reactIs_production_min.isContextConsumer = function(A) {
     return R(A) === u;
   }, reactIs_production_min.isContextProvider = function(A) {
     return R(A) === c;
@@ -8633,7 +8654,7 @@ function requireReactIs_development() {
       return typeof K == "string" || typeof K == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
       K === a || K === p || K === l || K === i || K === g || K === h || typeof K == "object" && K !== null && (K.$$typeof === x || K.$$typeof === b || K.$$typeof === c || K.$$typeof === u || K.$$typeof === m || K.$$typeof === S || K.$$typeof === E || K.$$typeof === w || K.$$typeof === v);
     }
-    function P(K) {
+    function C(K) {
       if (typeof K == "object" && K !== null) {
         var Z = K.$$typeof;
         switch (Z) {
@@ -8665,47 +8686,47 @@ function requireReactIs_development() {
         }
       }
     }
-    var A = d, C = p, I = u, j = c, k = n, O = m, T = a, B = x, L = b, D = o, W = l, J = i, F = g, V = !1;
+    var A = d, P = p, I = u, j = c, k = n, O = m, T = a, B = x, L = b, D = o, W = l, J = i, F = g, V = !1;
     function q(K) {
-      return V || (V = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), G(K) || P(K) === d;
+      return V || (V = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), G(K) || C(K) === d;
     }
     function G(K) {
-      return P(K) === p;
+      return C(K) === p;
     }
     function ee(K) {
-      return P(K) === u;
+      return C(K) === u;
     }
     function z(K) {
-      return P(K) === c;
+      return C(K) === c;
     }
     function U(K) {
       return typeof K == "object" && K !== null && K.$$typeof === n;
     }
     function te(K) {
-      return P(K) === m;
+      return C(K) === m;
     }
     function _(K) {
-      return P(K) === a;
+      return C(K) === a;
     }
     function Q(K) {
-      return P(K) === x;
+      return C(K) === x;
     }
     function ne(K) {
-      return P(K) === b;
+      return C(K) === b;
     }
     function re(K) {
-      return P(K) === o;
+      return C(K) === o;
     }
     function $(K) {
-      return P(K) === l;
+      return C(K) === l;
     }
     function ae(K) {
-      return P(K) === i;
+      return C(K) === i;
     }
     function se(K) {
-      return P(K) === g;
+      return C(K) === g;
     }
-    reactIs_development.AsyncMode = A, 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 = B, reactIs_development.Memo = L, reactIs_development.Portal = D, reactIs_development.Profiler = W, reactIs_development.StrictMode = J, reactIs_development.Suspense = F, reactIs_development.isAsyncMode = q, reactIs_development.isConcurrentMode = 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 = R, reactIs_development.typeOf = P;
+    reactIs_development.AsyncMode = A, reactIs_development.ConcurrentMode = P, reactIs_development.ContextConsumer = I, reactIs_development.ContextProvider = j, reactIs_development.Element = k, reactIs_development.ForwardRef = O, reactIs_development.Fragment = T, reactIs_development.Lazy = B, reactIs_development.Memo = L, reactIs_development.Portal = D, reactIs_development.Profiler = W, reactIs_development.StrictMode = J, reactIs_development.Suspense = F, reactIs_development.isAsyncMode = q, reactIs_development.isConcurrentMode = 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 = R, reactIs_development.typeOf = C;
   }()), reactIs_development;
 }
 process.env.NODE_ENV === "production" ? reactIs$1.exports = requireReactIs_production_min() : reactIs$1.exports = requireReactIs_development();
@@ -10745,12 +10766,12 @@ function useMove(r, n, o = "ltr") {
       cancelAnimationFrame(c.current), c.current = requestAnimationFrame(() => {
         if (i.current && a.current) {
           a.current.style.userSelect = "none";
-          const P = a.current.getBoundingClientRect();
-          if (P.width && P.height) {
-            const A = clamp$1((w - P.left) / P.width, 0, 1);
+          const C = a.current.getBoundingClientRect();
+          if (C.width && C.height) {
+            const A = clamp$1((w - C.left) / C.width, 0, 1);
             r({
               x: o === "ltr" ? A : 1 - A,
-              y: clamp$1((R - P.top) / P.height, 0, 1)
+              y: clamp$1((R - C.top) / C.height, 0, 1)
             });
           }
         }
@@ -10875,16 +10896,16 @@ function useScrollIntoView({
       offset: i,
       isList: c
     }) - (m.current ? 0 : w);
-    function P() {
+    function C() {
       d.current === 0 && (d.current = performance.now());
-      const C = performance.now() - d.current, I = h || r === 0 ? 1 : C / r, j = w + R * a(I);
+      const P = performance.now() - d.current, I = h || r === 0 ? 1 : P / r, j = w + R * a(I);
       setScrollParam({
         parent: m.current,
         axis: n,
         distance: j
-      }), !p.current && I < 1 ? u.current = requestAnimationFrame(P) : (typeof o == "function" && o(), d.current = 0, u.current = 0, b());
+      }), !p.current && I < 1 ? u.current = requestAnimationFrame(C) : (typeof o == "function" && o(), d.current = 0, u.current = 0, b());
     }
-    P();
+    C();
   }, [n, r, a, c, i, o, h]), v = () => {
     l && (p.current = !0);
   };
@@ -10940,9 +10961,9 @@ function extractSystemStyles(r) {
     c: E,
     opacity: w,
     ff: R,
-    fz: P,
+    fz: C,
     fw: A,
-    lts: C,
+    lts: P,
     ta: I,
     lh: j,
     fs: k,
@@ -11029,9 +11050,9 @@ function extractSystemStyles(r) {
     c: E,
     opacity: w,
     ff: R,
-    fz: P,
+    fz: C,
     fw: A,
-    lts: C,
+    lts: P,
     ta: I,
     lh: j,
     fs: k,
@@ -12097,9 +12118,9 @@ const defaultProps$A = {
     italic: E,
     classNames: w,
     styles: R,
-    unstyled: P,
+    unstyled: C,
     span: A,
-    __staticSelector: C
+    __staticSelector: P
   } = o, I = __objRest$L(o, [
     "className",
     "size",
@@ -12134,7 +12155,7 @@ const defaultProps$A = {
     transform: c,
     align: d,
     gradient: h
-  }, { unstyled: P, name: C || "Text", variant: p, size: i });
+  }, { unstyled: C, name: P || "Text", variant: p, size: i });
   return /* @__PURE__ */ React__default.createElement(Box, __spreadValues$14({
     ref: n,
     className: k(j.root, { [j.gradient]: p === "gradient" }, a),
@@ -12297,7 +12318,7 @@ const defaultProps$y = {
     "styles",
     "classNames",
     "unstyled"
-  ]), { classes: v, cx: S } = useStyles$F({ color: i }, { classNames: h, styles: g, unstyled: b, name: "Divider", variant: m, size: c }), E = l === "vertical", w = l === "horizontal", R = !!u && w, P = !(p != null && p.color);
+  ]), { classes: v, cx: S } = useStyles$F({ color: i }, { classNames: h, styles: g, unstyled: b, name: "Divider", variant: m, size: c }), E = l === "vertical", w = l === "horizontal", R = !!u && w, C = !(p != null && p.color);
   return /* @__PURE__ */ React__default.createElement(Box, __spreadValues$11({
     ref: n,
     className: S(v.root, {
@@ -12310,7 +12331,7 @@ const defaultProps$y = {
     size: (p == null ? void 0 : p.size) || "xs",
     mt: rem(2),
     className: S(v.label, v[d], {
-      [v.labelDefaultStyles]: P
+      [v.labelDefaultStyles]: C
     })
   }), u));
 });
@@ -12402,7 +12423,7 @@ function SelectItems({
     variant: S,
     size: g
   }), w = [], R = [];
-  let P = null;
+  let C = null;
   const A = (I, j) => {
     const k = typeof i == "function" ? i(I.value) : !1;
     return /* @__PURE__ */ React__default.createElement(m, __spreadValues$$({
@@ -12427,9 +12448,9 @@ function SelectItems({
       variant: S
     }, I));
   };
-  let C = null;
+  let P = null;
   if (r.forEach((I, j) => {
-    I.creatable ? P = j : I.group ? (C !== I.group && (C = I.group, R.push(/* @__PURE__ */ React__default.createElement("div", {
+    I.creatable ? C = j : I.group ? (P !== I.group && (P = I.group, R.push(/* @__PURE__ */ React__default.createElement("div", {
       className: E.separator,
       key: `__mantine-divider-${j}`
     }, /* @__PURE__ */ React__default.createElement(Divider, {
@@ -12437,12 +12458,12 @@ function SelectItems({
       label: I.group
     })))), R.push(A(I, j))) : w.push(A(I, j));
   }), b) {
-    const I = r[P];
+    const I = r[C];
     w.push(/* @__PURE__ */ React__default.createElement("div", {
       key: randomId(),
       className: E.item,
-      "data-hovered": n === P || void 0,
-      onMouseEnter: () => u(P),
+      "data-hovered": n === C || void 0,
+      onMouseEnter: () => u(C),
       onMouseDown: (j) => {
         j.preventDefault(), d(I);
       },
@@ -12599,15 +12620,15 @@ const defaultProps$x = {
     "unstyled",
     "variant",
     "viewportProps"
-  ]), [w, R] = useState$1(!1), P = useMantineTheme(), { classes: A, cx: C } = useStyles$D({ scrollbarSize: u, offsetScrollbars: g, scrollbarHovered: w, hidden: p === "never" }, { name: "ScrollArea", classNames: l, styles: c, unstyled: x, variant: v });
+  ]), [w, R] = useState$1(!1), C = useMantineTheme(), { classes: A, cx: P } = useStyles$D({ scrollbarSize: u, offsetScrollbars: g, scrollbarHovered: w, hidden: p === "never" }, { name: "ScrollArea", classNames: l, styles: c, unstyled: x, variant: v });
   return /* @__PURE__ */ React__default.createElement(ScrollAreaPrimitive.Root, {
     type: p === "never" ? "always" : p,
     scrollHideDelay: d,
-    dir: m || P.dir,
+    dir: m || C.dir,
     ref: n,
     asChild: !0
   }, /* @__PURE__ */ React__default.createElement(Box, __spreadValues$Z({
-    className: C(A.root, i)
+    className: P(A.root, i)
   }, E), /* @__PURE__ */ React__default.createElement(ScrollAreaPrimitive.Viewport, __spreadProps$F(__spreadValues$Z({}, S), {
     className: A.viewport,
     ref: h,
@@ -12829,7 +12850,7 @@ const useHover = function(r, n) {
       floating: b
     },
     refs: x
-  } = r, v = useFloatingTree(), S = useFloatingParentNodeId(), E = useLatestRef(i), w = useLatestRef(a), R = React.useRef(), P = React.useRef(), A = React.useRef(), C = React.useRef(), I = React.useRef(!0), j = React.useRef(!1), k = React.useRef(() => {
+  } = r, v = useFloatingTree(), S = useFloatingParentNodeId(), E = useLatestRef(i), w = useLatestRef(a), R = React.useRef(), C = React.useRef(), A = React.useRef(), P = React.useRef(), I = React.useRef(!0), j = React.useRef(!1), k = React.useRef(() => {
   }), O = React.useCallback(() => {
     var D;
     const W = (D = m.current.openEvent) == null ? void 0 : D.type;
@@ -12839,7 +12860,7 @@ const useHover = function(r, n) {
     if (!o)
       return;
     function D() {
-      clearTimeout(P.current), clearTimeout(C.current), I.current = !0;
+      clearTimeout(C.current), clearTimeout(P.current), I.current = !0;
     }
     return g.on("dismiss", D), () => {
       g.off("dismiss", D);
@@ -12858,7 +12879,7 @@ const useHover = function(r, n) {
   const T = React.useCallback(function(D) {
     D === void 0 && (D = !0);
     const W = getDelay(w.current, "close", R.current);
-    W && !A.current ? (clearTimeout(P.current), P.current = setTimeout(() => p(!1), W)) : D && (clearTimeout(P.current), p(!1));
+    W && !A.current ? (clearTimeout(C.current), C.current = setTimeout(() => p(!1), W)) : D && (clearTimeout(C.current), p(!1));
   }, [w, p]), B = React.useCallback(() => {
     k.current(), A.current = void 0;
   }, []), L = React.useCallback(() => {
@@ -12874,11 +12895,11 @@ const useHover = function(r, n) {
       return m.current.openEvent ? ["click", "mousedown"].includes(m.current.openEvent.type) : !1;
     }
     function W(V) {
-      if (clearTimeout(P.current), I.current = !1, l && !isMouseLikePointerType(R.current) || c > 0 && getDelay(w.current, "open") === 0)
+      if (clearTimeout(C.current), I.current = !1, l && !isMouseLikePointerType(R.current) || c > 0 && getDelay(w.current, "open") === 0)
         return;
       m.current.openEvent = V;
       const q = getDelay(w.current, "open", R.current);
-      q ? P.current = setTimeout(() => {
+      q ? C.current = setTimeout(() => {
         p(!0);
       }, q) : p(!0);
     }
@@ -12887,8 +12908,8 @@ const useHover = function(r, n) {
         return;
       k.current();
       const q = getDocument(b);
-      if (clearTimeout(C.current), E.current) {
-        d || clearTimeout(P.current), A.current = E.current({
+      if (clearTimeout(P.current), E.current) {
+        d || clearTimeout(C.current), A.current = E.current({
           ...r,
           tree: v,
           x: V.clientX,
@@ -12939,7 +12960,7 @@ const useHover = function(r, n) {
   }, [o, d, S, b, h, v, E, m, O]), index(() => {
     d || (R.current = void 0, B(), L());
   }, [d, B, L]), React.useEffect(() => () => {
-    B(), clearTimeout(P.current), clearTimeout(C.current), L();
+    B(), clearTimeout(C.current), clearTimeout(P.current), L();
   }, [o, B, L]), React.useMemo(() => {
     if (!o)
       return {};
@@ -12951,14 +12972,14 @@ const useHover = function(r, n) {
         onPointerDown: D,
         onPointerEnter: D,
         onMouseMove() {
-          d || c === 0 || (clearTimeout(C.current), C.current = setTimeout(() => {
+          d || c === 0 || (clearTimeout(P.current), P.current = setTimeout(() => {
             I.current || p(!0);
           }, c));
         }
       },
       floating: {
         onMouseEnter() {
-          clearTimeout(P.current);
+          clearTimeout(C.current);
         },
         onMouseLeave() {
           g.emit("dismiss", {
@@ -13154,7 +13175,7 @@ const bubbleHandlerKeys = {
     ancestorScroll: S = !1,
     bubbles: E = !0
   } = n === void 0 ? {} : n;
-  const w = useFloatingTree(), R = useFloatingParentNodeId() != null, P = useEvent(typeof h == "function" ? h : () => !1), A = typeof h == "function" ? P : h, C = React.useRef(!1), {
+  const w = useFloatingTree(), R = useFloatingParentNodeId() != null, C = useEvent(typeof h == "function" ? h : () => !1), A = typeof h == "function" ? C : h, P = React.useRef(!1), {
     escapeKeyBubbles: I,
     outsidePressBubbles: j
   } = normalizeBubblesProp(E);
@@ -13187,8 +13208,8 @@ const bubbleHandlerKeys = {
       }
     }
     function O(D) {
-      const W = C.current;
-      if (C.current = !1, W || typeof A == "function" && !A(D))
+      const W = P.current;
+      if (P.current = !1, W || typeof A == "function" && !A(D))
         return;
       const J = getTarget(D);
       if (isHTMLElement(J) && d) {
@@ -13243,7 +13264,7 @@ const bubbleHandlerKeys = {
       });
     };
   }, [p, d, u, c, g, A, b, i, w, l, o, a, S, m, I, j, R]), React.useEffect(() => {
-    C.current = !1;
+    P.current = !1;
   }, [A, b]), React.useMemo(() => m ? {
     reference: {
       [bubbleHandlerKeys[v]]: () => {
@@ -13257,7 +13278,7 @@ const bubbleHandlerKeys = {
     },
     floating: {
       [captureHandlerKeys[b]]: () => {
-        C.current = !0;
+        P.current = !0;
       }
     }
   } : {}, [m, i, x, b, v, a]);
@@ -13633,8 +13654,8 @@ function useTransition({
   const d = useMantineTheme(), p = useReducedMotion(), m = d.respectReducedMotion ? p : !1, [g, h] = useState$1(m ? 0 : r), [b, x] = useState$1(a ? "entered" : "exited"), v = useRef$1(-1), S = (E) => {
     const w = E ? i : l, R = E ? c : u;
     x(E ? "pre-entering" : "pre-exiting"), window.clearTimeout(v.current);
-    const P = m ? 0 : E ? r : n;
-    if (h(P), P === 0)
+    const C = m ? 0 : E ? r : n;
+    if (h(C), C === 0)
       typeof w == "function" && w(), typeof R == "function" && R(), x(E ? "entered" : "exited");
     else {
       const A = window.setTimeout(() => {
@@ -13642,7 +13663,7 @@ function useTransition({
       }, 10);
       v.current = window.setTimeout(() => {
         window.clearTimeout(A), typeof R == "function" && R(), x(E ? "entered" : "exited");
-      }, P);
+      }, C);
     }
   };
   return useDidUpdate(() => {
@@ -13928,9 +13949,9 @@ function Popover(r) {
     middlewares: E,
     withArrow: w,
     arrowSize: R,
-    arrowOffset: P,
+    arrowOffset: C,
     arrowRadius: A,
-    arrowPosition: C,
+    arrowPosition: P,
     unstyled: I,
     classNames: j,
     styles: k,
@@ -13998,7 +14019,7 @@ function Popover(r) {
     position: getFloatingPosition(Te.dir, m),
     offset: typeof g == "number" ? g + (w ? R / 2 : 0) : g,
     arrowRef: u,
-    arrowOffset: P,
+    arrowOffset: C,
     onPositionChange: h,
     positionDependencies: b,
     opened: x,
@@ -14030,9 +14051,9 @@ function Popover(r) {
       width: S,
       withArrow: w,
       arrowSize: R,
-      arrowOffset: P,
+      arrowOffset: C,
       arrowRadius: A,
-      arrowPosition: C,
+      arrowPosition: P,
       placement: be.floating.placement,
       trapFocus: W,
       withinPortal: T,
@@ -14196,9 +14217,9 @@ function useInputProps(r, n, o) {
     wrapperProps: E,
     id: w,
     size: R,
-    style: P,
+    style: C,
     inputContainer: A,
-    inputWrapperOrder: C,
+    inputWrapperOrder: P,
     withAsterisk: I,
     variant: j
   } = a, k = __objRest$A(a, [
@@ -14239,9 +14260,9 @@ function useInputProps(r, n, o) {
     styles: p,
     id: O,
     size: R,
-    style: P,
+    style: C,
     inputContainer: A,
-    inputWrapperOrder: C,
+    inputWrapperOrder: P,
     withAsterisk: I,
     variant: j
   }, E);
@@ -14524,9 +14545,9 @@ const defaultProps$q = {
     inputContainer: E,
     __staticSelector: w,
     unstyled: R,
-    inputWrapperOrder: P,
+    inputWrapperOrder: C,
     withAsterisk: A,
-    variant: C
+    variant: P
   } = o, I = __objRest$w(o, [
     "className",
     "label",
@@ -14553,14 +14574,14 @@ const defaultProps$q = {
     styles: v,
     name: ["InputWrapper", w],
     unstyled: R,
-    variant: C,
+    variant: P,
     size: S
   }), O = {
     classNames: x,
     styles: v,
     unstyled: R,
     size: S,
-    variant: C,
+    variant: P,
     __staticSelector: w
   }, T = typeof A == "boolean" ? A : c, B = u ? `${u}-error` : b == null ? void 0 : b.id, L = u ? `${u}-description` : h == null ? void 0 : h.id, W = `${!!d && typeof d != "boolean" ? B : ""} ${p ? L : ""}`, J = W.trim().length > 0 ? W.trim() : void 0, F = i && /* @__PURE__ */ React__default.createElement(InputLabel, __spreadValues$M(__spreadValues$M({
     key: "label",
@@ -14579,7 +14600,7 @@ const defaultProps$q = {
     size: (b == null ? void 0 : b.size) || O.size,
     key: "error",
     id: (b == null ? void 0 : b.id) || B
-  }), d), ee = P.map((z) => {
+  }), d), ee = C.map((z) => {
     switch (z) {
       case "label":
         return F;
@@ -14596,7 +14617,7 @@ const defaultProps$q = {
   return /* @__PURE__ */ React__default.createElement(InputWrapperProvider, {
     value: __spreadValues$M({
       describedBy: J
-    }, getInputOffsets(P, {
+    }, getInputOffsets(C, {
       hasDescription: !!V,
       hasError: !!G
     }))
@@ -14817,9 +14838,9 @@ const defaultProps$o = {
     classNames: E,
     styles: w,
     __staticSelector: R,
-    multiline: P,
+    multiline: C,
     sx: A,
-    unstyled: C,
+    unstyled: P,
     pointer: I
   } = o, j = __objRest$u(o, [
     "className",
@@ -14845,7 +14866,7 @@ const defaultProps$o = {
     "pointer"
   ]), { offsetBottom: k, offsetTop: O, describedBy: T } = useInputWrapperContext(), { classes: B, cx: L } = useStyles$v({
     radius: x,
-    multiline: P,
+    multiline: C,
     invalid: !!i,
     rightSectionWidth: m ? rem(m) : void 0,
     iconWidth: g,
@@ -14853,7 +14874,7 @@ const defaultProps$o = {
     offsetBottom: k,
     offsetTop: O,
     pointer: I
-  }, { classNames: E, styles: w, name: ["Input", R], unstyled: C, variant: u, size: v }), { systemStyles: D, rest: W } = extractSystemStyles(j);
+  }, { classNames: E, styles: w, name: ["Input", R], unstyled: P, variant: u, size: v }), { systemStyles: D, rest: W } = extractSystemStyles(j);
   return /* @__PURE__ */ React__default.createElement(Box, __spreadValues$J(__spreadValues$J({
     className: L(B.wrapper, a),
     sx: A,
@@ -15251,9 +15272,9 @@ const defaultProps$l = {
     loaderPosition: E,
     loaderProps: w,
     gradient: R,
-    classNames: P,
+    classNames: C,
     styles: A,
-    unstyled: C
+    unstyled: P
   } = o, I = __objRest$r(o, [
     "className",
     "size",
@@ -15283,7 +15304,7 @@ const defaultProps$l = {
     gradient: R,
     withLeftIcon: !!p,
     withRightIcon: !!m
-  }, { name: "Button", unstyled: C, classNames: P, styles: A, variant: h, size: i }), T = O.fn.variant({ color: l, variant: h }), B = /* @__PURE__ */ React__default.createElement(Loader, __spreadValues$E({
+  }, { name: "Button", unstyled: P, classNames: C, styles: A, variant: h, size: i }), T = O.fn.variant({ color: l, variant: h }), B = /* @__PURE__ */ React__default.createElement(Loader, __spreadValues$E({
     color: T.color,
     size: `calc(${getSize({ size: i, sizes: sizes$1 }).height} / 2)`
   }, w));
@@ -15295,7 +15316,7 @@ const defaultProps$l = {
     "data-disabled": u || void 0,
     "data-loading": S || void 0,
     ref: n,
-    unstyled: C
+    unstyled: P
   }, I), /* @__PURE__ */ React__default.createElement("div", {
     className: j.inner
   }, (p || S && E === "left") && /* @__PURE__ */ React__default.createElement("span", {
@@ -15685,7 +15706,7 @@ const defaultProps$g = {
     unstyled: E,
     processing: w,
     variant: R
-  } = o, P = __objRest$m(o, [
+  } = o, C = __objRest$m(o, [
     "children",
     "position",
     "offset",
@@ -15703,14 +15724,14 @@ const defaultProps$g = {
     "unstyled",
     "processing",
     "variant"
-  ]), { classes: A, cx: C } = useStyles$m({ position: i, offset: l, radius: u, inline: d, color: g, withBorder: p, zIndex: S, withLabel: !!b }, { name: "Indicator", classNames: x, styles: h, unstyled: E, variant: R, size: c });
+  ]), { classes: A, cx: P } = useStyles$m({ position: i, offset: l, radius: u, inline: d, color: g, withBorder: p, zIndex: S, withLabel: !!b }, { name: "Indicator", classNames: x, styles: h, unstyled: E, variant: R, size: c });
   return /* @__PURE__ */ React__default.createElement(Box, __spreadValues$w({
     ref: n,
-    className: C(A.root, m)
-  }, P), !v && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", {
-    className: C(A.indicator, A.common)
+    className: P(A.root, m)
+  }, C), !v && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", {
+    className: P(A.indicator, A.common)
   }, b), w && /* @__PURE__ */ React__default.createElement("div", {
-    className: C(A.processing, A.common)
+    className: P(A.processing, A.common)
   })), a);
 });
 Indicator.displayName = "@mantine/core/Indicator";
@@ -15949,7 +15970,7 @@ const defaultProps$d = {
     "unstyled",
     "variant",
     "keepMounted"
-  ]), { classes: R, cx: P, theme: A } = useStyles$j(null, { name: "LoadingOverlay", unstyled: v, variant: S }), C = `calc(${m} + 1)`;
+  ]), { classes: R, cx: C, theme: A } = useStyles$j(null, { name: "LoadingOverlay", unstyled: v, variant: S }), P = `calc(${m} + 1)`;
   return /* @__PURE__ */ React__default.createElement(Transition, {
     keepMounted: E,
     duration: d,
@@ -15957,13 +15978,13 @@ const defaultProps$d = {
     mounted: i,
     transition: "fade"
   }, (I) => /* @__PURE__ */ React__default.createElement(Box, __spreadValues$r({
-    className: P(R.root, a),
+    className: C(R.root, a),
     style: __spreadProps$m(__spreadValues$r(__spreadValues$r({}, I), g), { zIndex: m }),
     ref: n
   }, w), h ? /* @__PURE__ */ React__default.createElement("div", {
-    style: { zIndex: C }
+    style: { zIndex: P }
   }, h) : /* @__PURE__ */ React__default.createElement(Loader, __spreadValues$r({
-    style: { zIndex: C }
+    style: { zIndex: P }
   }, l)), /* @__PURE__ */ React__default.createElement(Overlay, {
     opacity: c,
     zIndex: m,
@@ -16190,9 +16211,9 @@ const defaultProps$c = {
     defaultOpened: E,
     onChange: w,
     disableRightSectionRotation: R,
-    childrenOffset: P,
+    childrenOffset: C,
     disabled: A,
-    onClick: C
+    onClick: P
   } = o, I = __objRest$g(o, [
     "label",
     "description",
@@ -16214,13 +16235,13 @@ const defaultProps$c = {
     "childrenOffset",
     "disabled",
     "onClick"
-  ]), { classes: j, cx: k } = useStyles$i({ color: h, noWrap: x, childrenOffset: P, alignIcon: i ? "top" : "center" }, { name: "NavLink", classNames: d, styles: p, unstyled: m, variant: b }), [O, T] = useUncontrolled({
+  ]), { classes: j, cx: k } = useStyles$i({ color: h, noWrap: x, childrenOffset: C, alignIcon: i ? "top" : "center" }, { name: "NavLink", classNames: d, styles: p, unstyled: m, variant: b }), [O, T] = useUncontrolled({
     value: S,
     defaultValue: E,
     finalValue: !1,
     onChange: w
   }), B = !!v, L = (D) => {
-    B ? (D.preventDefault(), C == null || C(D), T(!O)) : C == null || C(D);
+    B ? (D.preventDefault(), P == null || P(D), T(!O)) : P == null || P(D);
   };
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(UnstyledButton, __spreadValues$m({
     ref: n,
@@ -16423,9 +16444,9 @@ function TooltipFloating(r) {
     multiline: E,
     width: w,
     zIndex: R,
-    disabled: P,
+    disabled: C,
     variant: A
-  } = o, C = __objRest$e(o, [
+  } = o, P = __objRest$e(o, [
     "children",
     "refProp",
     "withinPortal",
@@ -16460,12 +16481,12 @@ 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({}, C), {
+  }), /* @__PURE__ */ React__default.createElement(Box, __spreadProps$g(__spreadValues$j({}, P), {
     ref: B,
     className: W(D.tooltip, d),
     style: __spreadProps$g(__spreadValues$j({}, u), {
       zIndex: R,
-      display: !P && O ? "block" : "none",
+      display: !C && O ? "block" : "none",
       top: k ?? "",
       left: (n = Math.round(j)) != null ? n : ""
     })
@@ -16488,7 +16509,7 @@ function useTooltip(r) {
     refs: S,
     update: E,
     placement: w,
-    middlewareData: { arrow: { x: R, y: P } = {} }
+    middlewareData: { arrow: { x: R, y: C } = {} }
   } = useFloating({
     placement: r.position,
     open: i,
@@ -16500,7 +16521,7 @@ function useTooltip(r) {
       arrow({ element: r.arrowRef, padding: r.arrowOffset }),
       ...r.inline ? [inline()] : []
     ]
-  }), { getReferenceProps: A, getFloatingProps: C } = useInteractions([
+  }), { getReferenceProps: A, getFloatingProps: P } = useInteractions([
     useHover(v, {
       enabled: r.events.hover,
       delay: l ? u : { open: r.openDelay, close: r.closeDelay },
@@ -16523,10 +16544,10 @@ function useTooltip(r) {
     x: g,
     y: h,
     arrowX: R,
-    arrowY: P,
+    arrowY: C,
     reference: b,
     floating: x,
-    getFloatingProps: C,
+    getFloatingProps: P,
     getReferenceProps: A,
     isGroupPhase: i && d && d !== c,
     opened: i,
@@ -16582,9 +16603,9 @@ const defaultProps$9 = {
     classNames: E,
     styles: w,
     unstyled: R,
-    style: P,
+    style: C,
     className: A,
-    withArrow: C,
+    withArrow: P,
     arrowSize: I,
     arrowOffset: j,
     arrowRadius: k,
@@ -16649,7 +16670,7 @@ const defaultProps$9 = {
     events: W,
     arrowRef: a,
     arrowOffset: j,
-    offset: T + (C ? I / 2 : 0),
+    offset: T + (P ? I / 2 : 0),
     positionDependencies: [...V, l],
     inline: z
   });
@@ -16669,7 +16690,7 @@ const defaultProps$9 = {
     return /* @__PURE__ */ React__default.createElement(Box, __spreadValues$i(__spreadValues$i({}, _), $.getFloatingProps({
       ref: $.floating,
       className: Q.tooltip,
-      style: __spreadProps$f(__spreadValues$i(__spreadValues$i({}, P), se), {
+      style: __spreadProps$f(__spreadValues$i(__spreadValues$i({}, C), se), {
         zIndex: J,
         top: (K = $.y) != null ? K : 0,
         left: (Z = $.x) != null ? Z : 0
@@ -16678,7 +16699,7 @@ const defaultProps$9 = {
       ref: a,
       arrowX: $.arrowX,
       arrowY: $.arrowY,
-      visible: C,
+      visible: P,
       position: $.placement,
       arrowSize: I,
       arrowOffset: j,
@@ -16798,9 +16819,9 @@ const defaultProps$8 = {
     classNames: E,
     styles: w,
     filter: R,
-    maxDropdownHeight: P,
+    maxDropdownHeight: C,
     searchable: A,
-    clearable: C,
+    clearable: P,
     nothingFound: I,
     limit: j,
     disabled: k,
@@ -16885,7 +16906,7 @@ const defaultProps$8 = {
     offset: 5,
     cancelable: !1,
     isList: !0
-  }), Ye = re === void 0 ? C : re, Se = (H) => {
+  }), Ye = re === void 0 ? P : re, Se = (H) => {
     if (ge !== H) {
       Ge(H);
       const ie = H ? ee : G;
@@ -17010,7 +17031,7 @@ const defaultProps$8 = {
   }, Y = (H) => {
     typeof b == "function" && b(H), A && Se(!0);
   }, oe = (H) => {
-    Z || (Oe(H.currentTarget.value), C && H.currentTarget.value === "" && Be(null), ve(-1), Se(!0));
+    Z || (Oe(H.currentTarget.value), P && H.currentTarget.value === "" && Be(null), ve(-1), Se(!0));
   }, ce = () => {
     Z || (Se(!ge), Ce && !ge && ve(Ve));
   };
@@ -17075,7 +17096,7 @@ const defaultProps$8 = {
     rightSectionWidth: L,
     styles: w,
     size: a.size,
-    shouldClear: C && !!Pe,
+    shouldClear: P && !!Pe,
     onClear: st,
     error: i.error,
     clearButtonProps: le,
@@ -17083,7 +17104,7 @@ const defaultProps$8 = {
     readOnly: Z
   }))))), /* @__PURE__ */ React__default.createElement(SelectPopover.Dropdown, {
     component: q || SelectScrollArea,
-    maxHeight: P,
+    maxHeight: C,
     direction: Je,
     id: a.id,
     innerRef: nt,
@@ -17223,14 +17244,14 @@ const Thumb = forwardRef$1(({
   onFocus: E,
   onBlur: w,
   showLabelOnHover: R,
-  isHovered: P,
+  isHovered: C,
   children: A = null,
-  disabled: C,
+  disabled: P,
   unstyled: I,
   thumbSize: j,
   variant: k
 }, O) => {
-  const { classes: T, cx: B, theme: L } = useStyles$d({ color: d, disabled: C, thumbSize: j }, { name: "Slider", classNames: p, styles: m, unstyled: I, variant: k, size: g }), [D, W] = useState$1(!1), J = v || l || D || R && P;
+  const { classes: T, cx: B, theme: L } = useStyles$d({ color: d, disabled: P, thumbSize: j }, { name: "Slider", classNames: p, styles: m, unstyled: I, variant: k, size: g }), [D, W] = useState$1(!1), J = v || l || D || R && C;
   return /* @__PURE__ */ React__default.createElement(Box, {
     tabIndex: 0,
     role: "slider",
@@ -17332,11 +17353,11 @@ function Marks({
     })
   }), w.label && /* @__PURE__ */ React__default.createElement("div", {
     className: v.markLabel,
-    onMouseDown: (P) => {
-      P.stopPropagation(), !g && m(w.value);
+    onMouseDown: (C) => {
+      C.stopPropagation(), !g && m(w.value);
     },
-    onTouchStart: (P) => {
-      P.stopPropagation(), !g && m(w.value);
+    onTouchStart: (C) => {
+      C.stopPropagation(), !g && m(w.value);
     }
   }, w.label)));
   return /* @__PURE__ */ React__default.createElement("div", {
@@ -17576,9 +17597,9 @@ const defaultProps$7 = {
     marks: E,
     label: w,
     labelTransition: R,
-    labelTransitionDuration: P,
+    labelTransitionDuration: C,
     labelTransitionTimingFunction: A,
-    labelAlwaysOn: C,
+    labelAlwaysOn: P,
     thumbLabel: I,
     showLabelOnHover: j,
     thumbChildren: k,
@@ -17712,9 +17733,9 @@ const defaultProps$7 = {
     label: re,
     ref: _,
     labelTransition: R,
-    labelTransitionDuration: P,
+    labelTransitionDuration: C,
     labelTransitionTimingFunction: A,
-    labelAlwaysOn: C,
+    labelAlwaysOn: P,
     classNames: a,
     styles: i,
     thumbLabel: I,
@@ -17998,8 +18019,8 @@ const defaultProps$3 = {}, Tab = forwardRef$1((r, n) => {
     classNames: h.classNames,
     styles: h.styles,
     variant: h.variant
-  }), w = a === h.value, R = h.getPanelId(a), P = h.mountedPanelIds.includes(a) ? R : void 0, A = (C) => {
-    h.onTabChange(h.allowTabDeactivation && a === h.value ? null : a), c == null || c(C);
+  }), w = a === h.value, R = h.getPanelId(a), C = h.mountedPanelIds.includes(a) ? R : void 0, A = (P) => {
+    h.onTabChange(h.allowTabDeactivation && a === h.value ? null : a), c == null || c(P);
   };
   return /* @__PURE__ */ React__default.createElement(UnstyledButton, __spreadProps$5(__spreadValues$6({}, g), {
     unstyled: h.unstyled,
@@ -18011,7 +18032,7 @@ const defaultProps$3 = {}, Tab = forwardRef$1((r, n) => {
     id: h.getTabId(a),
     "aria-selected": w,
     tabIndex: w || h.value === null ? 0 : -1,
-    "aria-controls": P,
+    "aria-controls": C,
     onClick: A,
     onKeyDown: createScopedKeydownHandler({
       siblingSelector: '[role="tab"]',
@@ -18051,7 +18072,7 @@ function TabsProvider({
   styles: S,
   unstyled: E
 }) {
-  const w = useId$2(c), [R, P] = useState$1([]), [A, C] = useUncontrolled({
+  const w = useId$2(c), [R, C] = useState$1([]), [A, P] = useUncontrolled({
     value: n,
     defaultValue: r,
     finalValue: null,
@@ -18067,8 +18088,8 @@ function TabsProvider({
       activateTabWithKeyboard: u,
       getTabId: getSafeId(`${w}-tab`, TABS_ERRORS.value),
       getPanelId: getSafeId(`${w}-panel`, TABS_ERRORS.value),
-      onTabChange: C,
-      setMountedPanelIds: P,
+      onTabChange: P,
+      setMountedPanelIds: C,
       mountedPanelIds: R,
       allowTabDeactivation: d,
       variant: p,
@@ -18132,9 +18153,9 @@ const defaultProps$2 = {
     styles: E,
     radius: w,
     inverted: R,
-    keepMounted: P,
+    keepMounted: C,
     placement: A
-  } = o, C = __objRest$4(o, [
+  } = o, P = __objRest$4(o, [
     "defaultValue",
     "value",
     "orientation",
@@ -18168,12 +18189,12 @@ const defaultProps$2 = {
     variant: h,
     radius: w,
     inverted: R,
-    keepMounted: P,
+    keepMounted: C,
     placement: A,
     classNames: S,
     styles: E,
     unstyled: v
-  }, /* @__PURE__ */ React__default.createElement(Box, __spreadProps$4(__spreadValues$5({}, C), {
+  }, /* @__PURE__ */ React__default.createElement(Box, __spreadProps$4(__spreadValues$5({}, P), {
     className: j(I.root, x),
     id: m,
     ref: n
@@ -18549,8 +18570,8 @@ function stringify(r, n, o, a = {}) {
     if (R === void 0)
       return x(w, i, v, R);
     l.push(R);
-    const P = S(w, R === ROOT_SENTINEL ? void 0 : R);
-    return l.pop(), P;
+    const C = S(w, R === ROOT_SENTINEL ? void 0 : R);
+    return l.pop(), C;
   }, S = g ? (w, R) => {
     if (w !== null && (typeof w == "object" || typeof w == "function" || typeof w == "symbol")) {
       if (u.has(w))
@@ -18562,18 +18583,18 @@ function stringify(r, n, o, a = {}) {
     if (c.has(w))
       return;
     c.add(w);
-    const P = x(w, i, v, R);
-    return c.delete(w), P;
+    const C = x(w, i, v, R);
+    return c.delete(w), C;
   }, E = v(r, ROOT_SENTINEL);
   if (d.size) {
     const w = i ? " " : "", R = i ? `
 ` : "";
-    let P = `var x${w}=${w}${E};${R}`;
-    for (const [A, C] of d.entries()) {
-      const I = quote_1.stringifyPath(A, v), j = quote_1.stringifyPath(C, v);
-      P += `x${I}${w}=${w}x${j};${R}`;
+    let C = `var x${w}=${w}${E};${R}`;
+    for (const [A, P] of d.entries()) {
+      const I = quote_1.stringifyPath(A, v), j = quote_1.stringifyPath(P, v);
+      C += `x${I}${w}=${w}x${j};${R}`;
     }
-    return `(function${w}()${w}{${R}${P}return x;${R}}())`;
+    return `(function${w}()${w}{${R}${C}return x;${R}}())`;
   }
   return E;
 }
@@ -18625,14 +18646,14 @@ function PanelWithForwardedRef({
     expandPanel: E,
     getPanelStyle: w,
     registerPanel: R,
-    resizePanel: P,
+    resizePanel: C,
     unregisterPanel: A
-  } = x, C = useRef({
+  } = x, P = useRef({
     onCollapse: p,
     onResize: m
   });
   if (useEffect(() => {
-    C.current.onCollapse = p, C.current.onResize = m;
+    P.current.onCollapse = p, P.current.onResize = m;
   }), d < 0 || d > 100)
     throw Error(`Panel minSize must be between 0 and 100, but was ${d}`);
   if (u < 0 || u > 100)
@@ -18645,7 +18666,7 @@ function PanelWithForwardedRef({
   const I = w(v, i), j = useRef({
     size: parseSizeFromStyle(I)
   }), k = useRef({
-    callbacksRef: C,
+    callbacksRef: P,
     collapsedSize: o,
     collapsible: a,
     defaultSize: i,
@@ -18656,7 +18677,7 @@ function PanelWithForwardedRef({
     order: g
   });
   return useIsomorphicLayoutEffect(() => {
-    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;
+    j.current.size = parseSizeFromStyle(I), k.current.callbacksRef = P, 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(() => (R(v, k), () => {
     A(v);
   }), [g, v, R, A]), useImperativeHandle(l, () => ({
@@ -18668,8 +18689,8 @@ function PanelWithForwardedRef({
     getSize() {
       return j.current.size;
     },
-    resize: (O) => P(v, O)
-  }), [S, E, v, P]), createElement(b, {
+    resize: (O) => C(v, O)
+  }), [S, E, v, C]), createElement(b, {
     children: r,
     className: n,
     "data-panel": "",
@@ -18705,7 +18726,7 @@ function adjustByDelta(r, n, o, a, i, l, c, u) {
   const m = panelsMapToSortedArray(n), g = p.concat();
   let h = 0;
   {
-    const v = i < 0 ? a : o, S = m.findIndex((P) => P.current.id === v), E = m[S], w = p[S], R = safeResizePanel(E, Math.abs(i), w, r);
+    const v = i < 0 ? a : o, S = m.findIndex((C) => C.current.id === v), E = m[S], w = p[S], R = safeResizePanel(E, Math.abs(i), w, r);
     if (w === R)
       return p;
     R === 0 && w > 0 && c.set(v, w), i = i < 0 ? w - R : R - w;
@@ -18834,12 +18855,12 @@ function useWindowSplitterPanelGroupBehavior({
       if (S == null || E == null)
         return () => {
         };
-      let w = 0, R = 100, P = 0, A = 0;
+      let w = 0, R = 100, C = 0, A = 0;
       v.forEach((T) => {
-        T.current.id === S ? (R = T.current.maxSize, w = T.current.minSize) : (P += T.current.minSize, A += T.current.maxSize);
+        T.current.id === S ? (R = T.current.maxSize, w = T.current.minSize) : (C += T.current.minSize, A += T.current.maxSize);
       });
-      const C = Math.min(R, 100 - P), I = Math.max(w, (v.length - 1) * 100 - A), 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 P = Math.min(R, 100 - C), I = Math.max(w, (v.length - 1) * 100 - A), j = getFlexGrow(u, S, i);
+      b.setAttribute("aria-valuemax", "" + Math.round(P)), b.setAttribute("aria-valuemin", "" + Math.round(I)), b.setAttribute("aria-valuenow", "" + Math.round(parseInt(j)));
       const k = (T) => {
         if (!T.defaultPrevented)
           switch (T.key) {
@@ -18958,10 +18979,10 @@ function getMovement(r, n, o, a, i, l, c) {
         E = -x;
         break;
     }
-    const [w, R] = getResizeHandlePanelIds(n, o, a), P = E < 0 ? w : R, A = a.findIndex((I) => I.current.id === P), C = a[A];
-    if (C.current.collapsible) {
+    const [w, R] = getResizeHandlePanelIds(n, o, a), C = E < 0 ? w : R, A = a.findIndex((I) => I.current.id === C), P = a[A];
+    if (P.current.collapsible) {
       const I = m[A];
-      (I === 0 || I.toPrecision(PRECISION) === C.current.minSize.toPrecision(PRECISION)) && (E = E < 0 ? -C.current.minSize * x : C.current.minSize * x);
+      (I === 0 || I.toPrecision(PRECISION) === P.current.minSize.toPrecision(PRECISION)) && (E = E < 0 ? -P.current.minSize * x : P.current.minSize * x);
     }
     return E;
   } else
@@ -19094,7 +19115,7 @@ function PanelGroupWithForwardedRef({
   useEffect(() => {
     E.current.onLayout = u;
   });
-  const w = useRef({}), [R, P] = useState([]), A = useRef(/* @__PURE__ */ new Map()), C = useRef(0), I = useRef({
+  const w = useRef({}), [R, C] = useState([]), A = useRef(/* @__PURE__ */ new Map()), P = useRef(0), I = useRef({
     direction: a,
     panels: x,
     sizes: R
@@ -19112,7 +19133,7 @@ function PanelGroupWithForwardedRef({
       const {
         panels: q
       } = I.current, G = w.current, ee = panelsMapToSortedArray(q);
-      P(F), callPanelCallbacks(ee, F, G);
+      C(F), callPanelCallbacks(ee, F, G);
     }
   }), []), useIsomorphicLayoutEffect(() => {
     I.current.direction = a, I.current.panels = x, I.current.sizes = R;
@@ -19120,7 +19141,7 @@ function PanelGroupWithForwardedRef({
     committedValuesRef: I,
     groupId: g,
     panels: x,
-    setSizes: P,
+    setSizes: C,
     sizes: R,
     panelSizeBeforeCollapse: A
   }), useEffect(() => {
@@ -19144,7 +19165,7 @@ function PanelGroupWithForwardedRef({
       V = loadPanelLayout(r, q, d);
     }
     if (V != null)
-      P(V);
+      C(V);
     else {
       const q = panelsMapToSortedArray(x);
       let G = 0, ee = 0, z = 0;
@@ -19156,7 +19177,7 @@ function PanelGroupWithForwardedRef({
         throw new Error("Invalid default sizes specified for panels");
       if (z > 100)
         throw new Error("Minimum panel sizes cannot exceed 100%");
-      P(q.map((U) => U.current.defaultSize === null ? (100 - ee) / G : U.current.defaultSize));
+      C(q.map((U) => U.current.defaultSize === null ? (100 - ee) / G : U.current.defaultSize));
     }
   }, [r, x, d]), useEffect(() => {
     if (r) {
@@ -19208,11 +19229,11 @@ function PanelGroupWithForwardedRef({
     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, A.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) {
+    if ((isMouseEvent(q) || isTouchEvent(q)) && P.current != se && setGlobalCursorStyle(Z ? $ ? "horizontal" : "vertical" : $ ? Q < 0 ? "horizontal-min" : "horizontal-max" : Q < 0 ? "vertical-min" : "vertical-max"), Z) {
       const le = w.current;
-      P(K), callPanelCallbacks(U, K, le);
+      C(K), callPanelCallbacks(U, K, le);
     }
-    C.current = se;
+    P.current = se;
   }, [g]), T = useCallback((F) => {
     v((V) => {
       if (!V.has(F))
@@ -19246,7 +19267,7 @@ function PanelGroupWithForwardedRef({
     const $ = te === U.length - 1 ? _ : ee - _, ae = adjustByDelta(null, V, Q, ne, $, q, A.current, null);
     if (q !== ae) {
       const se = w.current;
-      P(ae), callPanelCallbacks(U, ae, se);
+      C(ae), callPanelCallbacks(U, ae, se);
     }
   }, []), L = useCallback((F) => {
     const {
@@ -19270,7 +19291,7 @@ function PanelGroupWithForwardedRef({
     const ae = _ === te.length - 1 ? ee - U : U, se = adjustByDelta(null, V, ne, re, ae, q, A.current, null);
     if (q !== se) {
       const K = w.current;
-      P(se), callPanelCallbacks(te, se, K);
+      C(se), callPanelCallbacks(te, se, K);
     }
   }, []), D = useCallback((F, V) => {
     const {
@@ -19297,7 +19318,7 @@ function PanelGroupWithForwardedRef({
     const K = ne === Q.length - 1 ? re - V : V - re, Z = adjustByDelta(null, q, $, ae, K, G, A.current, null);
     if (G !== Z) {
       const le = w.current;
-      P(Z), callPanelCallbacks(Q, Z, le);
+      C(Z), callPanelCallbacks(Q, Z, le);
     }
   }, []), W = useMemo(() => ({
     activeHandleId: h,
@@ -19376,7 +19397,7 @@ function PanelResizeHandle$1({
     registerResizeHandle: b,
     startDragging: x,
     stopDragging: v
-  } = p, S = useUniqueId(a), E = m === S, [w, R] = useState(!1), [P, A] = useState(null), C = useCallback(() => {
+  } = p, S = useUniqueId(a), E = m === S, [w, R] = useState(!1), [C, A] = useState(null), P = useCallback(() => {
     u.current.blur(), v();
     const {
       onDragging: k
@@ -19391,20 +19412,20 @@ function PanelResizeHandle$1({
       A(() => j);
     }
   }, [o, S, b]), useEffect(() => {
-    if (o || P == null || !E)
+    if (o || C == null || !E)
       return;
     const j = (B) => {
-      P(B);
+      C(B);
     }, k = (B) => {
-      P(B);
+      C(B);
     }, T = u.current.ownerDocument;
-    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);
+    return T.body.addEventListener("contextmenu", P), T.body.addEventListener("mousemove", j), T.body.addEventListener("touchmove", j), T.body.addEventListener("mouseleave", k), window.addEventListener("mouseup", P), window.addEventListener("touchend", P), () => {
+      T.body.removeEventListener("contextmenu", P), T.body.removeEventListener("mousemove", j), T.body.removeEventListener("touchmove", j), T.body.removeEventListener("mouseleave", k), window.removeEventListener("mouseup", P), window.removeEventListener("touchend", P);
     };
-  }, [g, o, E, P, C]), useWindowSplitterResizeHandlerBehavior({
+  }, [g, o, E, C, P]), useWindowSplitterResizeHandlerBehavior({
     disabled: o,
     handleId: S,
-    resizeHandler: P
+    resizeHandler: C
   });
   const I = {
     cursor: getCursorStyle(g),
@@ -19428,9 +19449,9 @@ function PanelResizeHandle$1({
       } = d.current;
       k && k(!0);
     },
-    onMouseUp: C,
-    onTouchCancel: C,
-    onTouchEnd: C,
+    onMouseUp: P,
+    onTouchCancel: P,
+    onTouchEnd: P,
     onTouchStart: (j) => {
       x(S, j.nativeEvent);
       const {
@@ -19636,17 +19657,17 @@ function JSONNestedNode(r) {
     ...r,
     circularCache: n,
     level: g + 1
-  }) : null, P = /* @__PURE__ */ React__default.createElement("span", v("nestedNodeItemType", S), b), A = c(h, i, P, a(i, o), p), C = [p, h, S, l];
-  return u ? /* @__PURE__ */ React__default.createElement("li", v("rootNode", ...C), /* @__PURE__ */ React__default.createElement("ul", v("rootNodeChildren", ...C), R)) : /* @__PURE__ */ React__default.createElement("li", v("nestedNode", ...C), l && /* @__PURE__ */ React__default.createElement(JSONArrow, {
+  }) : null, C = /* @__PURE__ */ React__default.createElement("span", v("nestedNodeItemType", S), b), A = c(h, i, C, a(i, o), p), P = [p, h, S, l];
+  return u ? /* @__PURE__ */ React__default.createElement("li", v("rootNode", ...P), /* @__PURE__ */ React__default.createElement("ul", v("rootNodeChildren", ...P), R)) : /* @__PURE__ */ React__default.createElement("li", v("nestedNode", ...P), l && /* @__PURE__ */ React__default.createElement(JSONArrow, {
     styling: v,
     nodeType: h,
     expanded: S,
     onClick: w
-  }), /* @__PURE__ */ React__default.createElement("label", _extends$1({}, v(["label", "nestedNodeLabel"], ...C), {
+  }), /* @__PURE__ */ React__default.createElement("label", _extends$1({}, v(["label", "nestedNodeLabel"], ...P), {
     onClick: w
-  }), m(...C)), /* @__PURE__ */ React__default.createElement("span", _extends$1({}, v("nestedNodeItemString", ...C), {
+  }), m(...P)), /* @__PURE__ */ React__default.createElement("span", _extends$1({}, v("nestedNodeItemString", ...P), {
     onClick: w
-  }), A), /* @__PURE__ */ React__default.createElement("ul", v("nestedNodeChildren", ...C), R));
+  }), A), /* @__PURE__ */ React__default.createElement("ul", v("nestedNodeChildren", ...P), R));
 }
 function createItemString$2(r) {
   const n = Object.getOwnPropertyNames(r).length;
@@ -21828,9 +21849,9 @@ function createHybrid(r, n, o, a, i, l, c, u, d, p) {
     for (var E = arguments.length, w = Array(E), R = E; R--; )
       w[R] = arguments[R];
     if (b)
-      var P = getHolder(S), A = countHolders(w, P);
+      var C = getHolder(S), A = countHolders(w, C);
     if (a && (w = composeArgs(w, a, i, b)), l && (w = composeArgsRight(w, l, c, b)), E -= A, b && E < p) {
-      var C = replaceHolders(w, P);
+      var P = replaceHolders(w, C);
       return createRecurry(
         r,
         n,
@@ -21838,7 +21859,7 @@ function createHybrid(r, n, o, a, i, l, c, u, d, p) {
         S.placeholder,
         o,
         w,
-        C,
+        P,
         u,
         d,
         p - E
@@ -22708,8 +22729,8 @@ var Prism$1 = function() {
             b.hasOwnProperty(E) || (S[E] = v[E]);
           }
         var R = x[g];
-        return x[g] = S, a.languages.DFS(a.languages, function(P, A) {
-          A === R && P != g && (this[P] = S);
+        return x[g] = S, a.languages.DFS(a.languages, function(C, A) {
+          A === R && C != g && (this[C] = S);
         }), S;
       },
       // Traverse a language definition with Depth First Search
@@ -22871,19 +22892,19 @@ var Prism$1 = function() {
         for (var R = 0; R < w.length; ++R) {
           if (S && S.cause == E + "," + R)
             return;
-          var P = w[R], A = 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");
+          var C = w[R], A = C.inside, P = !!C.lookbehind, I = !!C.greedy, j = C.alias;
+          if (I && !C.pattern.global) {
+            var k = C.pattern.toString().match(/[imsuy]*$/)[0];
+            C.pattern = RegExp(C.pattern.source, k + "g");
           }
-          for (var O = P.pattern || P, T = x.next, B = v; T !== h.tail && !(S && B >= S.reach); B += T.value.length, T = T.next) {
+          for (var O = C.pattern || C, T = x.next, B = v; T !== h.tail && !(S && B >= S.reach); B += T.value.length, T = T.next) {
             var L = T.value;
             if (h.length > g.length)
               return;
             if (!(L instanceof i)) {
               var D = 1, W;
               if (I) {
-                if (W = l(O, B, g, C), !W || W.index >= g.length)
+                if (W = l(O, B, g, P), !W || W.index >= g.length)
                   break;
                 var q = W.index, J = W.index + W[0].length, F = B;
                 for (F += T.value.length; q >= F; )
@@ -22893,7 +22914,7 @@ var Prism$1 = function() {
                 for (var V = T; V !== h.tail && (F < J || typeof V.value == "string"); V = V.next)
                   D++, F += V.value.length;
                 D--, L = g.slice(B, F), W.index -= B;
-              } else if (W = l(O, 0, L, C), !W)
+              } else if (W = l(O, 0, L, P), !W)
                 continue;
               var q = W.index, G = W[0], ee = L.slice(0, q), z = L.slice(q + G.length), U = B + L.length;
               S && U > S.reach && (S.reach = U);
@@ -24245,11 +24266,11 @@ prism.hooks.add("after-tokenize", function r(n) {
   }
   function c(v, S) {
     for (var E = 1, w = a; w < o.length; w++) {
-      var R = o[w], P = R.content;
-      if (R.type === "punctuation" && typeof P == "string") {
-        if (v.test(P))
+      var R = o[w], C = R.content;
+      if (R.type === "punctuation" && typeof C == "string") {
+        if (v.test(C))
           E++;
-        else if (S.test(P) && (E--, E === 0))
+        else if (S.test(C) && (E--, E === 0))
           return w;
       }
     }
@@ -24389,9 +24410,9 @@ prism.languages.sql = {
       for (var j = I.content, k; b.indexOf(k = u(E++, v)) !== -1; )
         ;
       return w[k] = j, k;
-    }).join(""), P = d(R, x, v), A = Object.keys(w);
+    }).join(""), C = d(R, x, v), A = Object.keys(w);
     E = 0;
-    function C(I) {
+    function P(I) {
       for (var j = 0; j < I.length; j++) {
         if (E >= A.length)
           return;
@@ -24406,17 +24427,17 @@ prism.languages.sql = {
             var L = T.substring(0, B), D = p(w[O]), W = T.substring(B + O.length), J = [];
             if (L && J.push(L), J.push(D), W) {
               var F = [W];
-              C(F), J.push.apply(J, F);
+              P(F), J.push.apply(J, F);
             }
             typeof k == "string" ? (I.splice.apply(I, [j, 1].concat(J)), j += J.length - 1) : k.content = J;
           }
         } else {
           var V = k.content;
-          Array.isArray(V) ? C(V) : C([V]);
+          Array.isArray(V) ? P(V) : P([V]);
         }
       }
     }
-    return C(P), new r.Token(v, P, "language-" + v, b);
+    return P(C), new r.Token(v, C, "language-" + v, b);
   }
   var g = {
     javascript: !0,
@@ -24439,9 +24460,9 @@ prism.languages.sql = {
             continue;
           }
           if (w.type === "template-string") {
-            var P = R[1];
-            if (R.length === 3 && typeof P != "string" && P.type === "embedded-code") {
-              var A = h(P), C = P.alias, I = Array.isArray(C) ? C[0] : C, j = r.languages[I];
+            var C = R[1];
+            if (R.length === 3 && typeof C != "string" && C.type === "embedded-code") {
+              var A = h(C), P = C.alias, I = Array.isArray(P) ? P[0] : P, j = r.languages[I];
               if (!j)
                 continue;
               R[1] = m(A, j, I);
@@ -25894,7 +25915,7 @@ const prismDefaultProps = {
     radius: E,
     getPrismTheme: w,
     variant: R
-  } = o, P = __objRest$2(o, [
+  } = o, C = __objRest$2(o, [
     "className",
     "children",
     "language",
@@ -25912,17 +25933,17 @@ const prismDefaultProps = {
     "radius",
     "getPrismTheme",
     "variant"
-  ]), A = v && typeof i == "string" ? i.trim() : i, C = A.split(`
+  ]), A = v && typeof i == "string" ? i.trim() : i, P = A.split(`
 `).length.toString().length, I = useMantineTheme(), j = useClipboard(), k = x || I.colorScheme, { classes: O, cx: T } = useStyles$2({
     colorScheme: k,
     native: b !== ScrollArea,
-    maxLineSize: C,
+    maxLineSize: P,
     radius: E
   }, { name: "Prism", classNames: u, styles: d, unstyled: S, variant: R });
   return /* @__PURE__ */ React__default.createElement(Box, __spreadProps$2(__spreadValues$2({
     className: T(O.root, a),
     ref: n
-  }, P), {
+  }, C), {
     translate: "no"
   }), !c && /* @__PURE__ */ React__default.createElement(Tooltip, {
     label: j.copied ? m : p,
@@ -26150,10 +26171,10 @@ var diffMatchPatch = { exports: {} };
       ];
     var b = this.diff_halfMatch_(l, c);
     if (b) {
-      var x = b[0], v = b[1], S = b[2], E = b[3], w = b[4], R = this.diff_main(x, S, u, d), P = this.diff_main(v, E, u, d);
+      var x = b[0], v = b[1], S = b[2], E = b[3], w = b[4], R = this.diff_main(x, S, u, d), C = this.diff_main(v, E, u, d);
       return R.concat(
         [new n.Diff(i, w)],
-        P
+        C
       );
     }
     return u && l.length > 100 && c.length > 100 ? this.diff_lineMode_(l, c, d) : this.diff_bisect_(l, c, d);
@@ -26190,10 +26211,10 @@ var diffMatchPatch = { exports: {} };
     for (var d = l.length, p = c.length, m = Math.ceil((d + p) / 2), g = m, h = 2 * m, 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 - p, E = S % 2 != 0, w = 0, R = 0, P = 0, A = 0, C = 0; C < m && !((/* @__PURE__ */ new Date()).getTime() > u); C++) {
-      for (var I = -C + w; I <= C - R; I += 2) {
+    for (var S = d - p, E = S % 2 != 0, w = 0, R = 0, C = 0, A = 0, P = 0; P < m && !((/* @__PURE__ */ new Date()).getTime() > u); P++) {
+      for (var I = -P + w; I <= P - R; I += 2) {
         var j = g + I, k;
-        I == -C || I != C && b[j - 1] < b[j + 1] ? k = b[j + 1] : k = b[j - 1] + 1;
+        I == -P || I != P && b[j - 1] < b[j + 1] ? k = b[j + 1] : k = b[j - 1] + 1;
         for (var O = k - I; k < d && O < p && l.charAt(k) == c.charAt(O); )
           k++, O++;
         if (b[j] = k, k > d)
@@ -26209,15 +26230,15 @@ var diffMatchPatch = { exports: {} };
           }
         }
       }
-      for (var L = -C + P; L <= C - A; L += 2) {
+      for (var L = -P + C; L <= P - A; L += 2) {
         var T = g + L, B;
-        L == -C || L != C && x[T - 1] < x[T + 1] ? B = x[T + 1] : B = x[T - 1] + 1;
+        L == -P || L != P && x[T - 1] < x[T + 1] ? B = x[T + 1] : B = x[T - 1] + 1;
         for (var D = B - L; B < d && D < p && l.charAt(d - B - 1) == c.charAt(p - D - 1); )
           B++, D++;
         if (x[T] = B, B > d)
           A += 2;
         else if (D > p)
-          P += 2;
+          C += 2;
         else if (!E) {
           var j = g + S - L;
           if (j >= 0 && j < h && b[j] != -1) {
@@ -26290,16 +26311,16 @@ var diffMatchPatch = { exports: {} };
     if (u.length < 4 || d.length * 2 < u.length)
       return null;
     var p = this;
-    function m(R, P, A) {
-      for (var C = R.substring(A, A + Math.floor(R.length / 4)), I = -1, j = "", k, O, T, B; (I = P.indexOf(C, I + 1)) != -1; ) {
+    function m(R, C, A) {
+      for (var P = R.substring(A, A + Math.floor(R.length / 4)), I = -1, j = "", k, O, T, B; (I = C.indexOf(P, I + 1)) != -1; ) {
         var L = p.diff_commonPrefix(
           R.substring(A),
-          P.substring(I)
+          C.substring(I)
         ), D = p.diff_commonSuffix(
           R.substring(0, A),
-          P.substring(0, I)
+          C.substring(0, I)
         );
-        j.length < D + L && (j = P.substring(I - D, I) + P.substring(I, I + L), k = R.substring(0, A - D), O = R.substring(A + L), T = P.substring(0, I - D), B = P.substring(I + L));
+        j.length < D + L && (j = C.substring(I - D, I) + C.substring(I, I + L), k = R.substring(0, A - D), O = R.substring(A + L), T = C.substring(0, I - D), B = C.substring(I + L));
       }
       return j.length * 2 >= R.length ? [
         k,
@@ -26352,8 +26373,8 @@ var diffMatchPatch = { exports: {} };
     function c(w, R) {
       if (!w || !R)
         return 6;
-      var P = w.charAt(w.length - 1), A = R.charAt(0), C = P.match(n.nonAlphaNumericRegex_), I = A.match(n.nonAlphaNumericRegex_), j = C && P.match(n.whitespaceRegex_), k = I && A.match(n.whitespaceRegex_), O = j && P.match(n.linebreakRegex_), T = k && A.match(n.linebreakRegex_), B = O && w.match(n.blanklineEndRegex_), L = T && R.match(n.blanklineStartRegex_);
-      return B || L ? 5 : O || T ? 4 : C && !j && k ? 3 : j || k ? 2 : C || I ? 1 : 0;
+      var C = w.charAt(w.length - 1), A = R.charAt(0), P = C.match(n.nonAlphaNumericRegex_), I = A.match(n.nonAlphaNumericRegex_), j = P && C.match(n.whitespaceRegex_), k = I && A.match(n.whitespaceRegex_), O = j && C.match(n.linebreakRegex_), T = k && A.match(n.linebreakRegex_), B = O && w.match(n.blanklineEndRegex_), L = T && R.match(n.blanklineStartRegex_);
+      return B || L ? 5 : O || T ? 4 : P && !j && k ? 3 : j || k ? 2 : P || I ? 1 : 0;
     }
     for (var u = 1; u < l.length - 1; ) {
       if (l[u - 1][0] == i && l[u + 1][0] == i) {
@@ -26515,14 +26536,14 @@ var diffMatchPatch = { exports: {} };
       for (x = 0, v = S; x < v; )
         m(w, u + v) <= g ? x = v : S = v, v = Math.floor((S - x) / 2 + x);
       S = v;
-      var R = Math.max(1, u - v + 1), P = Math.min(u + v, l.length) + c.length, A = Array(P + 2);
-      A[P + 1] = (1 << w) - 1;
-      for (var C = P; C >= R; C--) {
-        var I = d[l.charAt(C - 1)];
-        if (w === 0 ? A[C] = (A[C + 1] << 1 | 1) & I : A[C] = (A[C + 1] << 1 | 1) & I | ((E[C + 1] | E[C]) << 1 | 1) | E[C + 1], A[C] & b) {
-          var j = m(w, C - 1);
+      var R = Math.max(1, u - v + 1), C = Math.min(u + v, l.length) + c.length, A = Array(C + 2);
+      A[C + 1] = (1 << w) - 1;
+      for (var P = C; P >= R; P--) {
+        var I = d[l.charAt(P - 1)];
+        if (w === 0 ? A[P] = (A[P + 1] << 1 | 1) & I : A[P] = (A[P + 1] << 1 | 1) & I | ((E[P + 1] | E[P]) << 1 | 1) | E[P + 1], A[P] & b) {
+          var j = m(w, P - 1);
           if (j <= g)
-            if (g = j, h = C - 1, h > u)
+            if (g = j, h = P - 1, h > u)
               R = Math.max(1, 2 * u - h);
             else
               break;
@@ -26637,11 +26658,11 @@ var diffMatchPatch = { exports: {} };
           else {
             this.diff_cleanupSemanticLossless(S);
             for (var E = 0, w, R = 0; R < l[m].diffs.length; R++) {
-              var P = l[m].diffs[R];
-              P[0] !== i && (w = this.diff_xIndex(S, E)), P[0] === a ? c = c.substring(0, b + w) + P[1] + c.substring(b + w) : P[0] === o && (c = c.substring(0, b + w) + c.substring(b + this.diff_xIndex(
+              var C = l[m].diffs[R];
+              C[0] !== i && (w = this.diff_xIndex(S, E)), C[0] === a ? c = c.substring(0, b + w) + C[1] + c.substring(b + w) : C[0] === o && (c = c.substring(0, b + w) + c.substring(b + this.diff_xIndex(
                 S,
-                E + P[1].length
-              ))), P[0] !== o && (E += P[1].length);
+                E + C[1].length
+              ))), C[0] !== o && (E += C[1].length);
             }
           }
         }
@@ -27343,8 +27364,8 @@ function requireTemplates() {
       if (v)
         b.push(l(v));
       else if (E) {
-        const P = b.join("");
-        b = [], h.push(g.length === 0 ? P : d(p, g)(P)), g.push({ inverse: S, styles: u(E) });
+        const C = b.join("");
+        b = [], h.push(g.length === 0 ? C : d(p, g)(C)), g.push({ inverse: S, styles: u(E) });
       } else if (w) {
         if (g.length === 0)
           throw new Error("Found extraneous } in Chalk template literal");
@@ -27907,19 +27928,19 @@ const diffFilter$2 = function r(n) {
   n.options && n.options.arrays && n.options.arrays.detectMove === !1 && (w = !1);
   let R = !1;
   n.options && n.options.arrays && n.options.arrays.includeValueOnMove && (R = !0);
-  const P = E.length;
+  const C = E.length;
   for (l = a; l < g - i; l++) {
     const A = arrayIndexOf(S.indices2, l - a);
     if (A < 0) {
-      let C = !1;
-      if (w && P > 0) {
-        for (let I = 0; I < P; I++)
+      let P = !1;
+      if (w && C > 0) {
+        for (let I = 0; I < C; I++)
           if (c = E[I], matchItems(x, v, c - a, l - a, o)) {
-            b[`_${c}`].splice(1, 2, l, ARRAY_MOVE), R || (b[`_${c}`][0] = ""), u = l, h = new DiffContext(n.left[c], n.right[u]), n.push(h, u), E.splice(I, 1), C = !0;
+            b[`_${c}`].splice(1, 2, l, ARRAY_MOVE), R || (b[`_${c}`][0] = ""), u = l, h = new DiffContext(n.left[c], n.right[u]), n.push(h, u), E.splice(I, 1), P = !0;
             break;
           }
       }
-      C || (b[l] = [p[l]]);
+      P || (b[l] = [p[l]]);
     } else
       c = S.indices1[A] + a, u = S.indices2[A] + a, h = new DiffContext(n.left[c], n.right[u]), n.push(h, u);
   }
@@ -28354,27 +28375,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, p = n ? Symbol.for("react.async_mode") : 60111, m = 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, R = n ? Symbol.for("react.scope") : 60119;
-    function P(C) {
-      if (typeof C == "object" && C !== null) {
-        var I = C.$$typeof;
+    function C(P) {
+      if (typeof P == "object" && P !== null) {
+        var I = P.$$typeof;
         switch (I) {
           case o:
-            switch (C = C.type, C) {
+            switch (P = P.type, P) {
               case p:
               case m:
               case i:
               case c:
               case l:
               case h:
-                return C;
+                return P;
               default:
-                switch (C = C && C.$$typeof, C) {
+                switch (P = P && P.$$typeof, P) {
                   case d:
                   case g:
                   case v:
                   case x:
                   case u:
-                    return C;
+                    return P;
                   default:
                     return I;
                 }
@@ -28384,42 +28405,42 @@ var require_react_is_production_min = __commonJS({
         }
       }
     }
-    function A(C) {
-      return P(C) === m;
-    }
-    r.AsyncMode = p, r.ConcurrentMode = m, 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 A(C) || P(C) === p;
-    }, r.isConcurrentMode = A, 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 === m || 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 === R || C.$$typeof === S);
-    }, r.typeOf = P;
+    function A(P) {
+      return C(P) === m;
+    }
+    r.AsyncMode = p, r.ConcurrentMode = m, 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(P) {
+      return A(P) || C(P) === p;
+    }, r.isConcurrentMode = A, r.isContextConsumer = function(P) {
+      return C(P) === d;
+    }, r.isContextProvider = function(P) {
+      return C(P) === u;
+    }, r.isElement = function(P) {
+      return typeof P == "object" && P !== null && P.$$typeof === o;
+    }, r.isForwardRef = function(P) {
+      return C(P) === g;
+    }, r.isFragment = function(P) {
+      return C(P) === i;
+    }, r.isLazy = function(P) {
+      return C(P) === v;
+    }, r.isMemo = function(P) {
+      return C(P) === x;
+    }, r.isPortal = function(P) {
+      return C(P) === a;
+    }, r.isProfiler = function(P) {
+      return C(P) === c;
+    }, r.isStrictMode = function(P) {
+      return C(P) === l;
+    }, r.isSuspense = function(P) {
+      return C(P) === h;
+    }, r.isValidElementType = function(P) {
+      return typeof P == "string" || typeof P == "function" || P === i || P === m || P === c || P === l || P === h || P === b || typeof P == "object" && P !== null && (P.$$typeof === v || P.$$typeof === x || P.$$typeof === u || P.$$typeof === d || P.$$typeof === g || P.$$typeof === E || P.$$typeof === w || P.$$typeof === R || P.$$typeof === S);
+    }, r.typeOf = C;
   }
 }), require_react_is_development = __commonJS({
   "node_modules/.pnpm/react-is@16.13.1/node_modules/react-is/cjs/react-is.development.js"(r) {
     init_react_shim(), process.env.NODE_ENV !== "production" && function() {
       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, p = n ? Symbol.for("react.async_mode") : 60111, m = 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, R = n ? Symbol.for("react.scope") : 60119;
-      function P(Z) {
+      function C(Z) {
         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 === m || 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 === R || Z.$$typeof === S);
       }
@@ -28455,7 +28476,7 @@ var require_react_is_production_min = __commonJS({
           }
         }
       }
-      var C = p, I = m, j = d, k = u, O = o, T = g, B = i, L = v, D = x, W = a, J = c, F = l, V = h, q = !1;
+      var P = p, I = m, j = d, k = u, O = o, T = g, B = i, L = v, D = x, W = a, J = c, F = l, V = 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) || A(Z) === p;
       }
@@ -28495,7 +28516,7 @@ var require_react_is_production_min = __commonJS({
       function K(Z) {
         return A(Z) === h;
       }
-      r.AsyncMode = C, r.ConcurrentMode = I, r.ContextConsumer = j, r.ContextProvider = k, r.Element = O, r.ForwardRef = T, r.Fragment = B, r.Lazy = L, r.Memo = D, r.Portal = W, r.Profiler = J, r.StrictMode = F, r.Suspense = V, 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 = A;
+      r.AsyncMode = P, r.ConcurrentMode = I, r.ContextConsumer = j, r.ContextProvider = k, r.Element = O, r.ForwardRef = T, r.Fragment = B, r.Lazy = L, r.Memo = D, r.Portal = W, r.Profiler = J, r.StrictMode = F, r.Suspense = V, 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 = C, r.typeOf = A;
     }();
   }
 }), require_react_is = __commonJS({
@@ -28635,9 +28656,9 @@ var require_react_is_production_min = __commonJS({
         object: R("object"),
         string: R("string"),
         symbol: R("symbol"),
-        any: P(),
+        any: C(),
         arrayOf: A,
-        element: C(),
+        element: P(),
         elementType: I(),
         instanceOf: j,
         node: B(),
@@ -28691,7 +28712,7 @@ var require_react_is_production_min = __commonJS({
         }
         return w(U);
       }
-      function P() {
+      function C() {
         return w(d);
       }
       function A(z) {
@@ -28712,7 +28733,7 @@ var require_react_is_production_min = __commonJS({
         }
         return w(U);
       }
-      function C() {
+      function P() {
         function z(U, te, _, Q, ne) {
           var re = U[te];
           if (!p(re)) {
@@ -30009,12 +30030,12 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     r.embers = n(w);
     var R = require_flat();
     r.flat = n(R);
-    var P = require_google();
-    r.google = n(P);
+    var C = require_google();
+    r.google = n(C);
     var A = require_grayscale();
     r.grayscale = n(A);
-    var C = require_greenscreen();
-    r.greenscreen = n(C);
+    var P = require_greenscreen();
+    r.greenscreen = n(P);
     var I = require_harmonic();
     r.harmonic = n(I);
     var j = require_hopscotch();
@@ -30253,8 +30274,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       var g = /^#([a-f0-9]{3,4})$/i, h = /^#([a-f0-9]{6})([a-f0-9]{2})?$/i, b = /^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/, x = /^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/, v = /^(\w+)$/, S = [0, 0, 0, 1], E, w, R;
       if (E = m.match(h)) {
         for (R = E[2], E = E[1], w = 0; w < 3; w++) {
-          var P = w * 2;
-          S[w] = parseInt(E.slice(P, P + 2), 16);
+          var C = w * 2;
+          S[w] = parseInt(E.slice(C, C + 2), 16);
         }
         R && (S[3] = parseInt(R, 16) / 255);
       } else if (E = m.match(g)) {
@@ -30509,10 +30530,10 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       var g = m[0] / 255, h = m[1] / 255, b = m[2] / 255, x = Math.min(g, h, b), v = Math.max(g, h, b), S = v - x, E, w, R;
       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), R = (x + v) / 2, v === x ? w = 0 : R <= 0.5 ? w = S / (v + x) : w = S / (2 - v - x), [E, w * 100, R * 100];
     }, l.rgb.hsv = function(m) {
-      var g, h, b, x, v, S = m[0] / 255, E = m[1] / 255, w = m[2] / 255, R = Math.max(S, E, w), P = R - Math.min(S, E, w), A = function(C) {
-        return (R - C) / 6 / P + 1 / 2;
+      var g, h, b, x, v, S = m[0] / 255, E = m[1] / 255, w = m[2] / 255, R = Math.max(S, E, w), C = R - Math.min(S, E, w), A = function(P) {
+        return (R - P) / 6 / C + 1 / 2;
       };
-      return P === 0 ? x = v = 0 : (v = P / R, g = A(S), h = A(E), b = A(w), S === R ? x = b - h : E === R ? x = 1 / 3 + g - b : w === R && (x = 2 / 3 + h - g), x < 0 ? x += 1 : x > 1 && (x -= 1)), [
+      return C === 0 ? x = v = 0 : (v = C / R, g = A(S), h = A(E), b = A(w), S === R ? x = b - h : E === R ? x = 1 / 3 + g - b : w === R && (x = 2 / 3 + h - g), x < 0 ? x += 1 : x > 1 && (x -= 1)), [
         x * 360,
         v * 100,
         R * 100
@@ -30581,30 +30602,30 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     }, l.hwb.rgb = function(m) {
       var g = m[0] / 360, h = m[1] / 100, b = m[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 R, P, A;
+      var R, C, A;
       switch (v) {
         default:
         case 6:
         case 0:
-          R = S, P = w, A = h;
+          R = S, C = w, A = h;
           break;
         case 1:
-          R = w, P = S, A = h;
+          R = w, C = S, A = h;
           break;
         case 2:
-          R = h, P = S, A = w;
+          R = h, C = S, A = w;
           break;
         case 3:
-          R = h, P = w, A = S;
+          R = h, C = w, A = S;
           break;
         case 4:
-          R = w, P = h, A = S;
+          R = w, C = h, A = S;
           break;
         case 5:
-          R = S, P = h, A = w;
+          R = S, C = h, A = w;
           break;
       }
-      return [R * 255, P * 255, A * 255];
+      return [R * 255, C * 255, A * 255];
     }, l.cmyk.rgb = function(m) {
       var g = m[0] / 100, h = m[1] / 100, b = m[2] / 100, x = m[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];
@@ -30843,8 +30864,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         this.model = R.model, w = a[this.model].channels, this.color = R.value.slice(0, w), this.valpha = typeof R.value[w] == "number" ? R.value[w] : 1;
       } else if (v.length) {
         this.model = S || "rgb", w = a[this.model].channels;
-        var P = i.call(v, 0, w);
-        this.color = x(P, w), this.valpha = typeof v[w] == "number" ? v[w] : 1;
+        var C = i.call(v, 0, w);
+        this.color = x(C, w), this.valpha = typeof v[w] == "number" ? v[w] : 1;
       } else if (typeof v == "number")
         v &= 16777215, this.model = "rgb", this.color = [
           v >> 16 & 255,
@@ -30855,10 +30876,10 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         this.valpha = 1;
         var A = Object.keys(v);
         "alpha" in v && (A.splice(A.indexOf("alpha"), 1), this.valpha = typeof v.alpha == "number" ? v.alpha : 0);
-        var C = A.sort().join("");
-        if (!(C in c))
+        var P = A.sort().join("");
+        if (!(P in c))
           throw new Error("Unable to parse color from object: " + JSON.stringify(v));
-        this.model = c[C];
+        this.model = c[P];
         var I = a[this.model].labels, j = [];
         for (E = 0; E < I.length; E++)
           j.push(v[I[E]]);
@@ -31014,11 +31035,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(), R = S === void 0 ? 0.5 : S, P = 2 * R - 1, A = E.alpha() - w.alpha(), C = ((P * A === -1 ? P : (P + A) / (1 + P * A)) + 1) / 2, I = 1 - C;
+        var E = v.rgb(), w = this.rgb(), R = S === void 0 ? 0.5 : S, C = 2 * R - 1, A = E.alpha() - w.alpha(), P = ((C * A === -1 ? C : (C + A) / (1 + C * A)) + 1) / 2, I = 1 - P;
         return d.rgb(
-          C * E.red() + I * w.red(),
-          C * E.green() + I * w.green(),
-          C * E.blue() + I * w.blue(),
+          P * E.red() + I * w.red(),
+          P * E.green() + I * w.green(),
+          P * E.blue() + I * w.blue(),
           E.alpha() * R + w.alpha() * (1 - R)
         );
       }
@@ -31081,7 +31102,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       ["partial", p],
       ["partialRight", m],
       ["rearg", h]
-    ], R = "[object Function]", P = "[object GeneratorFunction]", A = "[object Symbol]", C = /[\\^$.*+?()[\]{}|]/g, I = /^\s+|\s+$/g, j = /\{(?:\n\/\* \[wrapped with .+\] \*\/)?\n?/, k = /\{\n\/\* \[wrapped with (.+)\] \*/, O = /,? & /, T = /^[-+]0x[0-9a-f]+$/i, B = /^0b[01]+$/i, L = /^\[object .+?Constructor\]$/, D = /^0o[0-7]+$/i, W = /^(?:0|[1-9]\d*)$/, J = parseInt, F = typeof global == "object" && global && global.Object === Object && global, V = typeof self == "object" && self && self.Object === Object && self, q = F || V || Function("return this")();
+    ], R = "[object Function]", C = "[object GeneratorFunction]", A = "[object Symbol]", P = /[\\^$.*+?()[\]{}|]/g, I = /^\s+|\s+$/g, j = /\{(?:\n\/\* \[wrapped with .+\] \*\/)?\n?/, k = /\{\n\/\* \[wrapped with (.+)\] \*/, O = /,? & /, T = /^[-+]0x[0-9a-f]+$/i, B = /^0b[01]+$/i, L = /^\[object .+?Constructor\]$/, D = /^0o[0-7]+$/i, W = /^(?:0|[1-9]\d*)$/, J = parseInt, F = typeof global == "object" && global && global.Object === Object && global, V = typeof self == "object" && self && self.Object === Object && self, q = F || V || Function("return this")();
     function G(N, M, Y) {
       switch (Y.length) {
         case 0:
@@ -31149,7 +31170,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(C, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+      "^" + le.call(fe).replace(P, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
     ), Ze = Object.create, Ne = Math.max, ge = Math.min, Ge = function() {
       var N = We(Object, "defineProperty"), M = We.name;
       return M && M.length > 2 ? N : void 0;
@@ -31380,7 +31401,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     }
     function st(N) {
       var M = je(N) ? Te.call(N) : "";
-      return M == R || M == P;
+      return M == R || M == C;
     }
     function je(N) {
       var M = typeof N;
@@ -33677,12 +33698,8 @@ var DevTools = process.env.NODE_ENV !== "production" ? InternalDevTools : () =>
 function getDNDSupport() {
   return new URLSearchParams(window.location.search).has("dnd");
 }
-function getOutlinePlugin() {
-  return new URLSearchParams(window.location.search).has("outline");
-}
 const FEATURE_TOGGLES = {
-  dnd: getDNDSupport(),
-  arborist: getOutlinePlugin()
+  dnd: getDNDSupport()
 }, getParentNodeIds = (r, n) => {
   const o = [];
   let a = find(r, { _id: n }), i = get$1(a, "_parent", "");
@@ -33880,24 +33897,6 @@ const TabletIcon = ({ landscape: r = !1 }) => /* @__PURE__ */ jsxRuntimeExports.
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full items-center space-x-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ClearCanvas, {}) })
   ] });
-}, AddBlocksDialog = () => {
-  const { t: r } = useTranslation(), [n, o] = useState$1(""), [a, i] = useState$1(!1);
-  return useChaiBuilderMsgListener(({ name: l, data: c = void 0 }) => {
-    l === CHAI_BUILDER_EVENTS.OPEN_ADD_BLOCK && (o(c == null ? void 0 : c._id), i(!0)), l === CHAI_BUILDER_EVENTS.CLOSE_ADD_BLOCK && (o(""), i(!1));
-  }), /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDialog, { open: a, onOpenChange: () => a ? i(!1) : "", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(AlertDialogContent, { className: "max-w-5xl overflow-hidden", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(AlertDialogHeader, { className: "flex flex-row items-center justify-between", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDialogTitle, { children: r("add_block") }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "button",
-        {
-          onClick: () => i(!1),
-          className: "text-gray-500 hover:text-gray-600 dark:text-gray-400 dark:hover:text-gray-300",
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(Cross2Icon, { className: "h-6 w-6" })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "no-scrollbar h-[500px] max-h-full overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx(AddBlocksPanel$1, { parentId: n, showHeading: !1 }) })
-  ] }) });
 }, SettingsPanel = () => {
   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: [
@@ -33924,23 +33923,31 @@ const TabletIcon = ({ landscape: r = !1 }) => /* @__PURE__ */ jsxRuntimeExports.
     /* @__PURE__ */ jsxRuntimeExports.jsx("br", {})
   ] }) });
 }, SettingsPanel$1 = SettingsPanel;
-function LayoutCard({ description: r, title: n, selected: o, onSelect: a, children: i }) {
-  const { t: l } = useTranslation();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Card, { className: `cursor-pointer transition-all ${o ? "ring-2 ring-secondary" : ""}`, onClick: a, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(CardContent, { className: "p-4", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-lg font-semibold", children: n }),
-      o && /* @__PURE__ */ jsxRuntimeExports.jsx(CheckIcon, { className: "text-primary" })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mb-4 text-sm text-muted-foreground", children: r }),
-    i,
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, { className: "mt-4 w-full", variant: o ? "default" : "outline", children: l(o ? "Selected" : "Select") })
-  ] }) });
+function LayoutCard({ disabled: r = !1, description: n, title: o, selected: a, onSelect: i, children: l }) {
+  const { t: c } = useTranslation();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Card,
+    {
+      "aria-disabled": r,
+      className: `cursor-pointer transition-all ${a ? "ring-2 ring-secondary" : ""} ${r ? "cursor-not-allowed opacity-50" : ""}`,
+      onClick: i,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(CardContent, { className: "p-4", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-lg font-semibold", children: o }),
+          a && /* @__PURE__ */ jsxRuntimeExports.jsx(CheckIcon, { className: "h-6 w-6 rounded-full bg-primary p-px text-white" })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mb-4 text-sm text-muted-foreground", children: n }),
+        l,
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, { disabled: r, className: "mt-4 w-full", variant: a ? "default" : "outline", children: c(r ? "Coming soon" : a ? "Selected" : "Select") })
+      ] })
+    }
+  );
 }
 const ChooseLayout = ({ open: r, close: n }) => {
   const { t: o } = useTranslation(), [a, i] = useLayoutVariant(), l = (c) => {
     i(c), n();
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDialog, { open: r, onOpenChange: () => r ? n() : "", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(AlertDialogContent, { className: "max-w-2xl overflow-hidden", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDialog, { open: r, onOpenChange: () => r ? n() : "", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(AlertDialogContent, { className: "max-w-4xl overflow-hidden", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(AlertDialogHeader, { className: "flex flex-row items-center justify-between", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDialogTitle, { children: o("Choose Builder Layout") }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -33952,7 +33959,7 @@ const ChooseLayout = ({ open: r, close: n }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "no-scrollbar max-h-full overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "no-scrollbar max-h-full overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-3", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         LayoutCard,
         {
@@ -33985,10 +33992,29 @@ const ChooseLayout = ({ open: r, close: n }) => {
             ] })
           ] })
         }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        LayoutCard,
+        {
+          disabled: !0,
+          title: o("Dual side panel advanced"),
+          description: o("Suitable for heavy styling & block editing. Setting are always visible."),
+          selected: !1,
+          onSelect: () => {
+          },
+          children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col rounded border border-border", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "borde-b h-4 border-b border-border" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-32", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-1/4 bg-secondary" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-2/4 border-x border-border bg-background" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-1/4 bg-secondary" })
+            ] })
+          ] })
+        }
       )
     ] }) })
   ] }) });
-}, TopBar = lazy(() => import("./Topbar-yupGt0_h.js")), useAutoSave = () => {
+}, TopBar = lazy(() => import("./Topbar-35gCuc1s.js")), useAutoSave = () => {
   const { savePage: r } = useSavePage(), n = useBuilderProp("autoSaveSupport", !0), o = useBuilderProp("autoSaveInterval", 60);
   useIntervalEffect(() => {
     n && r();
@@ -34007,19 +34033,22 @@ function useSidebarMenuItems(r) {
     }
   ]), [r]);
 }
+function isDualLayout(r) {
+  return r !== LAYOUT_VARIANTS.SINGLE_SIDE_PANEL;
+}
 const RootLayout = () => {
   const [r, n] = useState$1(0), [o] = useLayoutVariant(), [a, i] = useState$1(!1);
-  useChaiBuilderMsgListener(({ name: g }) => {
-    g === CHAI_BUILDER_EVENTS.SHOW_BLOCK_SETTINGS && n(1);
+  useChaiBuilderMsgListener(({ name: h }) => {
+    h === CHAI_BUILDER_EVENTS.SHOW_BLOCK_SETTINGS && n(1);
   });
-  const l = useBuilderProp("sideBarComponents.top", []), c = (g) => {
-    g.preventDefault();
+  const l = useBuilderProp("sideBarComponents.top", []), c = (h) => {
+    h.preventDefault();
   };
   useAtom$1(selectedLibraryAtom), useKeyEventWatcher(), useExpandTree(), useAutoSave();
-  const u = (g) => {
-    n(r === g ? null : g);
-  }, d = useSidebarMenuItems(o), { t: p } = useTranslation(), m = [...d, ...l];
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-screen max-h-full w-screen overflow-x-hidden bg-background text-foreground", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(TooltipProvider, { children: [
+  const u = (h) => {
+    n(r === h ? null : h);
+  }, d = useSidebarMenuItems(o), { t: p } = useTranslation(), m = [...d, ...l], g = useBuilderProp("htmlDir", "ltr");
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { dir: g, className: "h-screen max-h-full w-screen overflow-x-hidden bg-background text-foreground", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(TooltipProvider, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {
@@ -34029,18 +34058,18 @@ const RootLayout = () => {
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-14 w-screen shrink-0 border-b border-border", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(TopBar, {}) }) }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("main", { className: "relative flex h-[calc(100vh-56px)] max-w-full flex-1 flex-row", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex w-12 flex-col items-center justify-between border-r py-2", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col", children: m.map((g, h) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip$1, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col", children: m.map((h, b) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip$1, { children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                   "button",
                   {
-                    className: `mb-2 rounded-lg p-2 text-gray-500 transition-colors ${r === h ? "bg-primary text-white" : "hover:bg-primary hover:text-white"}`,
-                    onClick: () => u(h),
-                    children: g.icon
+                    className: `mb-2 rounded-lg p-2 text-gray-500 transition-colors ${r === b ? "bg-primary text-white" : "hover:bg-primary hover:text-white"}`,
+                    onClick: () => u(b),
+                    children: get$1(h, "icon", null)
                   },
-                  h
+                  b
                 ) }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { side: "right", children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: p(g.label) }) })
-              ] })) }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { side: "right", children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: p(h.label) }) })
+              ] }, "button" + b)) }),
               /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip$1, { children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                   "button",
@@ -34062,10 +34091,10 @@ const RootLayout = () => {
                 transition: { duration: 0.3, ease: "easeInOut" },
                 children: r !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "no-scrollbar overflow h-full overflow-x-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col p-3", children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsxs("h2", { className: "-mt-1 flex h-10 items-center space-x-1 text-base font-bold", children: [
-                    m[r].icon,
+                    get$1(m, `${r}.icon`, null),
                     /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: p(m[r].label) })
                   ] }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." }), children: React__default.createElement(m[r].component, {}) }) })
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading..." }), children: React__default.createElement(get$1(m, `${r}.component`, null), {}) }) })
                 ] }) })
               }
             ),
@@ -34073,7 +34102,7 @@ const RootLayout = () => {
               /* @__PURE__ */ jsxRuntimeExports.jsx(CanvasTopBar, {}),
               /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CanvasArea$1, {}) })
             ] }),
-            o !== LAYOUT_VARIANTS.SINGLE_SIDE_PANEL ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+            isDualLayout(o) ? /* @__PURE__ */ jsxRuntimeExports.jsx(
               motion.div,
               {
                 className: "h-full max-h-full border-l border-border",
@@ -34154,46 +34183,47 @@ const RootLayout = () => {
   ] }) }) });
 };
 export {
-  useSelectedBlock as $,
+  useSelectedBlockAllClasses as $,
   AddBlocksPanel$1 as A,
   BlockSettings as B,
   ChaiSelect$1 as C,
   DefaultChaiBlocks as D,
-  useAddClassesToBlocks as E,
+  useAddBlock as E,
   FaCheck as F,
-  useCanvasWidth as G,
-  useCanvasZoom as H,
+  useAddClassesToBlocks as G,
+  useCanvasWidth as H,
   ImportHTML$1 as I,
-  useCopyBlockIds as J,
-  useCopyToClipboard as K,
-  useCurrentPage as L,
-  useCutBlockIds as M,
-  useDarkMode as N,
+  useCanvasZoom as J,
+  useCopyBlockIds as K,
+  useCopyToClipboard as L,
+  useCurrentPage as M,
+  useCutBlockIds as N,
   Outline$1 as O,
-  useDuplicateBlocks as P,
-  useGetPageData as Q,
-  useHiddenBlockIds as R,
-  useHighlightBlockId as S,
+  useDarkMode as P,
+  useDuplicateBlocks as Q,
+  useGetPageData as R,
+  useHiddenBlockIds as S,
   ThemeOptions as T,
   UILibraries as U,
-  usePasteBlocks as V,
-  useBrandingOptions as W,
-  useRemoveBlocks as X,
-  useRemoveClassesFromBlocks as Y,
-  useSelectedBlockCurrentClasses as Z,
-  useSelectedBlockAllClasses as _,
+  useHighlightBlockId as V,
+  usePasteBlocks as W,
+  useBrandingOptions as X,
+  useRemoveBlocks as Y,
+  useRemoveClassesFromBlocks as Z,
+  useSelectedBlockCurrentClasses as _,
   useSelectedBlockIds as a,
-  useStylingBreakpoint as a0,
-  useUILibraryBlocks as a1,
-  useStylingState as a2,
-  useSelectedBlocksDisplayChild as a3,
-  useAllBlocks as a4,
-  useActivePanel as a5,
-  useAddBlockParent as a6,
-  useSelectedBreakpoints as a7,
-  useSelectedStylingBlocks as a8,
-  useLayoutVariant as a9,
-  useBlocksStoreUndoableActions as aa,
+  useSelectedBlock as a0,
+  useStylingBreakpoint as a1,
+  useUILibraryBlocks as a2,
+  useStylingState as a3,
+  useSelectedBlocksDisplayChild as a4,
+  useAllBlocks as a5,
+  useActivePanel as a6,
+  useAddBlockParent as a7,
+  useSelectedBreakpoints as a8,
+  useSelectedStylingBlocks as a9,
+  useLayoutVariant as aa,
+  useBlocksStoreUndoableActions as ab,
   useUpdateBlocksProps as b,
   useUpdateBlocksPropsRealtime as c,
   useBuilderProp as d,
@@ -34201,22 +34231,22 @@ export {
   usePreviewMode as f,
   CanvasArea$1 as g,
   BlockStyling as h,
-  emitChaiBuilderMsg as i,
-  useChaiBuilderMsgListener as j,
-  CHAI_BUILDER_EVENTS as k,
-  AISetContext as l,
-  AIUserPrompt as m,
-  BlockAttributesEditor as n,
-  ChaiBuilderEditor as o,
-  DarkMode as p,
-  Breakpoints as q,
-  UndoRedo as r,
-  getBlocksFromHTML as s,
-  useBlocksStore as t,
+  AddBlocksDialog as i,
+  emitChaiBuilderMsg as j,
+  useChaiBuilderMsgListener as k,
+  CHAI_BUILDER_EVENTS as l,
+  AISetContext as m,
+  AIUserPrompt as n,
+  BlockAttributesEditor as o,
+  ChaiBuilderEditor as p,
+  DarkMode as q,
+  Breakpoints as r,
+  UndoRedo as s,
+  getBlocksFromHTML as t,
   useCodeEditor as u,
-  useUndoManager as v,
-  useBuilderReset as w,
-  useReadOnlyMode as x,
-  useActiveModal as y,
-  useAddBlock as z
+  useBlocksStore as v,
+  useUndoManager as w,
+  useBuilderReset as x,
+  useReadOnlyMode as y,
+  useActiveModal as z
 };