@chaibuilder/sdk 1.2.10 → 1.2.12

package/dist/{Settings-_K28Ontt.js → Settings-y3DHsT88.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 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 mt, capitalize as bt, 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 { 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 { Check as Sr, EditIcon as Tr, TrashIcon as Rr } from "lucide-react";
+import { PlusIcon as Ne, Cross2Icon as Xe, EyeOpenIcon as kt, EyeClosedIcon as He, BorderAllIcon as A, WidthIcon as S, HeightIcon as R, ArrowUpIcon as Q, ArrowRightIcon as ee, ArrowDownIcon as te, ArrowLeftIcon as re, ArrowTopLeftIcon as Nt, ArrowTopRightIcon as _t, ArrowBottomRightIcon as Tt, ArrowBottomLeftIcon as St, 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 Ft, MixerHorizontalIcon as Ze } from "@radix-ui/react-icons";
+import { aT as Yt, aU as Xt, B as xe, aV as zt, aW as Zt, aX as Wt, aY as Ut, aZ as Kt, a_ as qt, a$ as Gt, a0 as q, af as Jt, ag as Qt, ah as er, b0 as tr, ad as rr, b1 as lr, ae as sr, av as X, aw as z, ax as Z, b2 as or, b3 as ar, b4 as nr, b5 as ir, b6 as dr, b7 as cr, a5 as We, a4 as pr, i as ur, b8 as Ue, b9 as de, ba as ce, bb as pe, ac as Te, L as Ke, Z as qe, j as Ge, az as Se, bc as xr, m as gr, bd as hr, _ as ge, U as yr, a3 as Je, M as Be, a9 as mr, a6 as br, be as fr, aj as vr, ak as wr, al as jr, am as Cr, an as H, bf as Qe, ap as kr, aq as Nr, ar as De, as as $e } from "./index-0m8Zuv5X.js";
+import { u as _r } from "./empty-slot-MWycClTb.js";
+import { Check as Tr, EditIcon as Sr, 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-19nTm_cE.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";
@@ -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,
@@ -136,12 +135,12 @@ 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"}` }),
+                    /* @__PURE__ */ e.jsx(Tr, { 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) }) })
@@ -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),
@@ -268,7 +267,7 @@ const je = ({ data: r, fullView: o }) => {
     /* @__PURE__ */ e.jsx("div", { className: "font-medium leading-5", children: r.value }),
     /* @__PURE__ */ e.jsx(je, { data: x(l, r.value, "") }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
-      /* @__PURE__ */ e.jsx(lt, { editMode: !0, onAddBinding: o, appliedBindings: d, item: r, children: /* @__PURE__ */ e.jsx(Tr, { className: "mt-1 h-6 w-6 cursor-pointer rounded border border-blue-400 p-1 text-blue-400 duration-200 hover:scale-105 hover:bg-blue-400 hover:text-white" }) }),
+      /* @__PURE__ */ e.jsx(lt, { editMode: !0, onAddBinding: o, appliedBindings: d, item: r, children: /* @__PURE__ */ e.jsx(Sr, { className: "mt-1 h-6 w-6 cursor-pointer rounded border border-blue-400 p-1 text-blue-400 duration-200 hover:scale-105 hover:bg-blue-400 hover:text-white" }) }),
       /* @__PURE__ */ e.jsx(
         Rr,
         {
@@ -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,
@@ -456,24 +455,24 @@ const $e = new Er(Lr, {
 });
 function Ur() {
   var D;
-  const [r] = Se(), o = q(), t = Ke(), s = qe(), [l] = Ge(), [d, a] = C(""), c = (D = ue(r)) == null ? void 0 : D.prop, n = ft((x(o, c, "").replace(Or, "").split(",").pop() || "").split(" "), f), u = () => {
+  const [r] = Te(), o = q(), t = Ke(), s = qe(), [l] = Ge(), [d, a] = C(""), c = (D = ue(r)) == null ? void 0 : D.prop, n = ft((x(o, c, "").replace(Or, "").split(",").pop() || "").split(" "), f), u = () => {
     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, F = I.replace($, "");
+      N = Pe.search(F).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(
@@ -491,7 +490,7 @@ function Ur() {
     {
       className: `no-scrollbar flex ${y.length > 0 ? "min-h-[300px]" : "min-h-max"} w-full flex-col gap-y-5 overflow-y-auto bg-gray-100 px-px`,
       children: [
-        /* @__PURE__ */ e.jsx(Te, { className: "mt-2", children: "Add Tailwind classes" }),
+        /* @__PURE__ */ e.jsx(Se, { className: "mt-2", children: "Add Tailwind classes" }),
         /* @__PURE__ */ e.jsxs("div", { className: "relative -mt-4 flex items-center gap-x-3", children: [
           /* @__PURE__ */ e.jsx("div", { className: "relative flex w-full items-center gap-x-3", children: /* @__PURE__ */ e.jsx(
             Ar,
@@ -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"
@@ -982,32 +981,32 @@ const B = ["px", "%", "em", "rem", "ch", "vh", "vw"], Kr = {
   // display
   hidden: He,
   gap: A,
-  gapX: T,
+  gapX: S,
   gapY: R,
-  spaceX: T,
+  spaceX: S,
   spaceY: R,
   overscroll: A,
-  overscrollX: T,
+  overscrollX: S,
   overscrollY: R,
   overflow: A,
-  overflowX: T,
+  overflowX: S,
   overflowY: R,
   top: Q,
   right: ee,
   bottom: te,
   left: re,
   inset: A,
-  insetX: T,
+  insetX: S,
   insetY: R,
   border: A,
-  borderX: T,
+  borderX: S,
   borderY: R,
   borderTop: Q,
   borderRight: ee,
   borderBottom: te,
   borderLeft: re,
   borderRadius: A,
-  borderRadiusX: T,
+  borderRadiusX: S,
   borderRadiusY: R,
   borderRadiusTop: Q,
   borderRadiusRight: ee,
@@ -1015,20 +1014,20 @@ const B = ["px", "%", "em", "rem", "ch", "vh", "vw"], Kr = {
   borderRadiusLeft: re,
   borderRadiusTopLeft: Nt,
   borderRadiusTopRight: _t,
-  borderRadiusBottomRight: St,
-  borderRadiusBottomLeft: Tt,
-  divideXWidth: T,
+  borderRadiusBottomRight: Tt,
+  borderRadiusBottomLeft: St,
+  divideXWidth: S,
   divideYWidth: R,
   scale: A,
-  scaleX: T,
+  scaleX: S,
   scaleY: R,
-  skewX: T,
+  skewX: S,
   skewY: R,
-  translateX: T,
+  translateX: S,
   translateY: R,
   // padding
   padding: A,
-  paddingX: T,
+  paddingX: S,
   paddingY: R,
   paddingTop: Q,
   paddingRight: ee,
@@ -1036,7 +1035,7 @@ const B = ["px", "%", "em", "rem", "ch", "vh", "vw"], Kr = {
   paddingLeft: re,
   // margin
   margin: A,
-  marginX: T,
+  marginX: S,
   marginY: R,
   marginTop: Q,
   marginRight: ee,
@@ -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,7 +1255,7 @@ 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)) })
@@ -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,47 +1534,47 @@ 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), F = V(
+    (m = !1) => {
       const v = Ae(`${s}`, u);
       if (x(v, "error", !1)) {
         p(!0);
         return;
       }
-      const S = x(v, "unit") !== "" ? x(v, "unit") : i;
-      if (S === "auto" || S === "none") {
-        N(`${c}${S}`);
+      const T = x(v, "unit") !== "" ? x(v, "unit") : i;
+      if (T === "auto" || T === "none") {
+        N(`${c}${T}`);
         return;
       }
       if (x(v, "value") === "")
         return;
-      const J = `${x(v, "value", "").startsWith("-") ? "-" : ""}${c}[${x(v, "value", "").replace("-", "")}${S === "-" ? "" : S}]`;
-      b ? I(J) : N(J);
+      const J = `${x(v, "value", "").startsWith("-") ? "-" : ""}${c}[${x(v, "value", "").replace("-", "")}${T === "-" ? "" : T}]`;
+      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 T = x(v, "unit") !== "" ? x(v, "unit") : m, J = `${x(v, "value", "").startsWith("-") ? "-" : ""}${c}[${x(v, "value", "").replace("-", "")}${T === "-" ? "" : T}]`;
       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" && F();
           },
-          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);
-            const M = `${S}`, it = `${M.startsWith("-") ? "-" : ""}${c}[${M.replace("-", "")}${i === "-" ? "" : i}]`;
-            I(it);
+            m.preventDefault(), L(!0);
+            const v = wt(m.target.value);
+            let T = Fe(v) ? 0 : v;
+            m.keyCode === 38 && (T += 1), m.keyCode === 40 && (T -= 1);
+            const M = `${T}`, it = `${M.startsWith("-") ? "-" : ""}${c}[${M.replace("-", "")}${i === "-" ? "" : i}]`;
+            $(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);
+          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(
+    ($, F = !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], F);
     },
     [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,10 +1864,10 @@ 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" })
                   ]
                 }
               ) }),
@@ -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 = {};
@@ -1940,8 +1939,8 @@ const sl = (r) => {
       /* @__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 = ({
@@ -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] = Te(), 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]
@@ -2017,7 +2016,7 @@ const sl = (r) => {
       "Attributes"
     ] }) }),
     /* @__PURE__ */ e.jsx(pe, { className: "bg-gray-100 px-3.5 py-2", children: /* @__PURE__ */ e.jsxs("div", { className: "no-scrollbar flex min-h-max flex-col gap-y-2 overflow-y-auto bg-gray-100 p-px", children: [
-      /* @__PURE__ */ e.jsxs(Te, { className: "mt-2 flex w-full items-center justify-between", children: [
+      /* @__PURE__ */ e.jsxs(Se, { className: "mt-2 flex w-full items-center justify-between", children: [
         "Add Custom attributes",
         /* @__PURE__ */ e.jsxs(
           "div",
@@ -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] = Te();
   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") })
@@ -2064,7 +2063,7 @@ function bl() {
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
     /* @__PURE__ */ e.jsxs("div", { onClick: () => l(!1), className: "flex h-full flex-col", children: [
       /* @__PURE__ */ e.jsx("div", { className: "flex h-12 flex-col space-x-4 space-y-3 border-b border-border px-4 py-1", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-end gap-x-1.5", children: [
-        /* @__PURE__ */ e.jsx(Te, { htmlFor: "", className: "flex gap-x-1.5 text-xs italic", children: "State" }),
+        /* @__PURE__ */ e.jsx(Se, { htmlFor: "", className: "flex gap-x-1.5 text-xs italic", children: "State" }),
         /* @__PURE__ */ e.jsxs(vr, { defaultValue: r, onValueChange: (c) => o(c), children: [
           /* @__PURE__ */ e.jsx(wr, { className: "h-auto w-fit p-1 px-3", children: /* @__PURE__ */ e.jsx(jr, { placeholder: "State" }) }),
           /* @__PURE__ */ e.jsxs(Cr, { children: [
@@ -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,
@@ -2118,7 +2117,7 @@ const ml = {
       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];
+      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
 };