@chaibuilder/sdk 1.0.19 → 1.0.21

package/dist/{Settings-UOB68lg0.js → Settings-8AbHXcDP.js}

@@ -1,21 +1,22 @@
-import { j as e } from "./jsx-runtime-qAwJ85SY.js";
+import { j as e } from "./jsx-runtime-NV737rRe.js";
 import * as ne from "react";
-import $, { useState as w, useMemo as k, useEffect as _, useCallback as A, createContext as Oe, useContext as re } from "react";
+import P, { useState as w, useMemo as N, useEffect as _, useCallback as A, createContext as Oe, useContext as re } from "react";
 import { useThrottledCallback as me } from "@react-hookz/web";
 import { forEach as je, isArray as ae, omit as it, truncate as dt, includes as M, get as p, first as we, split as ct, startCase as Y, toLower as te, isEmpty as b, map as C, find as pt, last as ye, filter as be, set as Me, keys as ut, cloneDeep as xt, each as gt, capitalize as ht, reject as mt, nth as Re, startsWith as z, isNumber as yt, parseInt as bt, isNaN as Ee, findLast as ft, flatten as U, intersection as _e, has as ge, isNull as vt } from "lodash";
 import { useTranslation as Fe } from "react-i18next";
-import { PlusIcon as Ce, Cross2Icon as Ye, EyeOpenIcon as jt, EyeClosedIcon as Ve, BorderAllIcon as O, WidthIcon as R, HeightIcon as V, ArrowUpIcon as q, ArrowRightIcon as J, ArrowDownIcon as Q, ArrowLeftIcon as ee, ArrowTopLeftIcon as wt, ArrowTopRightIcon as Ct, ArrowBottomRightIcon as Nt, ArrowBottomLeftIcon as kt, AlignLeftIcon as Tt, AlignCenterHorizontallyIcon as St, AlignRightIcon as Rt, StretchHorizontallyIcon as Vt, FontItalicIcon as Ht, UnderlineIcon as Bt, OverlineIcon as At, LetterCaseUppercaseIcon as Dt, Cross1Icon as $t, InfoCircledIcon as Ne, MinusIcon as It, BoxIcon as We, RowSpacingIcon as Pt, TriangleDownIcon as Lt, TrashIcon as Xe, MixerHorizontalIcon as Ze } from "@radix-ui/react-icons";
-import { b1 as Ot, b2 as Mt, B as pe, b3 as Et, b4 as _t, b5 as Ft, b6 as Yt, b7 as Wt, b8 as Xt, b9 as Zt, a6 as G, aq as zt, ar as Ut, as as Gt, ba as Kt, ao as qt, bb as Jt, ap as Qt, aH as W, aI as X, aK as Z, ak as er, bc as tr, bd as rr, be as lr, bf as sr, bg as or, bh as nr, p as ze, ac as Ue, bi as Ge, bj as ie, bk as de, bl as ce, aj as ke, P as Ke, a3 as qe, j as Je, aM as Te, bm as ar, bn as ir, a4 as ue, W as dr, a9 as Qe, R as He, ag as cr, ad as pr, bo as ur, au as xr, av as gr, aw as hr, ax as mr, ay as H, bp as yr, aB as br, aC as fr, aD as Be, aE as Ae } from "./index-2EHcmZqL.js";
+import { PlusIcon as Ce, Cross2Icon as Ye, EyeOpenIcon as jt, EyeClosedIcon as Ve, BorderAllIcon as O, WidthIcon as R, HeightIcon as V, ArrowUpIcon as q, ArrowRightIcon as J, ArrowDownIcon as Q, ArrowLeftIcon as ee, ArrowTopLeftIcon as wt, ArrowTopRightIcon as Ct, ArrowBottomRightIcon as kt, ArrowBottomLeftIcon as Nt, AlignLeftIcon as Tt, AlignCenterHorizontallyIcon as St, AlignRightIcon as Rt, StretchHorizontallyIcon as Vt, FontItalicIcon as Ht, UnderlineIcon as Bt, OverlineIcon as At, LetterCaseUppercaseIcon as Dt, Cross1Icon as Pt, InfoCircledIcon as ke, MinusIcon as $t, BoxIcon as We, RowSpacingIcon as It, TriangleDownIcon as Lt, TrashIcon as Xe, MixerHorizontalIcon as Ze } from "@radix-ui/react-icons";
+import { b1 as Ot, b2 as Mt, B as pe, b3 as Et, b4 as _t, b5 as Ft, b6 as Yt, b7 as Wt, b8 as Xt, b9 as Zt, a6 as G, aq as zt, ar as Ut, as as Gt, ba as Kt, ao as qt, bb as Jt, ap as Qt, aH as W, aI as X, aK as Z, ak as er, bc as tr, bd as rr, be as lr, bf as sr, bg as or, bh as nr, p as ze, ac as Ue, bi as Ge, bj as ie, bk as de, bl as ce, aj as Ne, P as Ke, a3 as qe, j as Je, aM as Te, bm as ar, bn as ir, a4 as ue, W as dr, a9 as Qe, R as He, ag as cr, ad as pr, bo as ur, au as xr, av as gr, aw as hr, ax as mr, ay as H, bp as yr, aB as br, aC as fr, aD as Be, aE as Ae } from "./index-G55KtqnU.js";
 import vr from "@rjsf/core";
 import jr from "@rjsf/validator-ajv8";
