@chaibuilder/sdk 1.2.10 → 1.2.11

package/dist/{Settings-_K28Ontt.js → Settings-gjvl5V1k.js}

@@ -1,24 +1,28 @@
 import { j as e } from "./jsx-runtime-WbnYoNE9.js";
 import * as ne from "react";
-import $, { useState as C, useMemo as _, useEffect as O, useCallback as V, memo as dt, createContext as Me, useContext as se } from "react";
+import P, { useState as C, useMemo as _, useEffect as O, useCallback as V, memo as dt, createContext as Me, useContext as se } from "react";
 import { useThrottledCallback as fe } from "@react-hookz/web";
-import { forEach as ke, isArray as ie, omit as ct, truncate as pt, includes as E, get as x, first as ue, split as ut, startCase as Y, toLower as le, isEmpty as f, map as k, find as xt, last as ve, filter as we, set as Oe, debounce as gt, keys as ht, cloneDeep as yt, each as bt, capitalize as mt, reject as ft, nth as Ve, startsWith as W, isNumber as vt, parseInt as wt, isNaN as Fe, findLast as jt, flatten as U, intersection as Ye, has as ye, isNull as Ct } from "lodash-es";
+import { forEach as ke, isArray as ie, omit as ct, truncate as pt, includes as E, get as x, first as ue, split as ut, startCase as F, toLower as le, isEmpty as f, map as k, find as xt, last as ve, filter as we, set as Oe, debounce as gt, keys as ht, cloneDeep as yt, each as mt, capitalize as bt, reject as ft, nth as Ve, startsWith as W, isNumber as vt, parseInt as wt, isNaN as Ye, findLast as jt, flatten as U, intersection as Fe, has as ye, isNull as Ct } from "lodash-es";
 import { useTranslation as K } from "react-i18next";
-import { PlusIcon as Ne, Cross2Icon as Xe, EyeOpenIcon as kt, EyeClosedIcon as He, BorderAllIcon as A, WidthIcon as T, HeightIcon as R, ArrowUpIcon as Q, ArrowRightIcon as ee, ArrowDownIcon as te, ArrowLeftIcon as re, ArrowTopLeftIcon as Nt, ArrowTopRightIcon as _t, ArrowBottomRightIcon as St, ArrowBottomLeftIcon as Tt, AlignLeftIcon as Rt, AlignCenterHorizontallyIcon as Vt, AlignRightIcon as Ht, StretchHorizontallyIcon as Bt, FontItalicIcon as Dt, UnderlineIcon as It, OverlineIcon as Pt, LetterCaseUppercaseIcon as $t, Cross1Icon as At, InfoCircledIcon as _e, MinusIcon as Et, BoxIcon as ze, RowSpacingIcon as Lt, TriangleDownIcon as Mt, CrossCircledIcon as Ot, TrashIcon as Ft, MixerHorizontalIcon as Ze } from "@radix-ui/react-icons";
-import { b0 as Yt, b1 as Xt, B as xe, b2 as zt, b3 as Zt, b4 as Wt, b5 as Ut, b6 as Kt, b7 as qt, b8 as Gt, a7 as q, ao as Jt, ap as Qt, aq as er, b9 as tr, am as rr, ba as lr, an as sr, aE as X, aF as z, aG as Z, bb as or, bc as ar, bd as nr, be as ir, bf as dr, bg as cr, ad as We, ac as pr, i as ur, bh as Ue, bi as de, bj as ce, bk as pe, ak as Se, M as Ke, a4 as qe, j as Ge, aI as Te, bl as xr, m as gr, bm as hr, a5 as ge, W as yr, aa as Je, P as Be, ah as br, ae as mr, bn as fr, as as vr, at as wr, au as jr, av as Cr, aw as H, bo as Qe, ay as kr, az as Nr, aA as De, aB as Ie } from "./index-B4sL0YTN.js";
-import { u as _r } from "./controls-XPXGHKht.js";
+import { PlusIcon as Ne, Cross2Icon as Xe, EyeOpenIcon as kt, EyeClosedIcon as He, BorderAllIcon as A, WidthIcon as T, HeightIcon as R, ArrowUpIcon as Q, ArrowRightIcon as ee, ArrowDownIcon as te, ArrowLeftIcon as re, ArrowTopLeftIcon as Nt, ArrowTopRightIcon as _t, ArrowBottomRightIcon as St, ArrowBottomLeftIcon as Tt, AlignLeftIcon as Rt, AlignCenterHorizontallyIcon as Vt, AlignRightIcon as Ht, StretchHorizontallyIcon as Bt, FontItalicIcon as Dt, UnderlineIcon as $t, OverlineIcon as It, LetterCaseUppercaseIcon as Pt, Cross1Icon as At, InfoCircledIcon as _e, MinusIcon as Et, BoxIcon as ze, RowSpacingIcon as Lt, TriangleDownIcon as Mt, CrossCircledIcon as Ot, TrashIcon as Yt, MixerHorizontalIcon as Ze } from "@radix-ui/react-icons";
+import { aS as Ft, aT as Xt, B as xe, aU as zt, aV as Zt, aW as Wt, aX as Ut, aY as Kt, aZ as qt, a_ as Gt, $ as q, ae as Jt, af as Qt, ag as er, a$ as tr, ac as rr, b0 as lr, ad as sr, au as X, av as z, aw as Z, b1 as or, b2 as ar, b3 as nr, b4 as ir, b5 as dr, b6 as cr, a4 as We, a3 as pr, i as ur, b7 as Ue, b8 as de, b9 as ce, ba as pe, ab as Se, L as Ke, Y as qe, j as Ge, ay as Te, bb as xr, m as gr, bc as hr, Z as ge, R as yr, a2 as Je, M as Be, a8 as mr, a5 as br, bd as fr, ai as vr, aj as wr, ak as jr, al as Cr, am as H, be as Qe, ao as kr, ap as Nr, aq as De, ar as $e } from "./index-pNYv0oAF.js";
+import { u as _r } from "./empty-slot-MWycClTb.js";
 import { Check as Sr, EditIcon as Tr, TrashIcon as Rr } from "lucide-react";
 import { getBlockComponent as et, getChaiDataProviders as Vr } from "@chaibuilder/runtime";
-import { E as tt, u as rt } from "./index-c2VLKuhY.js";
+import { E as tt, u as rt } from "./index-Fj3ead-J.js";
 import { J as Hr, a as Br, d as Dr } from "./index-e0c8PmRQ.js";
-import Ir from "@rjsf/core";
-import Pr from "@rjsf/validator-ajv8";
-import { useAtom as $r } from "jotai";
+import $r from "@rjsf/core";
+import Ir from "@rjsf/validator-ajv8";
+import { useAtom as Pr } from "jotai";
 import Ar from "react-autosuggest";
 import Er from "fuse.js";
-import { A as Lr, C as he, g as Mr } from "./utils-AvyFzbPC.js";
+import { A as Lr, C as he, g as Mr } from "./Class-17XFhL48.js";
 import { a as Or } from "./MODIFIERS-RiXS5Mn1.js";
 import "./_commonjsHelpers-UyOWmZb0.js";
+import "./Functions-7jnEwJyw.js";
+import "clsx";
+import "tailwind-merge";
+import "flat-to-nested";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
 import "@radix-ui/react-switch";
@@ -42,11 +46,6 @@ import "@radix-ui/react-context-menu";
 import "react-icons-picker";
 import "react-dom";
 import "react-quill";
-import "flat-to-nested";
-import "./Functions-7jnEwJyw.js";
-import "clsx";
-import "tailwind-merge";
-import "redux-undo";
 import "i18next";
 import "@floating-ui/react-dom";
 import "react-textarea-autosize";
@@ -58,7 +57,7 @@ import "sonner";
 import "./html-to-json-57841sEK.js";
 import "himalaya";
 import "./web-blocks.js";