-import { u as wr } from "./index-XvLiA8z7.js";
-import { Check as Cr, EditIcon as Nr, TrashIcon as kr } from "lucide-react";
-import { h as et, A as Tr } from "./index-gmZcUXyn.js";
-import { E as Sr, u as tt } from "./index-2-Cf7p7w.js";
+import { u as wr } from "./controls-G0puEH71.js";
+import { Check as Cr, EditIcon as kr, TrashIcon as Nr } from "lucide-react";
+import { getBlockComponent as et, getChaiDataProviders as Tr } from "@chaibuilder/runtime";
+import { E as Sr, u as tt } from "./index-mLIwGF5W.js";
 import { useAtom as Rr } from "jotai";
 import Vr from "react-autosuggest";
 import Hr from "fuse.js";
-import { A as Br, a as Ar, C as xe, h as Dr } from "./Class-nQk08vqd.js";
+import { A as Br, C as xe, d as Ar } from "./utils-PPBbw5bk.js";
+import { a as Dr } from "./MODIFIERS-MLfpKQY1.js";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
 import "@radix-ui/react-switch";
@@ -41,26 +42,27 @@ import "react-dom";
 import "react-quill";
 import "flat-to-nested";
 import "redux-undo";
+import "i18next";
+import "clsx";
+import "@floating-ui/react-dom";
+import "react-textarea-autosize";
+import "flagged";
+import "react-dnd";
+import "@minoru/react-dnd-treeview";
 import "./lib.js";
 import "himalaya";
+import "./functions-hmbWDcnW.js";
 import "@mhsdesign/jit-browser-tailwindcss";
 import "@bobthered/tailwindcss-palette-generator";
 import "@tailwindcss/forms";
 import "@tailwindcss/typography";
 import "@tailwindcss/aspect-ratio";
 import "@tailwindcss/line-clamp";
-import "clsx";
 import "tailwind-merge";
-import "i18next";
-import "@floating-ui/react-dom";
-import "react-textarea-autosize";
-import "flagged";
-import "react-dnd";
-import "@minoru/react-dnd-treeview";
 import "react-hotkeys-hook";
 import "sonner";
-const $r = $.lazy(() => import("react-json-view"));
-function Ir(t) {
+const Pr = P.lazy(() => import("react-json-view"));
+function $r(t) {
   const l = [], r = {};
   function s(o, a) {
     je(a, (d, i) => {
@@ -77,7 +79,7 @@ const fe = ({ data: t, fullView: l }) => {
   return l ? typeof t == "object" ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("div", { className: "h-3" }),
     /* @__PURE__ */ e.jsx(Sr, { children: /* @__PURE__ */ e.jsx(
-      $r,
+      Pr,
       {
         style: { maxHeight: "40vh", overflowY: "auto" },
         name: "Content",
@@ -101,7 +103,7 @@ const fe = ({ data: t, fullView: l }) => {
   dataType: a,
   appliedBindings: d
 }) => {
-  const { paths: i, pathsType: n } = Ir(s), u = t === "PROP" ? et(s == null ? void 0 : s._type) : {}, x = t === "PROP", [c, m] = w(!1), h = k(() => t === "PROP" ? i.filter(
+  const { paths: i, pathsType: n } = $r(s), u = t === "PROP" ? et(s == null ? void 0 : s._type) : {}, x = t === "PROP", [c, m] = w(!1), h = N(() => t === "PROP" ? i.filter(
     (g) => !M(d, g) && p(u, `props.${we(ct(g, "."))}.binding`)
   ) : i.filter((g) => a === p(n, g, "")), [t, i, d, a, u]);
   return _(() => {
@@ -156,7 +158,7 @@ const fe = ({ data: t, fullView: l }) => {
     ] }),
     !x && !b(l) && /* @__PURE__ */ e.jsx("div", { className: "pt-2", children: /* @__PURE__ */ e.jsx(fe, { data: p(s, l, ""), fullView: !0 }) })
   ] });
-}, Pr = ({
+}, Ir = ({
   appliedBindings: t = [],
   onAddBinding: l,
   editMode: r,
@@ -234,7 +236,7 @@ const fe = ({ data: t, fullView: l }) => {
   return /* @__PURE__ */ e.jsxs(qt, { children: [
     /* @__PURE__ */ e.jsx(Jt, { asChild: !0, onClick: () => d(!0), children: t }),
     a && /* @__PURE__ */ e.jsx(Qt, { children: /* @__PURE__ */ e.jsx(
-      Pr,
+      Ir,
       {
         item: o,
         editMode: s,
@@ -269,9 +271,9 @@ const fe = ({ data: t, fullView: l }) => {
     /* @__PURE__ */ e.jsx("div", { className: "font-medium leading-5", children: t.value }),
     /* @__PURE__ */ e.jsx(fe, { data: p(o, t.value, "") }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
-      /* @__PURE__ */ e.jsx(rt, { editMode: !0, onAddBinding: l, appliedBindings: a, item: t, children: /* @__PURE__ */ e.jsx(Nr, { className: "h-6 w-6 mt-1 cursor-pointer rounded border hover:bg-blue-400 hover:text-white border-blue-400 p-1 text-blue-400 hover:scale-105 duration-200" }) }),
+      /* @__PURE__ */ e.jsx(rt, { editMode: !0, onAddBinding: l, appliedBindings: a, item: t, children: /* @__PURE__ */ e.jsx(kr, { className: "h-6 w-6 mt-1 cursor-pointer rounded border hover:bg-blue-400 hover:text-white border-blue-400 p-1 text-blue-400 hover:scale-105 duration-200" }) }),
       /* @__PURE__ */ e.jsx(
-        kr,
+        Nr,
         {
           onClick: () => r(),
           className: "h-6 w-6 mt-1 cursor-pointer rounded border hover:bg-red-400 hover:text-white border-red-400 p-1 text-red-400 hover:scale-105 duration-200"
@@ -287,7 +289,7 @@ const fe = ({ data: t, fullView: l }) => {
   _(() => {
     d(C(t, (c, m) => ({ key: m, value: c })));
   }, [r == null ? void 0 : r._id]);
-  const i = k(() => {
+  const i = N(() => {
     if (b(s))
       return !0;
     if (b(a))
@@ -342,7 +344,7 @@ const fe = ({ data: t, fullView: l }) => {
       i && /* @__PURE__ */ e.jsx(Z, { sideOffset: -55, className: "text-[11px]", children: b(s) ? "No data provider has been set up for this page." : "Complete last added data binding to add more" })
     ] })
   ] });
-}, Mr = () => /* @__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" }), $e = ({
+}, Mr = () => /* @__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" }), Pe = ({
   createHistorySnapshot: t,
   properties: l,
   formData: r,
@@ -392,7 +394,7 @@ function Er() {
       title: "Name",
       default: p(t, "_name", t._type)
     })
-  }, n = ut(p(o, "_bindings", {})), u = k(() => {
+  }, n = ut(p(o, "_bindings", {})), u = N(() => {
     const x = xt(p(s, "props", {}));
     return gt(n, (c) => {
       delete x[c];
@@ -400,7 +402,7 @@ function Er() {
   }, [s, n]);
   return /* @__PURE__ */ e.jsxs("div", { className: "overflow-x-hidden", children: [
     /* @__PURE__ */ e.jsx(
-      $e,
+      Pe,
       {
         onChange: d,
         createHistorySnapshot: a,
@@ -444,7 +446,7 @@ function Er() {
             ". Remove data binding to edit static content."
           ] }),
           /* @__PURE__ */ e.jsx(
-            $e,
+            Pe,
             {
               onChange: d,
               createHistorySnapshot: a,
@@ -458,7 +460,7 @@ function Er() {
     /* @__PURE__ */ e.jsx("div", { className: "pb-60" })
   ] });
 }
-const Ie = new Hr(Br, {
+const $e = new Hr(Br, {
   isCaseSensitive: !1,
   threshold: 0.2,
   minMatchCharLength: 2,
@@ -466,21 +468,21 @@ const Ie = new Hr(Br, {
 });
 function _r() {
   var D;
-  const [t] = ke(), l = G(), r = Ke(), s = qe(), [o] = Je(), [a, d] = w(""), i = (D = we(t)) == null ? void 0 : D.prop, n = mt((p(l, i, "").replace(Ar, "").split(",").pop() || "").split(" "), b), u = () => {
+  const [t] = Ne(), l = G(), r = Ke(), s = qe(), [o] = Je(), [a, d] = w(""), i = (D = we(t)) == null ? void 0 : D.prop, n = mt((p(l, i, "").replace(Dr, "").split(",").pop() || "").split(" "), b), u = () => {
     const j = a.trim().toLowerCase().replace(/ +(?= )/g, "").split(" ");
     r(o, j, !0), d("");
   }, [x, c] = w([]), m = ({ value: j }) => {
-    const L = j.trim().toLowerCase(), I = L.match(/.+:/g);
-    let N = [];
-    if (I && I.length > 0) {
-      const [P] = I, F = L.replace(P, "");
-      N = Ie.search(F).map((y) => ({
+    const L = j.trim().toLowerCase(), $ = L.match(/.+:/g);
+    let k = [];
+    if ($ && $.length > 0) {
+      const [I] = $, F = L.replace(I, "");
+      k = $e.search(F).map((y) => ({
         ...y,
-        item: { ...y.item, name: P + y.item.name }
+        item: { ...y.item, name: I + y.item.name }
       }));
     } else
-      N = Ie.search(L);
-    c(C(N, "item"));
+      k = $e.search(L);
+    c(C(k, "item"));
   }, h = () => {
     c([]);
   }, g = (j) => j.name, f = (j) => /* @__PURE__ */ e.jsx("div", { className: "rounded-md p-1", children: j.name }), T = {
@@ -1025,8 +1027,8 @@ const B = ["px", "%", "em", "rem", "ch", "vh", "vw"], Fr = {
   borderRadiusLeft: ee,
   borderRadiusTopLeft: wt,
   borderRadiusTopRight: Ct,
-  borderRadiusBottomRight: Nt,
-  borderRadiusBottomLeft: kt,
+  borderRadiusBottomRight: kt,
+  borderRadiusBottomLeft: Nt,
   divideXWidth: R,
   divideYWidth: V,
   scale: O,
@@ -1177,16 +1179,16 @@ const B = ["px", "%", "em", "rem", "ch", "vh", "vw"], Fr = {
       }
     )
   ] }),
-  static: $t
+  static: Pt
 }, le = Oe({ canReset: !1, canChange: !0 }), Xr = ({ children: t, canReset: l = !1, canChange: r = !0 }) => (
   // eslint-disable-next-line react/jsx-no-constructed-context-values
   /* @__PURE__ */ e.jsx(le.Provider, { value: { canReset: l, canChange: r }, children: t })
 ), st = ({ label: t, property: l, onChange: r }) => {
-  const s = k(() => p(xe, `${l}.classes`, [""]), [l]), o = se(l), a = k(() => p(o, "cls", ""), [o]), { canChange: d } = re(le), i = /\[.*\]/g.test(a);
+  const s = N(() => p(xe, `${l}.classes`, [""]), [l]), o = se(l), a = N(() => p(o, "cls", ""), [o]), { canChange: d } = re(le), i = /\[.*\]/g.test(a);
   return /* @__PURE__ */ e.jsx("div", { className: t ? "w-full rounded " : "grow", children: i ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
     /* @__PURE__ */ e.jsx(ar, { className: "w-[70%] rounded py-1", readOnly: !0, value: a }),
     /* @__PURE__ */ e.jsxs(W, { delayDuration: 100, children: [
-      /* @__PURE__ */ e.jsx(X, { asChild: !0, children: /* @__PURE__ */ e.jsx("button", { type: "button", className: "invisible ml-3 mt-1 text-blue-600 group-hover:visible", children: /* @__PURE__ */ e.jsx(Ne, {}) }) }),
+      /* @__PURE__ */ e.jsx(X, { asChild: !0, children: /* @__PURE__ */ e.jsx("button", { type: "button", className: "invisible ml-3 mt-1 text-blue-600 group-hover:visible", children: /* @__PURE__ */ e.jsx(ke, {}) }) }),
       /* @__PURE__ */ e.jsx(Z, { children: "Current value is using a Tailwind arbitrary value." })
     ] })
   ] }) : /* @__PURE__ */ e.jsx(
@@ -1214,7 +1216,7 @@ function ve({ selected: t, onChange: l, rounded: r = !1, options: s, disabled: o
       value: a,
       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 }))
         )
       ]
@@ -1222,7 +1224,7 @@ function ve({ selected: t, onChange: l, rounded: r = !1, options: s, disabled: o
   );
 }
 const Zr = ({ property: t, onChange: l }) => {
-  const { canReset: r, canChange: s } = re(le), o = se(t), a = k(() => p(o, "cls", ""), [o]), d = k(() => p(xe, `${t}.classes`, [""]), [t]), i = d.indexOf(a) > -1 ? d.indexOf(a) : 0, n = /\[.*\]/g.test(a);
+  const { canReset: r, canChange: s } = re(le), o = se(t), a = N(() => p(o, "cls", ""), [o]), d = N(() => p(xe, `${t}.classes`, [""]), [t]), i = d.indexOf(a) > -1 ? d.indexOf(a) : 0, n = /\[.*\]/g.test(a);
   return /* @__PURE__ */ e.jsx("div", { className: "flex flex-row divide-x divide-solid divide-border rounded border border-border text-xs", children: n ? /* @__PURE__ */ e.jsx("div", { className: "py-[5px] px-2", children: a }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
       "button",
@@ -1231,7 +1233,7 @@ const Zr = ({ property: t, onChange: l }) => {
         className: "box-border w-2/12 rounded-tl rounded-bl bg-background px-1 text-center hover:bg-bg-gray-700 disabled:cursor-not-allowed disabled:bg-gray-600",
         disabled: !s && (!r || i - 1 < 0),
         onClick: () => l(Re(d, i - 1), t),
-        children: /* @__PURE__ */ e.jsx("span", { className: "flex items-center justify-center", children: /* @__PURE__ */ e.jsx(It, { className: !s && (!r || i - 1 < 0) ? "text-gray-500" : "text-white/60" }) })
+        children: /* @__PURE__ */ e.jsx("span", { className: "flex items-center justify-center", children: /* @__PURE__ */ e.jsx($t, { className: !s && (!r || i - 1 < 0) ? "text-gray-500" : "text-white/60" }) })
       }
     ),
     /* @__PURE__ */ e.jsx("div", { className: "w-8/12 text-center", children: /* @__PURE__ */ e.jsx(st, { label: !1, property: t, onChange: l }) }),
@@ -1252,7 +1254,7 @@ const Zr = ({ property: t, onChange: l }) => {
     )
   ] }) });
 }, zr = ({ property: t, onChange: l }) => {
-  const r = k(() => p(xe, `${t}.classes`, [""]), [t]), { canChange: s } = re(le), o = se(t), a = k(() => p(o, "cls", ""), [o]);
+  const r = N(() => p(xe, `${t}.classes`, [""]), [t]), { canChange: s } = re(le), o = se(t), a = N(() => p(o, "cls", ""), [o]);
   return /* @__PURE__ */ e.jsx("div", { className: "flex grow flex-wrap gap-1", children: C(r, (d) => /* @__PURE__ */ e.jsxs(W, { children: [
     /* @__PURE__ */ e.jsx(X, { asChild: !0, children: /* @__PURE__ */ e.jsx(
       "button",
@@ -1261,7 +1263,7 @@ const Zr = ({ property: t, onChange: l }) => {
         disabled: !s,
         onClick: () => l(d, t),
         className: `cursor-pointer rounded border border-gray-600 p-1 disabled:cursor-not-allowed  ${a === d ? " bg-blue-500 text-white" : "disabled:bg-gray-600 disabled:text-gray-400"}`,
-        children: $.createElement(p(lt, d, We))
+        children: P.createElement(p(lt, d, We))
       }
     ) }),
     /* @__PURE__ */ e.jsx(Z, { children: Y(te(d)) })
@@ -1279,7 +1281,7 @@ const Zr = ({ property: t, onChange: l }) => {
   ringColor: "ring",
   ringOffsetColor: "ring-offset"
 }, Gr = ({ property: t, onChange: l }) => {
-  const r = se(t), s = k(() => p(r, "cls", ""), [r]), { canChange: o } = re(le), [a, d] = w([]), [i, n] = w({ color: "", shade: "" }), u = s.split("-"), x = p(u, "1", ""), c = p(u, "2", ""), m = A(
+  const r = se(t), s = N(() => p(r, "cls", ""), [r]), { canChange: o } = re(le), [a, d] = w([]), [i, n] = w({ color: "", shade: "" }), u = s.split("-"), x = p(u, "1", ""), c = p(u, "2", ""), m = A(
     // eslint-disable-next-line no-shadow
     (g) => {
       ["current", "inherit", "transparent", "black", "white"].includes(g) ? (d([]), n({ color: g })) : (d(["50", "100", "200", "300", "400", "500", "600", "700", "800", "900"]), n((f) => ({ ...f, color: g, shade: f.shade ? f.shade : "500" })));
@@ -1345,7 +1347,7 @@ const Zr = ({ property: t, onChange: l }) => {
     ) }),
     /* @__PURE__ */ e.jsx("button", { type: "button", className: "grow text-center", children: /* @__PURE__ */ e.jsx(ve, { rounded: !0, selected: c, disabled: !x || !o, onChange: h, options: a }) })
   ] });
-}, Pe = (t, l) => {
+}, Ie = (t, l) => {
   t = t.toLowerCase();
   let r = t.trim().replace(/ |\+/g, "");
   if ((r === "auto" || r === "none") && l.includes(r))
@@ -1492,7 +1494,7 @@ const qr = (t) => {
     return Jr(t);
   const r = p(l, "0", "").replace(/\[|\]/g, ""), s = t.startsWith("-") ? "-" : "", o = we(r.match(/\d+.\d+|\d+/g));
   return { value: `${s}${o}`, unit: r.replace(o, "") };
-}, Jr = (t) => b(t) ? { value: "", unit: "" } : Kr(t), ot = $.createContext({
+}, Jr = (t) => b(t) ? { value: "", unit: "" } : Kr(t), ot = P.createContext({
   setDragData: () => {
   }
 }), Qr = ({
@@ -1524,7 +1526,7 @@ const qr = (t) => {
       },
       color: void 0,
       className: "relative z-50 ml-1 hidden h-6 cursor-row-resize rounded bg-background/70 px-2 group-hover:inline",
-      children: /* @__PURE__ */ e.jsx(Pt, {})
+      children: /* @__PURE__ */ e.jsx(It, {})
     }
   );
 }, el = ({ onSelect: t, current: l, units: r }) => /* @__PURE__ */ e.jsx("div", { "data-theme": "light", className: "-m-[7px] -mx-[13px] flex w-9 flex-col", children: r.map((s) => /* @__PURE__ */ e.jsx(
@@ -1540,7 +1542,7 @@ const qr = (t) => {
   },
   s
 )) }), tl = (t) => {
-  const [l, r] = w(!1), [s, o] = w(""), { currentClass: a, onChange: d, classPrefix: i, cssProperty: n, units: u, negative: x } = t, [c, m] = w(n != null && n.toLowerCase().includes("width") ? "%" : u[0]), [h, g] = w(!1), [f, T] = w(""), [D, j] = w(!1), [L, I] = w(!1);
+  const [l, r] = w(!1), [s, o] = w(""), { currentClass: a, onChange: d, classPrefix: i, cssProperty: n, units: u, negative: x } = t, [c, m] = w(n != null && n.toLowerCase().includes("width") ? "%" : u[0]), [h, g] = w(!1), [f, T] = w(""), [D, j] = w(!1), [L, $] = w(!1);
   _(() => {
     const { value: y, unit: v } = qr(a);
     if (v === "") {
@@ -1549,13 +1551,13 @@ const qr = (t) => {
     }
     m(v), o(v === "class" || b(y) ? "" : y);
   }, [a, n, u]);
-  const N = me(
+  const k = me(
     (y) => {
       d(y);
     },
     [d],
     200
-  ), P = me(
+  ), I = me(
     (y) => {
       d(y, !1);
     },
@@ -1563,44 +1565,44 @@ const qr = (t) => {
     200
   ), F = A(
     (y = !1) => {
-      const v = Pe(`${s}`, u);
+      const v = Ie(`${s}`, u);
       if (p(v, "error", !1)) {
         g(!0);
         return;
       }
       const S = p(v, "unit") !== "" ? p(v, "unit") : c;
       if (S === "auto" || S === "none") {
-        N(`${i}${S}`);
+        k(`${i}${S}`);
         return;
       }
       if (p(v, "value") === "")
         return;
       const K = `${p(v, "value", "").startsWith("-") ? "-" : ""}${i}[${p(v, "value", "").replace("-", "")}${S === "-" ? "" : S}]`;
-      y ? P(K) : N(K);
+      y ? I(K) : k(K);
     },
-    [N, P, s, c, i, u]
+    [k, I, s, c, i, u]
   ), oe = A(
     (y) => {
-      const v = Pe(`${s}`, u);
+      const v = Ie(`${s}`, u);
       if (p(v, "error", !1)) {
         g(!0);
         return;
       }
       if (y === "auto" || y === "none") {
-        N(`${i}${y}`);
+        k(`${i}${y}`);
         return;
       }
       if (p(v, "value") === "")
         return;
       const S = p(v, "unit") !== "" ? p(v, "unit") : y, K = `${p(v, "value", "").startsWith("-") ? "-" : ""}${i}[${p(v, "value", "").replace("-", "")}${S === "-" ? "" : S}]`;
-      N(K);
+      k(K);
     },
-    [N, s, i, u]
+    [k, s, i, u]
   );
   return /* @__PURE__ */ e.jsx("div", { className: "flex w-full flex-col", children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-start", children: c === "class" ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("input", { className: "w-20 rounded py-1", readOnly: !0, value: a }),
     /* @__PURE__ */ e.jsxs(W, { children: [
-      /* @__PURE__ */ e.jsx(X, { asChild: !0, children: /* @__PURE__ */ e.jsx("button", { type: "button", className: "invisible ml-3 mt-1 text-blue-600 group-hover:visible", children: /* @__PURE__ */ e.jsx(Ne, {}) }) }),
+      /* @__PURE__ */ e.jsx(X, { asChild: !0, children: /* @__PURE__ */ e.jsx("button", { type: "button", className: "invisible ml-3 mt-1 text-blue-600 group-hover:visible", children: /* @__PURE__ */ e.jsx(ke, {}) }) }),
       /* @__PURE__ */ e.jsx(Z, { children: "Current value is using a Tailwind preset class." })
     ] })
   ] }) : /* @__PURE__ */ e.jsxs("div", { className: `group relative  flex items-center ${D ? "z-auto" : ""}`, children: [
@@ -1615,15 +1617,15 @@ const qr = (t) => {
           onKeyDown: (y) => {
             if (y.keyCode !== 38 && y.keyCode !== 40)
               return;
-            y.preventDefault(), I(!0);
+            y.preventDefault(), $(!0);
             const v = bt(y.target.value);
             let S = Ee(v) ? 0 : v;
             y.keyCode === 38 && (S += 1), y.keyCode === 40 && (S -= 1);
             const E = `${S}`, at = `${E.startsWith("-") ? "-" : ""}${i}[${E.replace("-", "")}${c === "-" ? "" : c}]`;
-            P(at);
+            I(at);
           },
           onKeyUp: (y) => {
-            L && (y.preventDefault(), I(!1));
+            L && (y.preventDefault(), $(!1));
           },
           onBlur: () => F(),
           onChange: (y) => {
@@ -1673,14 +1675,14 @@ const qr = (t) => {
           if (T(() => ""), j(!1), b(y))
             return;
           const v = `${y}`, E = `${v.startsWith("-") ? "-" : ""}${i}[${v.replace("-", "")}${c === "-" ? "" : c}]`;
-          N(E);
+          k(E);
         },
         onDrag: (y) => {
           if (b(y))
             return;
           T(y);
           const v = `${y}`, E = `${v.startsWith("-") ? "-" : ""}${i}[${v.replace("-", "")}${c === "-" ? "" : c}]`;
-          P(E);
+          I(E);
         },
         currentValue: s,
         unit: c,
@@ -1777,22 +1779,22 @@ const qr = (t) => {
   "2xl": "1536px"
 }, sl = (t) => `${t.toUpperCase()} ${Le[t] ? `(${Le[t]} & up)` : ""}`, Se = (t) => {
   const { type: l = "icons", label: r, property: s, onEmitChange: o = () => {
-  }, units: a, negative: d = !1 } = t, [i] = dr(), [n] = Qe(), [, u] = He(), x = se(s), c = Ke(), m = qe(), [h] = Je(), g = k(() => p(x, "fullCls", ""), [x]), f = A(
-    (N, P = !0) => {
-      const F = { dark: i, mq: u, mod: n, cls: N, property: s, fullCls: "" };
+  }, units: a, negative: d = !1 } = t, [i] = dr(), [n] = Qe(), [, u] = He(), x = se(s), c = Ke(), m = qe(), [h] = Je(), g = N(() => p(x, "fullCls", ""), [x]), f = A(
+    (k, I = !0) => {
+      const F = { dark: i, mq: u, mod: n, cls: k, property: s, fullCls: "" };
       (i || n !== "") && (F.mq = "xs");
-      const oe = Dr(F);
-      c(h, [oe], P);
+      const oe = Ar(F);
+      c(h, [oe], I);
     },
     [h, i, u, n, s, c]
   ), T = A(() => {
     m(h, [g]);
-  }, [h, g, m]), D = k(() => rl(x, u), [x, u]);
+  }, [h, g, m]), D = N(() => rl(x, u), [x, u]);
   _(() => {
     o(D, x);
   }, [D, o, x]);
   const [, , j] = He(), L = A(
-    (N) => {
+    (k) => {
       j({
         xs: 400,
         sm: 640,
@@ -1800,12 +1802,12 @@ const qr = (t) => {
         lg: 1024,
         xl: 1420,
         "2xl": 1920
-      }[N]);
+      }[k]);
     },
     [j]
-  ), I = p(x, "dark", null) === i && p(x, "mod", null) === n && p(x, "mq", null) === u;
-  return /* @__PURE__ */ e.jsx(Xr, { canChange: D, canReset: x && I, 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] ${x && !I ? "text-foreground" : ""}`, children: r }) }),
+  ), $ = p(x, "dark", null) === i && p(x, "mod", null) === n && p(x, "mq", null) === u;
+  return /* @__PURE__ */ e.jsx(Xr, { canChange: D, canReset: x && $, 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] ${x && !$ ? "text-foreground" : ""}`, children: r }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex flex-row items-center", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "w-[150px]", children: [
         l === "arbitrary" ? /* @__PURE__ */ e.jsx(
@@ -1824,13 +1826,13 @@ const qr = (t) => {
         l === "color" && /* @__PURE__ */ e.jsx(Gr, { property: s, onChange: f }),
         l === "dropdown" && /* @__PURE__ */ e.jsx(st, { label: r, property: s, onChange: f })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: `w-[30px] cursor-pointer ${g ? "visible" : "invisible"}`, children: I ? /* @__PURE__ */ e.jsx("button", { type: "button", onClick: () => T(), title: "Reset", className: "flex px-1.5 text-xs", children: /* @__PURE__ */ e.jsx(Xe, { className: "h-5 w-5 text-blue-500 hover:opacity-80" }) }) : D && x ? /* @__PURE__ */ e.jsxs(W, { delayDuration: 100, children: [
+      /* @__PURE__ */ e.jsx("div", { className: `w-[30px] cursor-pointer ${g ? "visible" : "invisible"}`, children: $ ? /* @__PURE__ */ e.jsx("button", { type: "button", onClick: () => T(), title: "Reset", className: "flex px-1.5 text-xs", children: /* @__PURE__ */ e.jsx(Xe, { className: "h-5 w-5 text-blue-500 hover:opacity-80" }) }) : D && x ? /* @__PURE__ */ e.jsxs(W, { delayDuration: 100, children: [
         /* @__PURE__ */ e.jsx(X, { asChild: !0, children: /* @__PURE__ */ e.jsx(
           "button",
           {
             type: "button",
             className: "invisible ml-3 mt-1 rounded-full bg-blue-500 text-white group-hover:visible",
-            children: /* @__PURE__ */ e.jsx(Ne, {})
+            children: /* @__PURE__ */ e.jsx(ke, {})
           }
         ) }),
         /* @__PURE__ */ e.jsx(Z, { children: /* @__PURE__ */ e.jsx("div", { className: "text-right", children: /* @__PURE__ */ e.jsxs("div", { children: [
@@ -1873,7 +1875,7 @@ const qr = (t) => {
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex flex-row text-xs", children: [
           t && /* @__PURE__ */ e.jsx("span", { className: "relative w-[70px] flex-none text-xs text-foreground", children: t }),
-          /* @__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(
             l.map(({ label: c, key: m }) => /* @__PURE__ */ e.jsx("div", { className: "first:rounded-l last:rounded-r", children: /* @__PURE__ */ e.jsxs(W, { children: [
               /* @__PURE__ */ e.jsx(X, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
                 "button",
@@ -1882,10 +1884,10 @@ const qr = (t) => {
                   onClick: () => n(m),
                   className: `relative cursor-pointer rounded-full p-1 text-[8px] ${m === i ? " bg-[#3E57F0] text-white" : "text-gray-600 dark:text-gray-300"}`,
                   children: [
-                    $.createElement("div", {
+                    P.createElement("div", {
                       className: x(m) ? "-bottom-1.5 absolute bg-[#3E57F0] h-[2px] left-0 w-full" : ""
                     }),
-                    $.createElement(p(lt, m, We), { className: "text-inherit w-3 h-3" })
+                    P.createElement(p(lt, m, We), { className: "text-inherit w-3 h-3" })
                   ]
                 }
               ) }),
@@ -1907,7 +1909,7 @@ const qr = (t) => {
     }
   );
 }, nl = ({ heading: t, items: l }) => {
-  const r = ue(), s = k(() => {
+  const r = ue(), s = N(() => {
     const o = (i) => U(
       i.map((n) => n.styleType === "multiple" ? C(n.options, "key") : n.property)
     ), a = U(
@@ -1942,7 +1944,7 @@ const qr = (t) => {
       return i;
     },
     [l]
-  ), s = k(() => {
+  ), s = N(() => {
     if (l.length > 0 && t.heading === "Classes")
       return !0;
     const a = (n) => U(
@@ -1951,14 +1953,14 @@ const qr = (t) => {
       t.items.map((n) => n.styleType === "accordion" ? a(n.items) : n.styleType === "multiple" ? U(C(n.options, "key")) : n.property)
     ), i = C(l, "property");
     return _e(d, i).length > 0;
-  }, [l, t.heading, t.items]), o = k(() => ({}), []);
+  }, [l, t.heading, t.items]), o = N(() => ({}), []);
   return /* @__PURE__ */ e.jsx(al.Provider, { value: o, children: /* @__PURE__ */ e.jsxs(ie, { value: t.heading, children: [
     /* @__PURE__ */ e.jsx(de, { 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 ${s ? "bg-blue-500" : "bg-gray-300"}` }),
       t.heading
     ] }) }),
-    /* @__PURE__ */ e.jsx(ce, { className: "bg-gray-100 px-3.5 py-2", children: $.Children.toArray(
-      t.items.map((a) => ge(a, "component") ? $.createElement(a.component, { key: a.label }) : ge(a, "styleType") ? a.styleType === "multiple" ? /* @__PURE__ */ e.jsx(nt, { ...a }, a.label) : a.styleType === "accordion" && r(a == null ? void 0 : a.conditions) ? /* @__PURE__ */ e.jsx(nl, { ...a }, a.label) : null : /* @__PURE__ */ e.jsx(Se, { ...a }, a.label))
+    /* @__PURE__ */ e.jsx(ce, { className: "bg-gray-100 px-3.5 py-2", children: P.Children.toArray(
+      t.items.map((a) => ge(a, "component") ? P.createElement(a.component, { key: a.label }) : ge(a, "styleType") ? a.styleType === "multiple" ? /* @__PURE__ */ e.jsx(nt, { ...a }, a.label) : a.styleType === "accordion" && r(a == null ? void 0 : a.conditions) ? /* @__PURE__ */ e.jsx(nl, { ...a }, a.label) : null : /* @__PURE__ */ e.jsx(Se, { ...a }, a.label))
     ) })
   ] }) });
 }, il = ({
@@ -2003,7 +2005,7 @@ const qr = (t) => {
   ] })
 ] }), dl = ({ section: t }) => {
   var m;
-  const { setSyncState: l } = cr(), r = G(), [s, o] = w([]), [a] = ke(), d = Ue(), i = `${p(a, "0.prop")}_attrs`;
+  const { setSyncState: l } = cr(), r = G(), [s, o] = w([]), [a] = Ne(), d = Ue(), i = `${p(a, "0.prop")}_attrs`;
   ne.useEffect(() => {
     const h = C(p(r, i), (g, f) => ({ key: f, value: g }));
     b(h) ? o([]) : o(h);
@@ -2073,7 +2075,7 @@ const qr = (t) => {
   ] });
 };
 function cl() {
-  const [t, l] = Qe(), { flexChild: r, gridChild: s } = pr(), [, o] = Rr(ur), { t: a } = Fe(), [d] = ke();
+  const [t, l] = Qe(), { flexChild: r, gridChild: s } = pr(), [, o] = Rr(ur), { t: a } = Fe(), [d] = Ne();
   return b(d) ? /* @__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: a("no_styling_block_selected") }),
@@ -2129,8 +2131,8 @@ const pl = {
   "-": 1,
   deg: 1,
   ms: 0.1
-}, bs = () => {
-  const t = G(), { t: l } = Fe(), [r, s] = $.useState(""), [o, a] = $.useState({
+}, vs = () => {
+  const t = G(), { t: l } = Fe(), [r, s] = P.useState(""), [o, a] = P.useState({
     onDrag: (n) => n,
     onDragEnd: (n) => n,
     dragStartY: 0,
@@ -2193,5 +2195,5 @@ const pl = {
   ] });
 };
 export {
-  bs as default
+  vs as default
 };