-function Fr(r) {
+function Yr(r) {
   const o = [], t = {};
   function s(l, d) {
     ke(d, (a, c) => {
@@ -91,7 +90,7 @@ const je = ({ data: r, fullView: o }) => {
     /* @__PURE__ */ e.jsx("span", { className: "font-medium text-gray-800/80", children: "Content: " }),
     r
   ] }) : /* @__PURE__ */ e.jsx("div", { className: "w-full overflow-hidden whitespace-nowrap text-[10px] leading-3 text-gray-800/50", children: pt(t === "object" ? JSON.stringify(r) : r, { length: 40 }) });
-}, Pe = ({
+}, Ie = ({
   type: r,
   value: o = "",
   setValue: t,
@@ -100,15 +99,15 @@ const je = ({ data: r, fullView: o }) => {
   dataType: d,
   appliedBindings: a
 }) => {
-  const { paths: c, pathsType: n } = Fr(s), u = r === "PROP" ? et(s == null ? void 0 : s._type) : {}, y = r === "PROP", [i, h] = C(!1), g = _(() => r === "PROP" ? c.filter(
+  const { paths: c, pathsType: n } = Yr(s), u = r === "PROP" ? et(s == null ? void 0 : s._type) : {}, y = r === "PROP", [i, h] = C(!1), g = _(() => r === "PROP" ? c.filter(
     (p) => !E(a, p) && x(u, `props.${ue(ut(p, "."))}.binding`)
   ) : c.filter((p) => d === x(n, p, "")), [r, c, a, d, u]);
   return O(() => {
     o && l(o);
   }, [o, r]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-4", children: [
-      /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted-foreground", children: Y(le(r)) }),
-      /* @__PURE__ */ e.jsxs(Yt, { open: i, onOpenChange: h, children: [
+      /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted-foreground", children: F(le(r)) }),
+      /* @__PURE__ */ e.jsxs(Ft, { open: i, onOpenChange: h, children: [
         /* @__PURE__ */ e.jsx(Xt, { asChild: !0, children: /* @__PURE__ */ e.jsx(
           xe,
           {
@@ -117,13 +116,13 @@ const je = ({ data: r, fullView: o }) => {
             className: ` ${f(o) ? "w-44 justify-center bg-blue-500 text-gray-100 hover:bg-blue-400 hover:text-white" : "min-w-[350px] items-center justify-between"}`,
             children: o ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
               /* @__PURE__ */ e.jsxs("span", { className: "pr-8 text-sm", children: [
-                y && /* @__PURE__ */ e.jsx("span", { className: "mr-2 rounded-full bg-purple-100 px-2 py-0.5 text-[10px] text-purple-500", children: Y(d) }),
+                y && /* @__PURE__ */ e.jsx("span", { className: "mr-2 rounded-full bg-purple-100 px-2 py-0.5 text-[10px] text-purple-500", children: F(d) }),
                 o
               ] }),
               /* @__PURE__ */ e.jsx("span", { className: "cursor-pointer text-[9px] text-blue-400 underline hover:text-blue-700", children: "Change" })
             ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
               "+ Set ",
-              Y(le(r))
+              F(le(r))
             ] })
           }
         ) }),
@@ -136,15 +135,15 @@ const je = ({ data: r, fullView: o }) => {
               {
                 value: p,
                 className: `cursor-pointer ${y ? "flex items-center justify-between" : "flex flex-col items-start justify-start"}`,
-                onSelect: (m) => {
-                  t(xt(g, (w) => w === m) || null), h(!1);
+                onSelect: (b) => {
+                  t(xt(g, (w) => w === b) || null), h(!1);
                 },
                 children: [
                   /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-2", children: [
                     /* @__PURE__ */ e.jsx(Sr, { className: `h-4 w-4 text-green-500 ${o === p ? "" : "opacity-0"}` }),
                     p
                   ] }),
-                  y ? /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx("span", { className: "rounded-full bg-purple-100 px-2 py-0.5 text-[10px] text-purple-500", children: Y(x(n, p, "")) }) }) : /* @__PURE__ */ e.jsx("div", { className: "pl-6", children: /* @__PURE__ */ e.jsx(je, { data: x(s, p) }) })
+                  y ? /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx("span", { className: "rounded-full bg-purple-100 px-2 py-0.5 text-[10px] text-purple-500", children: F(x(n, p, "")) }) }) : /* @__PURE__ */ e.jsx("div", { className: "pl-6", children: /* @__PURE__ */ e.jsx(je, { data: x(s, p) }) })
                 ]
               },
               p
@@ -155,7 +154,7 @@ const je = ({ data: r, fullView: o }) => {
     ] }),
     !y && !f(o) && /* @__PURE__ */ e.jsx("div", { className: "pt-2", children: /* @__PURE__ */ e.jsx(je, { data: x(s, o, ""), fullView: !0 }) })
   ] });
-}, Yr = ({
+}, Fr = ({
   appliedBindings: r = [],
   onAddBinding: o,
   editMode: t,
@@ -166,10 +165,10 @@ const je = ({ data: r, fullView: o }) => {
       if (f(g))
         return "";
       {
-        const m = x(p === "PROP" ? n : u, g, "");
-        if (ie(m))
+        const b = x(p === "PROP" ? n : u, g, "");
+        if (ie(b))
           return "list";
-        const w = typeof m;
+        const w = typeof b;
         return w === "string" ? "text" : w === "object" ? "model" : w;
       }
     },
@@ -182,7 +181,7 @@ const je = ({ data: r, fullView: o }) => {
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "relative flex flex-col gap-1", children: [
       /* @__PURE__ */ e.jsx(
-        Pe,
+        Ie,
         {
           type: "PROP",
           isDisabled: !1,
@@ -200,7 +199,7 @@ const je = ({ data: r, fullView: o }) => {
       ),
       /* @__PURE__ */ e.jsx("div", { className: "h-2" }),
       /* @__PURE__ */ e.jsx(
-        Pe,
+        Ie,
         {
           type: "PATH",
           isDisabled: f(l),
@@ -233,7 +232,7 @@ const je = ({ data: r, fullView: o }) => {
   return /* @__PURE__ */ e.jsxs(rr, { children: [
     /* @__PURE__ */ e.jsx(lr, { disabled: r, asChild: !0, onClick: () => c(!0), children: o }),
     a && /* @__PURE__ */ e.jsx(sr, { children: /* @__PURE__ */ e.jsx(
-      Yr,
+      Fr,
       {
         item: d,
         editMode: l,
@@ -277,7 +276,7 @@ const je = ({ data: r, fullView: o }) => {
         }
       )
     ] }),
-    !f(a) && !f(r.key) && /* @__PURE__ */ e.jsx("div", { className: "absolute right-0 top-1 mt-px flex h-4 items-center rounded-full px-2 text-[10px] font-medium text-purple-600", children: Y(a) })
+    !f(a) && !f(r.key) && /* @__PURE__ */ e.jsx("div", { className: "absolute right-0 top-1 mt-px flex h-4 items-center rounded-full px-2 text-[10px] font-medium text-purple-600", children: F(a) })
   ] });
 }, zr = ({ bindingData: r, onChange: o }) => {
   const t = q(), [s] = rt(), l = Vr(), [d, a] = C(
@@ -348,7 +347,7 @@ const je = ({ data: r, fullView: o }) => {
       c && /* @__PURE__ */ e.jsx(Z, { sideOffset: -55, className: "text-[11px]", children: f(s) ? "No data provider has been set up for this page." : "Complete last added data binding to add more" })
     ] })
   ] });
-}, Zr = () => /* @__PURE__ */ e.jsx("div", { className: "text-xs border rounded-sm p-1 mt-1 border-orange-500 text-orange-500 bg-orange-100", children: "Data binding is set for this field" }), be = dt(({ properties: r, formData: o, onChange: t }) => {
+}, Zr = () => /* @__PURE__ */ e.jsx("div", { className: "text-xs border rounded-sm p-1 mt-1 border-orange-500 text-orange-500 bg-orange-100", children: "Data binding is set for this field" }), me = dt(({ properties: r, formData: o, onChange: t }) => {
   const s = { type: "object", properties: {} }, l = {};
   return Object.keys(r).forEach((d) => {
     const a = r[d];
@@ -357,7 +356,7 @@ const je = ({ data: r, fullView: o }) => {
     const c = d;
     s.properties[c] = or(a), l[c] = ar(a);
   }), /* @__PURE__ */ e.jsx(
-    Ir,
+    $r,
     {
       widgets: {
         binding: Zr,
@@ -371,7 +370,7 @@ const je = ({ data: r, fullView: o }) => {
       omitExtraData: !1,
       liveOmit: !1,
       liveValidate: !1,
-      validator: Pr,
+      validator: Ir,
       uiSchema: l,
       schema: s,
       formData: o,
@@ -380,20 +379,20 @@ const je = ({ data: r, fullView: o }) => {
   );
 });
 function Wr() {
-  const r = q(), o = We(), t = pr(), s = et(r._type), l = { ...r }, [d, a] = C(l), c = ur("dataBindingSupport", !1), n = ({ formData: p }, m, w) => {
-    if (m) {
-      const D = m.replace("root.", "");
+  const r = q(), o = We(), t = pr(), s = et(r._type), l = { ...r }, [d, a] = C(l), c = ur("dataBindingSupport", !1), n = ({ formData: p }, b, w) => {
+    if (b) {
+      const D = b.replace("root.", "");
       t([r._id], { [D]: x(p, D) }, w);
     }
   }, u = V(
-    gt(({ formData: p }, m, w) => {
-      n({ formData: p }, m, w), a(p);
+    gt(({ formData: p }, b, w) => {
+      n({ formData: p }, b, w), a(p);
     }, 1500),
     []
-  ), y = ({ formData: p }, m) => {
-    if (m) {
-      const w = m.replace("root.", "");
-      o([r._id], { [w]: x(p, w) }), u({ formData: p }, m, { [w]: x(d, w) });
+  ), y = ({ formData: p }, b) => {
+    if (b) {
+      const w = b.replace("root.", "");
+      o([r._id], { [w]: x(p, w) }), u({ formData: p }, b, { [w]: x(d, w) });
     }
   }, i = {
     _name: _r({
@@ -402,10 +401,10 @@ function Wr() {
     })
   }, h = ht(x(l, "_bindings", {})), g = _(() => {
     const p = yt(x(s, "props", {}));
-    return c && bt(h, (m) => delete p[m]), p;
+    return c && mt(h, (b) => delete p[b]), p;
   }, [s, h, c]);
   return /* @__PURE__ */ e.jsxs("div", { className: "overflow-x-hidden", children: [
-    /* @__PURE__ */ e.jsx(be, { onChange: y, formData: l, properties: i }),
+    /* @__PURE__ */ e.jsx(me, { onChange: y, formData: l, properties: i }),
     /* @__PURE__ */ e.jsx("hr", { className: "mt-4" }),
     c ? /* @__PURE__ */ e.jsxs(Ue, { type: "multiple", defaultValue: ["STATIC", "BINDING"], className: "h-full w-full", children: [
       /* @__PURE__ */ e.jsxs(de, { value: "BINDING", children: [
@@ -436,19 +435,19 @@ function Wr() {
         /* @__PURE__ */ e.jsxs(pe, { className: "pt-4", children: [
           f(h) ? null : /* @__PURE__ */ e.jsxs("div", { className: "mx-4 mb-1 mt-0 rounded-sm border border-orange-500 bg-orange-100 p-1 text-xs text-orange-500", children: [
             "Data binding is set for ",
-            /* @__PURE__ */ e.jsx("b", { children: k(h, mt).join(", ") }),
+            /* @__PURE__ */ e.jsx("b", { children: k(h, bt).join(", ") }),
             " ",
             h.length === 1 ? "property" : "properties",
             ". Remove data binding to edit static content."
           ] }),
-          /* @__PURE__ */ e.jsx(be, { onChange: y, formData: l, properties: g })
+          /* @__PURE__ */ e.jsx(me, { onChange: y, formData: l, properties: g })
         ] })
       ] })
-    ] }) : /* @__PURE__ */ e.jsx(be, { onChange: y, formData: l, properties: g }),
+    ] }) : /* @__PURE__ */ e.jsx(me, { onChange: y, formData: l, properties: g }),
     /* @__PURE__ */ e.jsx("div", { className: "pb-60" })
   ] });
 }
-const $e = new Er(Lr, {
+const Pe = new Er(Lr, {
   isCaseSensitive: !1,
   threshold: 0.2,
   minMatchCharLength: 2,
@@ -460,20 +459,20 @@ function Ur() {
     const j = d.trim().toLowerCase().replace(/ +(?= )/g, "").split(" ");
     t(l, j, !0), a("");
   }, [y, i] = C([]), h = ({ value: j }) => {
-    const P = j.trim().toLowerCase(), L = P.match(/.+:/g);
+    const I = j.trim().toLowerCase(), L = I.match(/.+:/g);
     let N = [];
     if (L && L.length > 0) {
-      const [I] = L, F = P.replace(I, "");
-      N = $e.search(F).map((b) => ({
-        ...b,
-        item: { ...b.item, name: I + b.item.name }
+      const [$] = L, Y = I.replace($, "");
+      N = Pe.search(Y).map((m) => ({
+        ...m,
+        item: { ...m.item, name: $ + m.item.name }
       }));
     } else
-      N = $e.search(P);
+      N = Pe.search(I);
     i(k(N, "item"));
   }, g = () => {
     i([]);
-  }, p = (j) => j.name, m = (j) => /* @__PURE__ */ e.jsx("div", { className: "rounded-md p-1", children: j.name }), w = {
+  }, p = (j) => j.name, b = (j) => /* @__PURE__ */ e.jsx("div", { className: "rounded-md p-1", children: j.name }), w = {
     autoComplete: "off",
     autoCorrect: "off",
     autoCapitalize: "off",
@@ -483,7 +482,7 @@ function Ur() {
     onKeyDown: (j) => {
       j.key === "Enter" && d.trim() !== "" && u();
     },
-    onChange: (j, { newValue: P }) => a(P),
+    onChange: (j, { newValue: I }) => a(I),
     className: "w-full rounded-md text-xs px-2 hover:outline-0 bg-background border-border py-1"
   };
   return /* @__PURE__ */ e.jsxs(
@@ -500,7 +499,7 @@ function Ur() {
               onSuggestionsFetchRequested: h,
               onSuggestionsClearRequested: g,
               getSuggestionValue: p,
-              renderSuggestion: m,
+              renderSuggestion: b,
               inputProps: w,
               containerProps: {
                 className: "relative h-8 w-full gap-y-1 py-1 border-gray-600"
@@ -1051,10 +1050,10 @@ const B = ["px", "%", "em", "rem", "ch", "vh", "vw"], Kr = {
   italic: Dt,
   // "not-italic": "",
   // decoration
-  underline: It,
-  overline: Pt,
+  underline: $t,
+  overline: It,
   // transform
-  uppercase: $t,
+  uppercase: Pt,
   block: () => /* @__PURE__ */ e.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ e.jsx(
       "path",
@@ -1204,7 +1203,7 @@ function Ce({ selected: r, onChange: o, rounded: t = !1, options: s, disabled: l
       value: d,
       children: [
         /* @__PURE__ */ e.jsx("option", { className: "bg-transparent", value: "" }),
-        $.Children.toArray(
+        P.Children.toArray(
           s.map((n) => /* @__PURE__ */ e.jsx("option", { className: "bg-transparent", value: n, children: n }))
         )
       ]
@@ -1256,10 +1255,10 @@ const Qr = ({ property: r, onChange: o }) => {
         disabled: !s,
         onClick: () => o(a, r),
         className: `cursor-pointer rounded border border-gray-600 p-1 disabled:cursor-not-allowed  ${d === a ? " bg-blue-500 text-white" : "disabled:bg-gray-600 disabled:text-gray-400"}`,
-        children: $.createElement(x(st, a, ze))
+        children: P.createElement(x(st, a, ze))
       }
     ) }),
-    /* @__PURE__ */ e.jsx(Z, { children: Y(le(a)) })
+    /* @__PURE__ */ e.jsx(Z, { children: F(le(a)) })
   ] })) });
 }, tl = {
   backgroundColor: "bg",
@@ -1277,7 +1276,7 @@ const Qr = ({ property: r, onChange: o }) => {
   const t = ae(r), s = _(() => x(t, "cls", ""), [t]), { canChange: l } = se(oe), [d, a] = C([]), [c, n] = C({ color: "", shade: "" }), u = s.split("-"), y = x(u, "1", ""), i = x(u, "2", ""), h = V(
     // eslint-disable-next-line no-shadow
     (p) => {
-      ["current", "inherit", "transparent", "black", "white"].includes(p) ? (a([]), n({ color: p })) : (a(["50", "100", "200", "300", "400", "500", "600", "700", "800", "900"]), n((m) => ({ ...m, color: p, shade: m.shade ? m.shade : "500" })));
+      ["current", "inherit", "transparent", "black", "white"].includes(p) ? (a([]), n({ color: p })) : (a(["50", "100", "200", "300", "400", "500", "600", "700", "800", "900"]), n((b) => ({ ...b, color: p, shade: b.shade ? b.shade : "500" })));
     },
     [a, n]
   );
@@ -1296,8 +1295,8 @@ const Qr = ({ property: r, onChange: o }) => {
   return O(() => {
     n({ color: "", shade: "" });
   }, [t]), O(() => {
-    const m = `${x(tl, r, "")}-${c.color}${c.shade ? `-${c.shade}` : ""}`;
-    m.match(new RegExp(x(he, `${r}.regExp`, ""))) && o(m, r);
+    const b = `${x(tl, r, "")}-${c.color}${c.shade ? `-${c.shade}` : ""}`;
+    b.match(new RegExp(x(he, `${r}.regExp`, ""))) && o(b, r);
   }, [c, o, r]), /* @__PURE__ */ e.jsxs("div", { className: "flex flex-row divide-x divide-solid divide-border rounded-lg border border-border text-xs", children: [
     /* @__PURE__ */ e.jsx("div", { className: "grow text-center", children: /* @__PURE__ */ e.jsx(
       Ce,
@@ -1487,7 +1486,7 @@ const sl = (r) => {
     return ol(r);
   const t = x(o, "0", "").replace(/\[|\]/g, ""), s = r.startsWith("-") ? "-" : "", l = ue(t.match(/\d+.\d+|\d+/g));
   return { value: `${s}${l}`, unit: t.replace(l, "") };
-}, ol = (r) => f(r) ? { value: "", unit: "" } : ll(r), at = $.createContext({
+}, ol = (r) => f(r) ? { value: "", unit: "" } : ll(r), at = P.createContext({
   setDragData: () => {
   }
 }), al = ({
@@ -1535,17 +1534,17 @@ const sl = (r) => {
   },
   s
 )) }), Ee = 50, il = (r) => {
-  const [o, t] = C(!1), [s, l] = C(""), { currentClass: d, onChange: a, classPrefix: c, cssProperty: n, units: u, negative: y } = r, [i, h] = C(n != null && n.toLowerCase().includes("width") ? "%" : u[0]), [g, p] = C(!1), [m, w] = C(""), [D, j] = C(!1), [P, L] = C(!1);
+  const [o, t] = C(!1), [s, l] = C(""), { currentClass: d, onChange: a, classPrefix: c, cssProperty: n, units: u, negative: y } = r, [i, h] = C(n != null && n.toLowerCase().includes("width") ? "%" : u[0]), [g, p] = C(!1), [b, w] = C(""), [D, j] = C(!1), [I, L] = C(!1);
   O(() => {
-    const { value: b, unit: v } = sl(d);
+    const { value: m, unit: v } = sl(d);
     if (v === "") {
-      l(b), h(n != null && n.toLowerCase().includes("width") ? "%" : ue(u));
+      l(m), h(n != null && n.toLowerCase().includes("width") ? "%" : ue(u));
       return;
     }
-    h(v), l(v === "class" || f(b) ? "" : b);
+    h(v), l(v === "class" || f(m) ? "" : m);
   }, [d, n, u]);
-  const N = fe((b) => a(b), [a], Ee), I = fe((b) => a(b, !1), [a], Ee), F = V(
-    (b = !1) => {
+  const N = fe((m) => a(m), [a], Ee), $ = fe((m) => a(m, !1), [a], Ee), Y = V(
+    (m = !1) => {
       const v = Ae(`${s}`, u);
       if (x(v, "error", !1)) {
         p(!0);
@@ -1559,23 +1558,23 @@ const sl = (r) => {
       if (x(v, "value") === "")
         return;
       const J = `${x(v, "value", "").startsWith("-") ? "-" : ""}${c}[${x(v, "value", "").replace("-", "")}${S === "-" ? "" : S}]`;
-      b ? I(J) : N(J);
+      m ? $(J) : N(J);
     },
-    [N, I, s, i, c, u]
+    [N, $, s, i, c, u]
   ), G = V(
-    (b) => {
+    (m) => {
       const v = Ae(`${s}`, u);
       if (x(v, "error", !1)) {
         p(!0);
         return;
       }
-      if (b === "auto" || b === "none") {
-        N(`${c}${b}`);
+      if (m === "auto" || m === "none") {
+        N(`${c}${m}`);
         return;
       }
       if (x(v, "value") === "")
         return;
-      const S = x(v, "unit") !== "" ? x(v, "unit") : b, J = `${x(v, "value", "").startsWith("-") ? "-" : ""}${c}[${x(v, "value", "").replace("-", "")}${S === "-" ? "" : S}]`;
+      const S = x(v, "unit") !== "" ? x(v, "unit") : m, J = `${x(v, "value", "").startsWith("-") ? "-" : ""}${c}[${x(v, "value", "").replace("-", "")}${S === "-" ? "" : S}]`;
       N(J);
     },
     [N, s, c, u]
@@ -1592,31 +1591,31 @@ const sl = (r) => {
         "input",
         {
           readOnly: i === "class",
-          onKeyPress: (b) => {
-            b.key === "Enter" && F();
+          onKeyPress: (m) => {
+            m.key === "Enter" && Y();
           },
-          onKeyDown: (b) => {
-            if (b.keyCode !== 38 && b.keyCode !== 40)
+          onKeyDown: (m) => {
+            if (m.keyCode !== 38 && m.keyCode !== 40)
               return;
-            b.preventDefault(), L(!0);
-            const v = wt(b.target.value);
-            let S = Fe(v) ? 0 : v;
-            b.keyCode === 38 && (S += 1), b.keyCode === 40 && (S -= 1);
+            m.preventDefault(), L(!0);
+            const v = wt(m.target.value);
+            let S = Ye(v) ? 0 : v;
+            m.keyCode === 38 && (S += 1), m.keyCode === 40 && (S -= 1);
             const M = `${S}`, it = `${M.startsWith("-") ? "-" : ""}${c}[${M.replace("-", "")}${i === "-" ? "" : i}]`;
-            I(it);
+            $(it);
           },
-          onKeyUp: (b) => {
-            P && (b.preventDefault(), L(!1));
+          onKeyUp: (m) => {
+            I && (m.preventDefault(), L(!1));
           },
-          onBlur: () => F(),
-          onChange: (b) => {
-            p(!1), l(b.target.value);
+          onBlur: () => Y(),
+          onChange: (m) => {
+            p(!1), l(m.target.value);
           },
-          onClick: (b) => {
+          onClick: (m) => {
             var v;
-            (v = b == null ? void 0 : b.target) == null || v.select(), t(!1);
+            (v = m == null ? void 0 : m.target) == null || v.select(), t(!1);
           },
-          value: D ? m : s,
+          value: D ? b : s,
           className: "h-6 w-14 rounded rounded-r-none bg-background pl-2 text-sm focus-visible:outline-0 ".concat(
             " ",
             g ? "border-red-500 text-red-500" : "border-foreground/20"
@@ -1641,8 +1640,8 @@ const sl = (r) => {
           {
             units: u,
             current: i,
-            onSelect: (b) => {
-              t(!1), h(b), G(b);
+            onSelect: (m) => {
+              t(!1), h(m), G(m);
             }
           }
         ) }) })
@@ -1652,18 +1651,18 @@ const sl = (r) => {
       al,
       {
         onDragStart: () => j(!0),
-        onDragEnd: (b) => {
-          if (w(() => ""), j(!1), f(b))
+        onDragEnd: (m) => {
+          if (w(() => ""), j(!1), f(m))
             return;
-          const v = `${b}`, M = `${v.startsWith("-") ? "-" : ""}${c}[${v.replace("-", "")}${i === "-" ? "" : i}]`;
+          const v = `${m}`, M = `${v.startsWith("-") ? "-" : ""}${c}[${v.replace("-", "")}${i === "-" ? "" : i}]`;
           N(M);
         },
-        onDrag: (b) => {
-          if (f(b))
+        onDrag: (m) => {
+          if (f(m))
             return;
-          w(b);
-          const v = `${b}`, M = `${v.startsWith("-") ? "-" : ""}${c}[${v.replace("-", "")}${i === "-" ? "" : i}]`;
-          I(M);
+          w(m);
+          const v = `${m}`, M = `${v.startsWith("-") ? "-" : ""}${c}[${v.replace("-", "")}${i === "-" ? "" : i}]`;
+          $(M);
         },
         currentValue: s,
         unit: i,
@@ -1760,32 +1759,32 @@ const sl = (r) => {
   "2xl": "1536px"
 }, pl = (r) => `${r.toUpperCase()} ${Le[r] ? `(${Le[r]} & up)` : ""}`, Re = (r) => {
   const { t: o } = K(), { type: t = "icons", label: s, property: l, onEmitChange: d = () => {
-  }, units: a, negative: c = !1 } = r, [n] = yr(), [u] = Je(), [, y] = Be(), i = ae(l), h = Ke(), g = qe(), [p] = Ge(), m = _(() => x(i, "fullCls", ""), [i]), w = V(
-    (I, F = !0) => {
-      const G = { dark: n, mq: y, mod: u, cls: I, property: l, fullCls: "" };
+  }, units: a, negative: c = !1 } = r, [n] = yr(), [u] = Je(), [, y] = Be(), i = ae(l), h = Ke(), g = qe(), [p] = Ge(), b = _(() => x(i, "fullCls", ""), [i]), w = V(
+    ($, Y = !0) => {
+      const G = { dark: n, mq: y, mod: u, cls: $, property: l, fullCls: "" };
       (n || u !== "") && (G.mq = "xs");
-      const b = Mr(G);
-      h(p, [b], F);
+      const m = Mr(G);
+      h(p, [m], Y);
     },
     [p, n, y, u, l, h]
   ), D = V(() => {
-    g(p, [m]);
-  }, [p, m, g]), j = _(() => dl(i, y), [i, y]);
+    g(p, [b]);
+  }, [p, b, g]), j = _(() => dl(i, y), [i, y]);
   O(() => {
     d(j, i);
   }, [j, d, i]);
-  const [, , P] = Be(), L = V(
-    (I) => {
-      P({
+  const [, , I] = Be(), L = V(
+    ($) => {
+      I({
         xs: 400,
         sm: 640,
         md: 800,
         lg: 1024,
         xl: 1420,
         "2xl": 1920
-      }[I]);
+      }[$]);
     },
-    [P]
+    [I]
   ), N = x(i, "dark", null) === n && x(i, "mod", null) === u && x(i, "mq", null) === y;
   return /* @__PURE__ */ e.jsx(Jr, { canChange: j, canReset: i && N, children: /* @__PURE__ */ e.jsxs("div", { className: "group flex flex-row items-center py-2 first:pt-0 last:pb-0", children: [
     /* @__PURE__ */ e.jsx("div", { className: "relative w-[70px] truncate text-xs text-foreground", children: /* @__PURE__ */ e.jsx("span", { className: `text-[11px] ${i && !N ? "text-foreground" : ""}`, children: o(s) }) }),
@@ -1807,7 +1806,7 @@ const sl = (r) => {
         t === "color" && /* @__PURE__ */ e.jsx(rl, { property: l, onChange: w }),
         t === "dropdown" && /* @__PURE__ */ e.jsx(ot, { label: s, property: l, onChange: w })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: `w-[30px] cursor-pointer ${m ? "visible" : "invisible"}`, children: N ? /* @__PURE__ */ e.jsx("button", { type: "button", onClick: () => D(), title: "Reset", className: "flex px-1.5 text-xs", children: /* @__PURE__ */ e.jsx(Ot, { className: "h-5 w-5 text-blue-500 hover:opacity-80" }) }) : j && i ? /* @__PURE__ */ e.jsxs(X, { delayDuration: 100, children: [
+      /* @__PURE__ */ e.jsx("div", { className: `w-[30px] cursor-pointer ${b ? "visible" : "invisible"}`, children: N ? /* @__PURE__ */ e.jsx("button", { type: "button", onClick: () => D(), title: "Reset", className: "flex px-1.5 text-xs", children: /* @__PURE__ */ e.jsx(Ot, { className: "h-5 w-5 text-blue-500 hover:opacity-80" }) }) : j && i ? /* @__PURE__ */ e.jsxs(X, { delayDuration: 100, children: [
         /* @__PURE__ */ e.jsx(z, { asChild: !0, children: /* @__PURE__ */ e.jsx(
           "button",
           {
@@ -1856,7 +1855,7 @@ const sl = (r) => {
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex flex-row text-xs", children: [
           r && /* @__PURE__ */ e.jsx("span", { className: "relative w-[70px] flex-none text-xs text-foreground", children: c(r) }),
-          /* @__PURE__ */ e.jsx("div", { className: "mb-3 flex grow flex-row flex-wrap gap-x-px", children: $.Children.toArray(
+          /* @__PURE__ */ e.jsx("div", { className: "mb-3 flex grow flex-row flex-wrap gap-x-px", children: P.Children.toArray(
             o.map(({ label: h, key: g }) => /* @__PURE__ */ e.jsx("div", { className: "first:rounded-l last:rounded-r", children: /* @__PURE__ */ e.jsxs(X, { children: [
               /* @__PURE__ */ e.jsx(z, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
                 "button",
@@ -1865,14 +1864,14 @@ const sl = (r) => {
                   onClick: () => u(g),
                   className: `relative cursor-pointer rounded-full p-1 text-[8px] ${g === n ? " bg-[#3E57F0] text-white" : "text-gray-600 dark:text-gray-300"}`,
                   children: [
-                    $.createElement("div", {
+                    P.createElement("div", {
                       className: i(g) ? "-bottom-1.5 absolute bg-[#3E57F0] h-[2px] left-0 w-full" : ""
                     }),
-                    $.createElement(x(st, g, ze), { className: "text-inherit w-3 h-3" })
+                    P.createElement(x(st, g, ze), { className: "text-inherit w-3 h-3" })
                   ]
                 }
               ) }),
-              /* @__PURE__ */ e.jsx(Z, { children: Y(le(h)) })
+              /* @__PURE__ */ e.jsx(Z, { children: F(le(h)) })
             ] }) }))
           ) })
         ] }),
@@ -1896,7 +1895,7 @@ const sl = (r) => {
     ), a = U(
       o.map((n) => n.styleType === "accordion" ? d(n.items) : n.styleType === "multiple" ? k(n.options, "key") : n.property)
     ), c = k(s, "property");
-    return Ye(a, c).length > 0;
+    return Fe(a, c).length > 0;
   }, [s, o]);
   return /* @__PURE__ */ e.jsxs("details", { children: [
     /* @__PURE__ */ e.jsx("summary", { className: "my-px cursor-default rounded-md bg-background p-px px-2 text-[11px] text-foreground", children: /* @__PURE__ */ e.jsxs("div", { className: "inline", children: [
@@ -1910,7 +1909,7 @@ const sl = (r) => {
     ] }) }),
     /* @__PURE__ */ e.jsx("div", { className: "p-2", children: o.map((d) => d.styleType === "multiple" ? /* @__PURE__ */ e.jsx(nt, { ...d }, d.label) : /* @__PURE__ */ e.jsx(Re, { ...d }, d.label)) })
   ] });
-}, gl = Me({}), me = ({ section: r }) => {
+}, gl = Me({}), be = ({ section: r }) => {
   const { t: o } = K(), t = ge(), s = V(
     (a = []) => {
       const c = {};
@@ -1933,15 +1932,15 @@ const sl = (r) => {
     ), c = U(
       r.items.map((u) => u.styleType === "accordion" ? a(u.items) : u.styleType === "multiple" ? U(k(u.options, "key")) : u.property)
     ), n = k(t, "property");
-    return Ye(c, n).length > 0;
+    return Fe(c, n).length > 0;
   }, [t, r.heading, r.items]), d = _(() => ({}), []);
   return /* @__PURE__ */ e.jsx(gl.Provider, { value: d, children: /* @__PURE__ */ e.jsxs(de, { value: r.heading, children: [
     /* @__PURE__ */ e.jsx(ce, { className: "px-3 py-2 text-xs hover:no-underline", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-2", children: [
       /* @__PURE__ */ e.jsx("div", { className: `h-[8px] w-[8px] rounded-full ${l ? "bg-blue-500" : "bg-gray-300"}` }),
       o(r.heading)
     ] }) }),
-    /* @__PURE__ */ e.jsx(pe, { className: "bg-gray-100 px-3.5 py-2", children: $.Children.toArray(
-      r.items.map((a) => ye(a, "component") ? $.createElement(a.component, { key: a.label }) : ye(a, "styleType") ? a.styleType === "multiple" ? /* @__PURE__ */ e.jsx(nt, { ...a }, a.label) : a.styleType === "accordion" && s(a == null ? void 0 : a.conditions) ? /* @__PURE__ */ e.jsx(xl, { ...a }, a.label) : null : /* @__PURE__ */ e.jsx(Re, { ...a }, a.label))
+    /* @__PURE__ */ e.jsx(pe, { className: "bg-gray-100 px-3.5 py-2", children: P.Children.toArray(
+      r.items.map((a) => ye(a, "component") ? P.createElement(a.component, { key: a.label }) : ye(a, "styleType") ? a.styleType === "multiple" ? /* @__PURE__ */ e.jsx(nt, { ...a }, a.label) : a.styleType === "accordion" && s(a == null ? void 0 : a.conditions) ? /* @__PURE__ */ e.jsx(xl, { ...a }, a.label) : null : /* @__PURE__ */ e.jsx(Re, { ...a }, a.label))
     ) })
   ] }) });
 }, hl = ({
@@ -1977,7 +1976,7 @@ const sl = (r) => {
       }
     ),
     /* @__PURE__ */ e.jsx(
-      Ft,
+      Yt,
       {
         onClick: l,
         className: "h-6 w-6 cursor-pointer rounded border border-red-400 p-1 text-red-400 hover:opacity-80"
@@ -1986,22 +1985,22 @@ const sl = (r) => {
   ] })
 ] }), yl = ({ section: r }) => {
   var h;
-  const { setSyncState: o } = br(), t = q(), [s, l] = C([]), [d] = Se(), a = We(), c = `${x(d, "0.prop")}_attrs`;
+  const { setSyncState: o } = mr(), t = q(), [s, l] = C([]), [d] = Se(), a = We(), c = `${x(d, "0.prop")}_attrs`;
   ne.useEffect(() => {
-    const g = k(x(t, c), (p, m) => ({ key: m, value: p }));
+    const g = k(x(t, c), (p, b) => ({ key: b, value: p }));
     f(g) ? l([]) : l(g);
   }, [x(t, c)]);
   const n = () => l([...s, { key: "", value: "" }]), u = (g) => {
-    const p = we(s, (m, w) => g !== w);
+    const p = we(s, (b, w) => g !== w);
     i(p);
   }, y = (g, p) => {
-    const m = [...s];
-    m[p][g.target.name] = g.target.value, i(m);
+    const b = [...s];
+    b[p][g.target.name] = g.target.value, i(b);
   }, i = ne.useCallback(
     (g = []) => {
       const p = {};
-      ke(g, (m) => {
-        f(m.key) || Oe(p, m.key, m.value);
+      ke(g, (b) => {
+        f(b.key) || Oe(p, b.key, b.value);
       }), a([x(t, "_id")], { [c]: p }), o("UNSAVED");
     },
     [t, o, a, c]
@@ -2038,13 +2037,13 @@ const sl = (r) => {
         f(s) && /* @__PURE__ */ e.jsx("div", { className: "flex h-12 items-center justify-center text-sm text-gray-400", children: "Click + Add to add attributes" }),
         ne.Children.toArray(
           k(s, (g, p) => {
-            const m = s.length > 0 && p < s.length - 1;
+            const b = s.length > 0 && p < s.length - 1;
             return /* @__PURE__ */ e.jsx(
               hl,
               {
                 item: g,
                 index: p,
-                canDelete: m,
+                canDelete: b,
                 onChange: y,
                 onRemove: () => u(p)
               }
@@ -2055,8 +2054,8 @@ const sl = (r) => {
     ] }) })
   ] });
 };
-function bl() {
-  const [r, o] = Je(), { flexChild: t, gridChild: s } = mr(), [, l] = $r(fr), { t: d } = K(), [a] = Se();
+function ml() {
+  const [r, o] = Je(), { flexChild: t, gridChild: s } = br(), [, l] = Pr(fr), { t: d } = K(), [a] = Se();
   return f(a) ? /* @__PURE__ */ e.jsx("div", { className: "p-4 text-center", children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 rounded-xl p-4", children: [
     /* @__PURE__ */ e.jsx(Ze, { className: "mx-auto text-3xl" }),
     /* @__PURE__ */ e.jsx("h1", { children: d("no_styling_block_selected") })
@@ -2084,15 +2083,15 @@ function bl() {
         ] })
       ] }) }),
       /* @__PURE__ */ e.jsx(Qe, { className: "no-scrollbar -mx-1 max-h-full flex-1 overflow-x-hidden overflow-y-hidden", children: /* @__PURE__ */ e.jsxs(Ue, { defaultValue: ["Layout"], type: "multiple", className: "w-full", children: [
-        t && /* @__PURE__ */ e.jsx(me, { section: Kr }),
-        s ? /* @__PURE__ */ e.jsx(me, { section: qr }) : null,
-        Gr.map((c) => /* @__PURE__ */ e.jsx(me, { section: c }, c.heading)),
+        t && /* @__PURE__ */ e.jsx(be, { section: Kr }),
+        s ? /* @__PURE__ */ e.jsx(be, { section: qr }) : null,
+        Gr.map((c) => /* @__PURE__ */ e.jsx(be, { section: c }, c.heading)),
         /* @__PURE__ */ e.jsx(yl, { section: { heading: "Attributes" } })
       ] }) })
     ] })
   );
 }
-const ml = {
+const bl = {
   px: 1,
   "%": 1,
   em: 100,
@@ -2103,8 +2102,8 @@ const ml = {
   "-": 1,
   deg: 1,
   ms: 0.1
-}, ks = () => {
-  const r = q(), { t: o } = K(), [t, s] = $.useState(""), [l, d] = $.useState({
+}, Cs = () => {
+  const r = q(), { t: o } = K(), [t, s] = P.useState(""), [l, d] = P.useState({
     onDrag: (n) => n,
     onDragEnd: (n) => n,
     dragStartY: 0,
@@ -2117,8 +2116,8 @@ const ml = {
     (n) => {
       const u = !x(l, "negative", !1), y = x(l, "cssProperty", "");
       let i = parseFloat(l.dragStartValue);
-      i = Fe(i) ? 0 : i;
-      let h = ml[l.dragUnit];
+      i = Ye(i) ? 0 : i;
+      let h = bl[l.dragUnit];
       (W(y, "scale") || y === "opacity") && (h = 10);
       let p = (l.dragStartY - n.pageY) / h + i;
       u && p < 0 && (p = 0), y === "opacity" && p > 1 && (p = 1), l.onDrag(`${p}`), s(`${p}`);
@@ -2154,11 +2153,11 @@ const ml = {
         /* @__PURE__ */ e.jsx(De, { value: "settings", children: o("settings") }),
         /* @__PURE__ */ e.jsx(De, { value: "styling", children: o("styling") })
       ] }),
-      /* @__PURE__ */ e.jsx(Ie, { value: "settings", className: "no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ e.jsx(Qe, { className: "no-scrollbar max-h-full flex-1 overflow-x-hidden overflow-y-hidden pb-5", children: /* @__PURE__ */ e.jsx(Wr, {}) }) }),
-      /* @__PURE__ */ e.jsx(Ie, { value: "styling", className: "h-full flex-1 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ e.jsx(bl, {}) })
+      /* @__PURE__ */ e.jsx($e, { value: "settings", className: "no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ e.jsx(Qe, { className: "no-scrollbar max-h-full flex-1 overflow-x-hidden overflow-y-hidden pb-5", children: /* @__PURE__ */ e.jsx(Wr, {}) }) }),
+      /* @__PURE__ */ e.jsx($e, { value: "styling", className: "h-full flex-1 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ e.jsx(ml, {}) })
     ] })
   ] }) });
 };
 export {
-  ks as default
+  Cs as default
 };