@chaibuilder/sdk 1.2.40 → 1.2.42

package/dist/{Settings-ifUbqcam.js → Settings-Lsp-FmFS.js}

@@ -5,18 +5,18 @@ import { useThrottledCallback as ue } from "@react-hookz/web";
 import { forEach as Re, isArray as xe, omit as vt, truncate as jt, includes as F, get as g, first as oe, split as wt, startCase as Y, toLower as le, isEmpty as b, map as C, find as Ge, last as Ct, filter as ve, set as qe, debounce as kt, keys as je, cloneDeep as Nt, each as _t, capitalize as we, reject as St, nth as $e, startsWith as W, isNumber as Tt, parseInt as Rt, isNaN as Je, findLast as Vt, flatten as J, intersection as Qe, has as ce, kebabCase as Ht, isNull as Dt } from "lodash-es";
 import { useTranslation as X } from "react-i18next";
 import { CopyIcon as Bt, PlusIcon as Ve, Cross2Icon as et, EyeOpenIcon as Pt, EyeClosedIcon as Ae, BorderAllIcon as O, WidthIcon as T, HeightIcon as R, ArrowUpIcon as ee, ArrowRightIcon as te, ArrowDownIcon as re, ArrowLeftIcon as se, ArrowTopLeftIcon as It, ArrowTopRightIcon as $t, ArrowBottomRightIcon as At, ArrowBottomLeftIcon as Mt, AlignLeftIcon as Lt, AlignCenterHorizontallyIcon as Et, AlignRightIcon as Ot, StretchHorizontallyIcon as Ft, FontItalicIcon as Yt, UnderlineIcon as zt, OverlineIcon as Xt, LetterCaseUppercaseIcon as Zt, Cross1Icon as Wt, InfoCircledIcon as He, MinusIcon as Ut, BoxIcon as tt, RowSpacingIcon as Kt, TriangleDownIcon as Gt, CrossCircledIcon as qt, CaretDownIcon as Jt, MixerHorizontalIcon as rt } from "@radix-ui/react-icons";
-import { a2 as st, aO as Qt, aP as er, B as G, aQ as tr, aR as rr, aS as sr, aT as lr, aU as ar, aV as or, aW as nr, M as q, aK as lt, $ as ir, a0 as dr, a1 as cr, aX as pr, Z as ur, ab as xr, _ as gr, ac as $, ad as A, ae as M, aY as hr, aZ as yr, a_ as mr, a$ as br, b0 as fr, b1 as vr, b2 as jr, R as at, Q as ot, h as wr, b3 as nt, b4 as Ce, b5 as ke, b6 as Ne, Y as ge, n as De, I as it, L as dt, b7 as ct, aq as pt, b8 as _e, j as Cr, b9 as kr, J as he, v as Nr, P as ut, o as Me, av as _r, aw as Sr, ax as Tr, ba as Be, ay as Le, az as Ee, bb as Oe, bc as Fe, bd as Ye, S as Rr, be as Vr, a6 as Hr, a7 as Dr, a8 as Br, a9 as Pr, aa as V, ai as Ir, aj as $r, ak as me, al as be } from "./ChaiBuilderEditor-wfEkvtJ0.js";
-import { l as Ar } from "./controls-VTdJhdSz.js";
-import { Check as Mr, EditIcon as Lr, TrashIcon as Er, BrushIcon as Or, DeleteIcon as Fr } from "lucide-react";
-import { getBlockComponent as Pe, getChaiDataProviders as Yr, useGlobalStylingPresets as zr } from "@chaibuilder/runtime";
-import { J as Xr, a as Zr, d as Wr } from "./index-e0c8PmRQ.js";
-import Ur from "@rjsf/core";
-import Kr from "@rjsf/validator-ajv8";
-import { u as Gr } from "./useCanvasSettings-E5uIyvUR.js";
-import qr from "react-autosuggest";
-import Jr from "fuse.js";
-import { A as Qr, C as ye, g as es } from "./Class-6Hz2KzYb.js";
-import { a as ts } from "./STRINGS--j49GZJP.js";
+import { a2 as st, aO as Qt, aP as er, B as G, aQ as tr, aR as rr, aS as sr, aT as lr, aU as ar, aV as or, aW as nr, M as q, aK as lt, $ as ir, a0 as dr, a1 as cr, aX as pr, Z as ur, ab as xr, _ as gr, ac as $, ad as A, ae as M, aY as hr, aZ as yr, a_ as mr, a$ as br, b0 as fr, b1 as vr, b2 as jr, R as at, Q as ot, h as wr, b3 as Cr, b4 as nt, b5 as Ce, b6 as ke, b7 as Ne, Y as ge, n as De, I as it, L as dt, b8 as ct, aq as pt, b9 as _e, j as kr, ba as Nr, J as he, v as _r, P as ut, o as Me, av as Sr, aw as Tr, ax as Rr, bb as Be, ay as Le, az as Ee, bc as Oe, bd as Fe, be as Ye, S as Vr, bf as Hr, a6 as Dr, a7 as Br, a8 as Pr, a9 as Ir, aa as V, ai as $r, aj as Ar, ak as me, al as be } from "./ChaiBuilderEditor-f4SJU7kK.js";
+import { l as Mr } from "./controls-VTdJhdSz.js";
+import { Check as Lr, EditIcon as Er, TrashIcon as Or, BrushIcon as Fr, DeleteIcon as Yr } from "lucide-react";
+import { getBlockComponent as Pe, getChaiDataProviders as zr, useGlobalStylingPresets as Xr } from "@chaibuilder/runtime";
+import { J as Zr, a as Wr, d as Ur } from "./index-e0c8PmRQ.js";
+import Kr from "@rjsf/core";
+import Gr from "@rjsf/validator-ajv8";
+import { u as qr } from "./useCanvasSettings-fsSISbZ6.js";
+import Jr from "react-autosuggest";
+import Qr from "fuse.js";
+import { A as es, C as ye, g as ts } from "./Class-6Hz2KzYb.js";
+import { a as rs } from "./STRINGS--j49GZJP.js";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "clsx";
 import "react-dom";
@@ -50,7 +50,7 @@ import "@radix-ui/react-context-menu";
 import "react-icons-picker";
 import "react-quill";
 import "react-hotkeys-hook";
-function rs(r) {
+function ss(r) {
   const l = [], t = {};
   function n(s, i) {
     Re(i, (a, d) => {
@@ -67,12 +67,12 @@ const Se = ({ data: r, fullView: l }) => {
   return l ? typeof r == "object" ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("div", { className: "h-3" }),
     /* @__PURE__ */ e.jsx(st, { children: /* @__PURE__ */ e.jsx(
-      Xr,
+      Zr,
       {
         data: r,
-        shouldExpandNode: Zr,
+        shouldExpandNode: Wr,
         style: {
-          ...Wr,
+          ...Ur,
           container: "max-h-[40vh] overflow-y-auto text-[12px] leading-[1.5] tracking-wide font-mono",
           stringValue: "text-orange-600",
           label: "text-green-900 font-semibold pr-1 tracking-wider"
@@ -92,7 +92,7 @@ const Se = ({ data: r, fullView: l }) => {
   dataType: i,
   appliedBindings: a
 }) => {
-  const { paths: d, pathsType: o } = rs(n), c = r === "PROP" ? Pe(n == null ? void 0 : n._type) : {}, h = r === "PROP", [p, u] = w(!1), y = S(() => r === "PROP" ? d.filter(
+  const { paths: d, pathsType: o } = ss(n), c = r === "PROP" ? Pe(n == null ? void 0 : n._type) : {}, h = r === "PROP", [p, u] = w(!1), y = S(() => r === "PROP" ? d.filter(
     (x) => !F(a, x) && g(c, `props.${oe(wt(x, "."))}.binding`)
   ) : d.filter((x) => i === g(o, x, "")), [r, d, a, i, c]);
   return z(() => {
@@ -133,7 +133,7 @@ const Se = ({ data: r, fullView: l }) => {
                 },
                 children: [
                   /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-2", children: [
-                    /* @__PURE__ */ e.jsx(Mr, { className: `h-4 w-4 text-green-500 ${l === x ? "" : "opacity-0"}` }),
+                    /* @__PURE__ */ e.jsx(Lr, { className: `h-4 w-4 text-green-500 ${l === x ? "" : "opacity-0"}` }),
                     x
                   ] }),
                   h ? /* @__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(g(o, x, "")) }) }) : /* @__PURE__ */ e.jsx("div", { className: "pl-6", children: /* @__PURE__ */ e.jsx(Se, { data: g(n, x) }) })
@@ -147,7 +147,7 @@ const Se = ({ data: r, fullView: l }) => {
     ] }),
     !h && !b(l) && /* @__PURE__ */ e.jsx("div", { className: "pt-2", children: /* @__PURE__ */ e.jsx(Se, { data: g(n, l, ""), fullView: !0 }) })
   ] });
-}, ss = ({
+}, ls = ({
   appliedBindings: r = [],
   onAddBinding: l,
   editMode: t,
@@ -225,7 +225,7 @@ const Se = ({ data: r, fullView: l }) => {
   return /* @__PURE__ */ e.jsxs(ur, { children: [
     /* @__PURE__ */ e.jsx(xr, { disabled: r, asChild: !0, onClick: () => d(!0), children: l }),
     a && /* @__PURE__ */ e.jsx(gr, { children: /* @__PURE__ */ e.jsx(
-      ss,
+      ls,
       {
         item: i,
         editMode: s,
@@ -236,7 +236,7 @@ const Se = ({ data: r, fullView: l }) => {
       }
     ) })
   ] });
-}, ls = ({
+}, as = ({
   item: r,
   onAddBinding: l,
   onRemove: t,
@@ -260,9 +260,9 @@ const Se = ({ data: r, fullView: l }) => {
     /* @__PURE__ */ e.jsx("div", { className: "font-medium leading-5", children: r.value }),
     /* @__PURE__ */ e.jsx(Se, { data: g(s, r.value, "") }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
-      /* @__PURE__ */ e.jsx(xt, { editMode: !0, onAddBinding: l, appliedBindings: i, item: r, children: /* @__PURE__ */ e.jsx(Lr, { 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(xt, { editMode: !0, onAddBinding: l, appliedBindings: i, item: r, children: /* @__PURE__ */ e.jsx(Er, { 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(
-        Er,
+        Or,
         {
           onClick: () => t(),
           className: "mt-1 h-6 w-6 cursor-pointer rounded border border-red-400 p-1 text-red-400 duration-200 hover:scale-105 hover:bg-red-400 hover:text-white"
@@ -271,8 +271,8 @@ const Se = ({ data: r, fullView: l }) => {
     ] }),
     !b(a) && !b(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) })
   ] });
-}, as = ({ bindingData: r, onChange: l }) => {
-  const t = q(), [n] = lt(), s = Yr(), [i, a] = w(
+}, os = ({ bindingData: r, onChange: l }) => {
+  const t = q(), [n] = lt(), s = zr(), [i, a] = w(
     C(r, (p, u) => ({ key: u, value: p }))
   );
   z(() => {
@@ -310,7 +310,7 @@ const Se = ({ data: r, fullView: l }) => {
     /* @__PURE__ */ e.jsx("a", { className: "text-blue-500", href: "https://chaibuilder.com/docs/registering-data-providers", target: "_blank", children: "Learn more" })
   ] }) }) : /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
     C(i, (p, u) => /* @__PURE__ */ e.jsx(
-      ls,
+      as,
       {
         item: p,
         onAddBinding: o,
@@ -340,7 +340,7 @@ const Se = ({ data: r, fullView: l }) => {
       d && /* @__PURE__ */ e.jsx(M, { sideOffset: -55, className: "text-[11px]", children: b(n) ? "No data provider has been set up for this page." : "Complete last added data binding to add more" })
     ] })
   ] });
-}, os = () => /* @__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 = ft(({ id: r, properties: l, formData: t, onChange: n }) => {
+}, ns = () => /* @__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 = ft(({ id: r, properties: l, formData: t, onChange: n }) => {
   const [s, i] = w(t), a = { type: "object", properties: {} }, d = {};
   Object.keys(l).forEach((c) => {
     const h = l[c];
@@ -360,10 +360,10 @@ const Se = ({ data: r, fullView: l }) => {
     // save only every 5 seconds
   );
   return /* @__PURE__ */ e.jsx(
-    Ur,
+    Kr,
     {
       widgets: {
-        binding: os,
+        binding: ns,
         richtext: mr,
         icon: br,
         image: fr
@@ -374,7 +374,7 @@ const Se = ({ data: r, fullView: l }) => {
       omitExtraData: !1,
       liveOmit: !1,
       liveValidate: !1,
-      validator: Kr,
+      validator: Gr,
       uiSchema: d,
       schema: a,
       formData: s,
@@ -383,8 +383,8 @@ const Se = ({ data: r, fullView: l }) => {
       }
     }
   );
-}), ns = () => {
-  const [r, l] = Gr(), t = jr(), n = (a, d) => {
+}), is = () => {
+  const [r, l] = qr(), t = jr(), n = (a, d) => {
     l((o) => ({ ...o, [a]: d }));
   };
   if (b(t))
@@ -406,7 +406,7 @@ const Se = ({ data: r, fullView: l }) => {
     ) })
   ] });
 };
-function is() {
+function ds() {
   const r = q(), l = at(), t = ot(), n = Pe(r._type), s = { ...r }, [i, a] = w(s), d = wr("dataBindingSupport", !1), o = ({ formData: x }, f, j) => {
     if (f && (i == null ? void 0 : i._id) === r._id) {
       const P = f.replace("root.", "");
@@ -420,10 +420,10 @@ function is() {
   ), h = ({ formData: x }, f) => {
     if (f) {
       const j = f.replace("root.", "");
-      l([r._id], { [j]: g(x, j) }), c({ formData: x }, f, { [j]: g(i, j) });
+      l([r._id], Cr(j, g(x, j.split(".")))), c({ formData: x }, f, { [j]: g(i, j) });
     }
   }, p = {
-    _name: Ar({
+    _name: Mr({
       title: "Name",
       default: g(r, "_name", r._type)
     })
@@ -434,7 +434,7 @@ function is() {
   return /* @__PURE__ */ e.jsxs("div", { className: "overflow-x-hidden", children: [
     /* @__PURE__ */ e.jsx(pe, { id: r == null ? void 0 : r._id, onChange: h, formData: s, properties: p }),
     /* @__PURE__ */ e.jsx("hr", { className: "mt-4" }),
-    /* @__PURE__ */ e.jsx(ns, {}),
+    /* @__PURE__ */ e.jsx(is, {}),
     d ? /* @__PURE__ */ e.jsxs(nt, { type: "multiple", defaultValue: ["STATIC", "BINDING"], className: "h-full w-full", children: [
       /* @__PURE__ */ e.jsxs(Ce, { value: "BINDING", children: [
         /* @__PURE__ */ e.jsx(ke, { className: "bg-gray-100 px-3 py-2 text-xs hover:no-underline", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-2", children: [
@@ -447,7 +447,7 @@ function is() {
           "Data Binding"
         ] }) }),
         /* @__PURE__ */ e.jsx(Ne, { className: "px-4 pt-4", children: /* @__PURE__ */ e.jsx(
-          as,
+          os,
           {
             bindingData: g(r, "_bindings", {}),
             onChange: (x) => {
@@ -492,15 +492,15 @@ function is() {
     /* @__PURE__ */ e.jsx("div", { className: "pb-60" })
   ] });
 }
-const Xe = new Jr(Qr, {
+const Xe = new Qr(es, {
   isCaseSensitive: !1,
   threshold: 0.2,
   minMatchCharLength: 2,
   keys: ["name"]
 });
-function ds() {
+function cs() {
   var U;
-  const [r] = ge(), l = q(), t = De(), n = it(), [s] = dt(), [i, a] = w(""), { toast: d } = ct(), o = (U = oe(r)) == null ? void 0 : U.prop, c = St((g(l, o, "").replace(ts, "").split(",").pop() || "").split(" "), b), h = () => {
+  const [r] = ge(), l = q(), t = De(), n = it(), [s] = dt(), [i, a] = w(""), { toast: d } = ct(), o = (U = oe(r)) == null ? void 0 : U.prop, c = St((g(l, o, "").replace(rs, "").split(",").pop() || "").split(" "), b), h = () => {
     const k = i.trim().toLowerCase().replace(/ +(?= )/g, "").split(" ");
     t(s, k, !0), a("");
   }, [p, u] = w([]), y = ({ value: k }) => {
@@ -557,7 +557,7 @@ function ds() {
         ] }),
         /* @__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(
-            qr,
+            Jr,
             {
               suggestions: p,
               onSuggestionsFetchRequested: y,
@@ -613,7 +613,7 @@ function ds() {
     }
   );
 }
-const B = ["px", "%", "em", "rem", "ch", "vh", "vw"], cs = {
+const B = ["px", "%", "em", "rem", "ch", "vh", "vw"], ps = {
   heading: "flex.heading",
   items: [
     { type: "arbitrary", label: "flex.basis", units: B, property: "flexBasis" },
@@ -622,7 +622,7 @@ const B = ["px", "%", "em", "rem", "ch", "vh", "vw"], cs = {
     { type: "dropdown", label: "flex.grow", property: "flexGrow" },
     { type: "dropdown", label: "flex.shrink", property: "flexShrink" }
   ]
-}, ps = {
+}, us = {
   heading: "grid.heading",
   items: [
     { type: "range", label: "grid.col_span", property: "gridColSpan" },
@@ -633,7 +633,7 @@ const B = ["px", "%", "em", "rem", "ch", "vh", "vw"], cs = {
     { type: "range", label: "grid.row_end", property: "gridRowEnd" },
     { type: "range", label: "grid.order", property: "order" }
   ]
-}, us = [
+}, xs = [
   {
     heading: "layout.heading",
     items: [
@@ -1035,7 +1035,7 @@ const B = ["px", "%", "em", "rem", "ch", "vh", "vw"], cs = {
   },
   {
     heading: "classes.heading",
-    items: [{ component: ds }]
+    items: [{ component: cs }]
   }
 ], gt = {
   "not-italic": () => /* @__PURE__ */ e.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9 3H11V5H9V11H11V13H5V11H7V5H5V3H9Z", fill: "white" }) }),
@@ -1231,7 +1231,7 @@ const B = ["px", "%", "em", "rem", "ch", "vh", "vw"], cs = {
     )
   ] }),
   static: Wt
-}, ne = Ke({ canReset: !1, canChange: !0 }), xs = ({ children: r, canReset: l = !1, canChange: t = !0 }) => (
+}, ne = Ke({ canReset: !1, canChange: !0 }), gs = ({ children: r, canReset: l = !1, canChange: t = !0 }) => (
   // eslint-disable-next-line react/jsx-no-constructed-context-values
   /* @__PURE__ */ e.jsx(ne.Provider, { value: { canReset: l, canChange: t }, children: r })
 ), ht = ({ label: r, property: l, onChange: t }) => {
@@ -1254,7 +1254,7 @@ const B = ["px", "%", "em", "rem", "ch", "vh", "vw"], cs = {
   ) });
 };
 function Te({ selected: r, onChange: l, rounded: t = !1, options: n, disabled: s = !1 }) {
-  const i = r.replace(/.*:/g, "").trim(), { undo: a, redo: d } = Cr();
+  const i = r.replace(/.*:/g, "").trim(), { undo: a, redo: d } = kr();
   return /* @__PURE__ */ e.jsxs(
     "select",
     {
@@ -1274,7 +1274,7 @@ function Te({ selected: r, onChange: l, rounded: t = !1, options: n, disabled: s
     }
   );
 }
-const gs = ({ property: r, onChange: l }) => {
+const hs = ({ property: r, onChange: l }) => {
   const { canReset: t, canChange: n } = ae(ne), s = ie(r), i = S(() => g(s, "cls", ""), [s]), a = S(() => g(ye, `${r}.classes`, [""]), [r]), d = a.indexOf(i) > -1 ? a.indexOf(i) : 0, o = /\[.*\]/g.test(i);
   return /* @__PURE__ */ e.jsx("div", { className: "flex flex-row divide-x divide-solid divide-border rounded border border-border text-xs", children: o ? /* @__PURE__ */ e.jsx("div", { className: "py-[5px] px-2", children: i }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
@@ -1309,7 +1309,7 @@ const gs = ({ property: r, onChange: l }) => {
       }
     )
   ] }) });
-}, hs = ({ property: r, onChange: l }) => {
+}, ys = ({ property: r, onChange: l }) => {
   const t = S(() => g(ye, `${r}.classes`, [""]), [r]), { canChange: n } = ae(ne), s = ie(r), i = S(() => g(s, "cls", ""), [s]);
   return /* @__PURE__ */ e.jsx("div", { className: "flex grow flex-wrap gap-1", children: C(t, (a) => /* @__PURE__ */ e.jsxs($, { children: [
     /* @__PURE__ */ e.jsx(A, { asChild: !0, children: /* @__PURE__ */ e.jsx(
@@ -1324,7 +1324,7 @@ const gs = ({ property: r, onChange: l }) => {
     ) }),
     /* @__PURE__ */ e.jsx(M, { children: Y(le(a)) })
   ] })) });
-}, ys = {
+}, ms = {
   backgroundColor: "bg",
   textColor: "text",
   borderColor: "border",
@@ -1336,7 +1336,7 @@ const gs = ({ property: r, onChange: l }) => {
   toColor: "to",
   ringColor: "ring",
   ringOffsetColor: "ring-offset"
-}, ms = ({ property: r, onChange: l }) => {
+}, bs = ({ property: r, onChange: l }) => {
   const t = ie(r), n = S(() => g(t, "cls", ""), [t]), { canChange: s } = ae(ne), [i, a] = w([]), [d, o] = w({ color: "", shade: "" }), c = n.split("-"), h = g(c, "1", ""), p = g(c, "2", ""), u = H(
     // eslint-disable-next-line no-shadow
     (x) => {
@@ -1359,7 +1359,7 @@ const gs = ({ property: r, onChange: l }) => {
   return z(() => {
     o({ color: "", shade: "" });
   }, [t]), z(() => {
-    const f = `${g(ys, r, "")}-${d.color}${d.shade ? `-${d.shade}` : ""}`;
+    const f = `${g(ms, r, "")}-${d.color}${d.shade ? `-${d.shade}` : ""}`;
     f.match(new RegExp(g(ye, `${r}.regExp`, ""))) && l(f, r);
   }, [d, l, 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(
@@ -1413,7 +1413,7 @@ const gs = ({ property: r, onChange: l }) => {
   const s = r.match(n), i = s && s.length > 1, a = !b(t) && Number.isNaN(Number(t));
   return i || a ? { error: "Invalid value" } : s && (s[0] === "auto" || s[0] === "none") ? { value: s[0], unit: "" } : { value: t, unit: s ? s[0] : "" };
 };
-const bs = (r) => {
+const fs = (r) => {
   const l = r.startsWith("-") ? "-" : "", t = r.split("-").pop();
   if (["auto", "none"].includes(t))
     return { value: "", unit: t };
@@ -1542,18 +1542,18 @@ const bs = (r) => {
   }
   return Tt(parseFloat(t)) ? { value: `${l + parseFloat(t) * 4}`, unit: "px" } : { value: t, unit: "class" };
 };
-const fs = (r) => {
+const vs = (r) => {
   if (b(r))
     return { value: "", unit: "" };
   const l = r.match(/\[.*\]/g);
   if (l === null)
-    return vs(r);
+    return js(r);
   const t = g(l, "0", "").replace(/\[|\]/g, ""), n = r.startsWith("-") ? "-" : "", s = oe(t.match(/\d+.\d+|\d+/g));
   return { value: `${n}${s}`, unit: t.replace(s, "") };
-}, vs = (r) => b(r) ? { value: "", unit: "" } : bs(r), yt = I.createContext({
+}, js = (r) => b(r) ? { value: "", unit: "" } : fs(r), yt = I.createContext({
   setDragData: () => {
   }
-}), js = ({
+}), ws = ({
   unit: r,
   currentValue: l,
   onDrag: t,
@@ -1585,7 +1585,7 @@ const fs = (r) => {
       children: /* @__PURE__ */ e.jsx(Kt, {})
     }
   );
-}, ws = ({ onSelect: r, current: l, units: t }) => /* @__PURE__ */ e.jsx("div", { "data-theme": "light", className: "-m-[7px] -mx-[13px] flex w-9 flex-col", children: t.map((n) => /* @__PURE__ */ e.jsx(
+}, Cs = ({ onSelect: r, current: l, units: t }) => /* @__PURE__ */ e.jsx("div", { "data-theme": "light", className: "-m-[7px] -mx-[13px] flex w-9 flex-col", children: t.map((n) => /* @__PURE__ */ e.jsx(
   G,
   {
     className: "h-max rounded-none px-1 py-1 text-right text-[11px] hover:bg-blue-400",
@@ -1597,10 +1597,10 @@ const fs = (r) => {
     children: n
   },
   n
-)) }), We = 50, Cs = (r) => {
+)) }), We = 50, ks = (r) => {
   const [l, t] = w(!1), [n, s] = w(""), { currentClass: i, onChange: a, classPrefix: d, cssProperty: o, units: c, negative: h } = r, [p, u] = w(o != null && o.toLowerCase().includes("width") ? "%" : c[0]), [y, x] = w(!1), [f, j] = w(""), [P, L] = w(!1), [U, k] = w(!1);
   z(() => {
-    const { value: m, unit: v } = fs(i);
+    const { value: m, unit: v } = vs(i);
     if (v === "") {
       s(m), u(o != null && o.toLowerCase().includes("width") ? "%" : oe(c));
       return;
@@ -1699,8 +1699,8 @@ const fs = (r) => {
             ]
           }
         ) }),
-        /* @__PURE__ */ e.jsx(kr, { children: /* @__PURE__ */ e.jsx(M, { className: "bg-background", children: /* @__PURE__ */ e.jsx(
-          ws,
+        /* @__PURE__ */ e.jsx(Nr, { children: /* @__PURE__ */ e.jsx(M, { className: "bg-background", children: /* @__PURE__ */ e.jsx(
+          Cs,
           {
             units: c,
             current: p,
@@ -1712,7 +1712,7 @@ const fs = (r) => {
       ] })
     ] }),
     ["none", "auto"].indexOf(p) !== -1 || P ? null : /* @__PURE__ */ e.jsx(
-      js,
+      ws,
       {
         onDragStart: () => L(!0),
         onDragEnd: (m) => {
@@ -1738,7 +1738,7 @@ const fs = (r) => {
 }, ie = (r) => {
   const l = he();
   return Vt(l, { property: r });
-}, ks = (r, l) => {
+}, Ns = (r, l) => {
   const t = {
     xs: 0,
     sm: 1,
@@ -1748,7 +1748,7 @@ const fs = (r) => {
     "2xl": 5
   };
   return t[g(r, "mq", "xs")] <= t[l];
-}, Ns = {
+}, _s = {
   width: "w-",
   height: "h-",
   minWidth: "min-w-",
@@ -1821,19 +1821,19 @@ const fs = (r) => {
   lg: "1024px",
   xl: "1280px",
   "2xl": "1536px"
-}, _s = (r) => `${r.toUpperCase()} ${Ue[r] ? `(${Ue[r]} & up)` : ""}`, Ie = (r) => {
+}, Ss = (r) => `${r.toUpperCase()} ${Ue[r] ? `(${Ue[r]} & up)` : ""}`, Ie = (r) => {
   const { t: l } = X(), { type: t = "icons", label: n, property: s, onEmitChange: i = () => {
-  }, units: a, negative: d = !1 } = r, [o] = Nr(), [c] = ut(), [, h] = Me(), p = ie(s), u = De(), y = it(), [x] = dt(), f = S(() => g(p, "fullCls", ""), [p]), j = H(
+  }, units: a, negative: d = !1 } = r, [o] = _r(), [c] = ut(), [, h] = Me(), p = ie(s), u = De(), y = it(), [x] = dt(), f = S(() => g(p, "fullCls", ""), [p]), j = H(
     (D, E = !0) => {
       const K = { dark: o, mq: h, mod: c, cls: D, property: s, fullCls: "" };
       (o || c !== "") && (K.mq = "xs");
-      const m = es(K);
+      const m = ts(K);
       u(x, [m], E);
     },
     [x, o, h, c, s, u]
   ), P = H(() => {
     y(x, [f]);
-  }, [x, f, y]), L = S(() => ks(p, h), [p, h]);
+  }, [x, f, y]), L = S(() => Ns(p, h), [p, h]);
   z(() => {
     i(L, p);
   }, [L, i, p]);
@@ -1850,24 +1850,24 @@ const fs = (r) => {
     },
     [U]
   ), _ = g(p, "dark", null) === o && g(p, "mod", null) === c && g(p, "mq", null) === h;
-  return /* @__PURE__ */ e.jsx(xs, { canChange: L, canReset: p && _, children: /* @__PURE__ */ e.jsxs("div", { className: "group flex flex-row items-center py-2 first:pt-0 last:pb-0", children: [
+  return /* @__PURE__ */ e.jsx(gs, { canChange: L, canReset: p && _, 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] ${p && !_ ? "text-foreground" : ""}`, children: l(n) }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex flex-row items-center", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "w-[150px]", children: [
         t === "arbitrary" ? /* @__PURE__ */ e.jsx(
-          Cs,
+          ks,
           {
             currentClass: g(p, "cls", ""),
-            classPrefix: g(Ns, s, ""),
+            classPrefix: g(_s, s, ""),
             units: a || [],
             onChange: j,
             negative: d,
             cssProperty: s
           }
         ) : null,
-        t === "icons" && /* @__PURE__ */ e.jsx(hs, { property: s, onChange: j }),
-        t === "range" && /* @__PURE__ */ e.jsx(gs, { property: s, onChange: j }),
-        t === "color" && /* @__PURE__ */ e.jsx(ms, { property: s, onChange: j }),
+        t === "icons" && /* @__PURE__ */ e.jsx(ys, { property: s, onChange: j }),
+        t === "range" && /* @__PURE__ */ e.jsx(hs, { property: s, onChange: j }),
+        t === "color" && /* @__PURE__ */ e.jsx(bs, { property: s, onChange: j }),
         t === "dropdown" && /* @__PURE__ */ e.jsx(ht, { label: n, property: s, onChange: j })
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: `w-[30px] cursor-pointer ${f ? "visible" : "invisible"}`, children: _ ? /* @__PURE__ */ e.jsx("button", { type: "button", onClick: () => P(), title: "Reset", className: "flex px-1.5 text-xs", children: /* @__PURE__ */ e.jsx(qt, { className: "h-5 w-5 text-blue-500 hover:opacity-80" }) }) : L && p ? /* @__PURE__ */ e.jsxs($, { delayDuration: 100, children: [
@@ -1882,7 +1882,7 @@ const fs = (r) => {
         /* @__PURE__ */ e.jsx(M, { children: /* @__PURE__ */ e.jsx("div", { className: "text-right", children: /* @__PURE__ */ e.jsxs("div", { children: [
           "Current style is set at  ",
           /* @__PURE__ */ e.jsxs("span", { className: "font-bold", children: [
-            _s(g(p, "mq")),
+            Ss(g(p, "mq")),
             o && !p.dark ? "(Light mode)" : ""
           ] }),
           /* @__PURE__ */ e.jsx("br", {}),
@@ -1902,13 +1902,13 @@ const fs = (r) => {
       ] }) : null })
     ] })
   ] }) });
-}, Ss = ["px", "%", "em", "rem", "ch", "vh", "vw"], mt = ({
+}, Ts = ["px", "%", "em", "rem", "ch", "vh", "vw"], mt = ({
   label: r,
   options: l,
   borderB: t = !1,
   borderT: n = !1,
   type: s = "arbitrary",
-  units: i = Ss,
+  units: i = Ts,
   negative: a = !1
 }) => {
   const { t: d } = X(), [o, c] = w(l[0].key), h = he(), p = H((u) => C(h, "property").includes(u), [h]);
@@ -1952,7 +1952,7 @@ const fs = (r) => {
       ]
     }
   );
-}, Ts = ({ heading: r, items: l }) => {
+}, Rs = ({ heading: r, items: l }) => {
   const { t } = X(), n = he(), s = S(() => {
     const i = (o) => J(
       o.map((c) => c.styleType === "multiple" ? C(c.options, "key") : c.property)
@@ -1973,7 +1973,7 @@ const fs = (r) => {
     ] }) }),
     /* @__PURE__ */ e.jsx("div", { className: "p-2", children: l.map((i) => i.styleType === "multiple" ? /* @__PURE__ */ e.jsx(mt, { ...i }, i.label) : /* @__PURE__ */ e.jsx(Ie, { ...i }, i.label)) })
   ] });
-}, Rs = Ke({}), fe = ({ section: r }) => {
+}, Vs = Ke({}), fe = ({ section: r }) => {
   const { t: l } = X(), t = he(), n = H(
     (a = []) => {
       const d = {};
@@ -1998,29 +1998,29 @@ const fs = (r) => {
     ), o = C(t, "property");
     return Qe(d, o).length > 0;
   }, [t, r.heading, r.items]), i = S(() => ({}), []);
-  return /* @__PURE__ */ e.jsx(Rs.Provider, { value: i, children: /* @__PURE__ */ e.jsxs(Ce, { value: r.heading, children: [
+  return /* @__PURE__ */ e.jsx(Vs.Provider, { value: i, children: /* @__PURE__ */ e.jsxs(Ce, { value: r.heading, children: [
     /* @__PURE__ */ e.jsx(ke, { 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"}` }),
       l(r.heading)
     ] }) }),
     /* @__PURE__ */ e.jsx(Ne, { className: "bg-gray-100 px-3.5 py-2", children: I.Children.toArray(
-      r.items.map((a) => ce(a, "component") ? I.createElement(a.component, { key: a.label }) : ce(a, "styleType") ? a.styleType === "multiple" ? /* @__PURE__ */ e.jsx(mt, { ...a }, a.label) : a.styleType === "accordion" && n(a == null ? void 0 : a.conditions) ? /* @__PURE__ */ e.jsx(Ts, { ...a }, a.label) : null : /* @__PURE__ */ e.jsx(Ie, { ...a }, a.label))
+      r.items.map((a) => ce(a, "component") ? I.createElement(a.component, { key: a.label }) : ce(a, "styleType") ? a.styleType === "multiple" ? /* @__PURE__ */ e.jsx(mt, { ...a }, a.label) : a.styleType === "accordion" && n(a == null ? void 0 : a.conditions) ? /* @__PURE__ */ e.jsx(Rs, { ...a }, a.label) : null : /* @__PURE__ */ e.jsx(Ie, { ...a }, a.label))
     ) })
   ] }) });
-}, Vs = () => {
-  const r = q(), [l] = ge(), { t } = X(), n = zr(), s = De(), i = Pe(r._type), a = g(oe(l), "prop"), d = g(i.props, `${a}.presets`, {});
+}, Hs = () => {
+  const r = q(), [l] = ge(), { t } = X(), n = Xr(), s = De(), i = Pe(r._type), a = g(oe(l), "prop"), d = g(i.props, `${a}.presets`, {});
   if (b(n) && (!ce(i, "props") || b(d)))
     return null;
   const o = (c) => {
     const h = c.trim().toLowerCase().replace(/ +(?= )/g, "").split(" ");
     s([r._id], h, !0);
   };
-  return /* @__PURE__ */ e.jsx("div", { className: "h-10", children: /* @__PURE__ */ e.jsxs(_r, { children: [
-    /* @__PURE__ */ e.jsx(Sr, { asChild: !0, children: /* @__PURE__ */ e.jsx("div", { className: "px-4", children: /* @__PURE__ */ e.jsxs(G, { variant: "default", className: "w-full", size: "sm", children: [
+  return /* @__PURE__ */ e.jsx("div", { className: "h-10", children: /* @__PURE__ */ e.jsxs(Sr, { children: [
+    /* @__PURE__ */ e.jsx(Tr, { asChild: !0, children: /* @__PURE__ */ e.jsx("div", { className: "px-4", children: /* @__PURE__ */ e.jsxs(G, { variant: "default", className: "w-full", size: "sm", children: [
       t("Apply Presets"),
       /* @__PURE__ */ e.jsx(Jt, {})
     ] }) }) }),
-    /* @__PURE__ */ e.jsx(Tr, { className: "max-h-80 w-56", children: /* @__PURE__ */ e.jsxs(Be, { className: "no-scrollbar h-full", children: [
+    /* @__PURE__ */ e.jsx(Rr, { className: "max-h-80 w-56", children: /* @__PURE__ */ e.jsxs(Be, { className: "no-scrollbar h-full", children: [
       b(d) ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsxs(Le, { children: [
           i.type,
@@ -2044,18 +2044,18 @@ const fs = (r) => {
     ] }) })
   ] }) });
 };
-function Hs() {
-  const [r, l] = ut(), { flexChild: t, gridChild: n } = Rr(), { t: s } = X(), i = Vr(), [a] = ge();
+function Ds() {
+  const [r, l] = ut(), { flexChild: t, gridChild: n } = Vr(), { t: s } = X(), i = Hr(), [a] = ge();
   return b(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(rt, { className: "mx-auto text-3xl" }),
     /* @__PURE__ */ e.jsx("h1", { children: s("no_styling_block_selected") })
   ] }) }) : /* @__PURE__ */ e.jsxs("div", { className: "flex h-full flex-col", children: [
-    /* @__PURE__ */ e.jsx(Vs, {}),
+    /* @__PURE__ */ e.jsx(Hs, {}),
     /* @__PURE__ */ e.jsx("div", { className: "flex h-12 flex-col space-x-4 px-4 py-1", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-end gap-x-1.5", children: [
       /* @__PURE__ */ e.jsx(pt, { htmlFor: "", className: "flex gap-x-1.5 text-xs italic", children: "State" }),
-      /* @__PURE__ */ e.jsxs(Hr, { defaultValue: r, onValueChange: (d) => l(d), children: [
-        /* @__PURE__ */ e.jsx(Dr, { className: "h-auto w-fit p-1 px-3", children: /* @__PURE__ */ e.jsx(Br, { placeholder: s("State") }) }),
-        /* @__PURE__ */ e.jsxs(Pr, { children: [
+      /* @__PURE__ */ e.jsxs(Dr, { defaultValue: r, onValueChange: (d) => l(d), children: [
+        /* @__PURE__ */ e.jsx(Br, { className: "h-auto w-fit p-1 px-3", children: /* @__PURE__ */ e.jsx(Pr, { placeholder: s("State") }) }),
+        /* @__PURE__ */ e.jsxs(Ir, { children: [
           C(i, (d, o) => /* @__PURE__ */ e.jsx(V, { value: o, children: s(d) }, o)),
           /* @__PURE__ */ e.jsx("hr", {}),
           /* @__PURE__ */ e.jsx(V, { value: "", children: s("Normal") }),
@@ -2074,17 +2074,17 @@ function Hs() {
       ] })
     ] }) }),
     r !== "" ? /* @__PURE__ */ e.jsxs("div", { className: "m-1 flex items-center space-x-1 rounded border border-orange-500 bg-orange-200 p-px px-2 text-xs text-orange-900", children: [
-      /* @__PURE__ */ e.jsx(Or, { className: "w-3" }),
+      /* @__PURE__ */ e.jsx(Fr, { className: "w-3" }),
       /* @__PURE__ */ e.jsx("span", { children: s(`Styles will be applied for (:${r}) state`) })
     ] }) : null,
     /* @__PURE__ */ e.jsx(Be, { className: "no-scrollbar -mx-1 max-h-full flex-1 overflow-x-hidden overflow-y-hidden border-t border-border", children: /* @__PURE__ */ e.jsxs(nt, { defaultValue: ["Layout"], type: "multiple", className: "w-full", children: [
-      t && /* @__PURE__ */ e.jsx(fe, { section: cs }),
-      n ? /* @__PURE__ */ e.jsx(fe, { section: ps }) : null,
-      us.map((d) => /* @__PURE__ */ e.jsx(fe, { section: d }, d.heading))
+      t && /* @__PURE__ */ e.jsx(fe, { section: ps }),
+      n ? /* @__PURE__ */ e.jsx(fe, { section: us }) : null,
+      xs.map((d) => /* @__PURE__ */ e.jsx(fe, { section: d }, d.heading))
     ] }) })
   ] });
 }
-const Ds = ({ onAdd: r }) => {
+const Bs = ({ onAdd: r }) => {
   const { t: l } = X(), [t, n] = w({ key: "", value: "" }), s = () => {
     b(t.key) || (r({ ...t, key: Ht(t.key) }), n({ key: "", value: "" }));
   };
@@ -2128,7 +2128,7 @@ const Ds = ({ onAdd: r }) => {
       b(t.key) ? null : /* @__PURE__ */ e.jsx(G, { variant: "ghost", onClick: () => n({ key: "", value: "" }), children: l("Cancel") })
     ] })
   ] });
-}, Bs = () => {
+}, Ps = () => {
   const r = q(), [l, t] = w([]), [n] = ge(), s = at(), i = ot(), { t: a } = X(), { toast: d } = ct(), o = `${g(n, "0.prop")}_attrs`;
   de.useEffect(() => {
     const u = C(g(r, o), (y, x) => ({ key: x, value: y }));
@@ -2191,7 +2191,7 @@ const Ds = ({ onAdd: r }) => {
                 disabled: W(u.value, "dnd-"),
                 className: "invisible group-hover:visible",
                 onClick: () => c(l.indexOf(u)),
-                children: /* @__PURE__ */ e.jsx(Fr, { className: "w-4 text-gray-500" })
+                children: /* @__PURE__ */ e.jsx(Yr, { className: "w-4 text-gray-500" })
               }
             ) }),
             /* @__PURE__ */ e.jsx(M, { className: "max-w-[200px]", children: W(u.value, "dnd-") ? a("Predefined attribute. Cannot be deleted") : a("Remove attribute") })
@@ -2200,9 +2200,9 @@ const Ds = ({ onAdd: r }) => {
       )
     ] }) }),
     /* @__PURE__ */ e.jsx("div", { className: "py-2" }),
-    /* @__PURE__ */ e.jsx(Ds, { onAdd: (u) => h(u) })
+    /* @__PURE__ */ e.jsx(Bs, { onAdd: (u) => h(u) })
   ] }) }) });
-}, Ps = {
+}, Is = {
   px: 1,
   "%": 1,
   em: 100,
@@ -2213,7 +2213,7 @@ const Ds = ({ onAdd: r }) => {
   "-": 1,
   deg: 1,
   ms: 0.1
-}, Dl = () => {
+}, Bl = () => {
   const r = q(), { t: l } = X(), [t, n] = I.useState(""), [s, i] = I.useState({
     onDrag: (o) => o,
     onDragEnd: (o) => o,
@@ -2228,7 +2228,7 @@ const Ds = ({ onAdd: r }) => {
       const c = !g(s, "negative", !1), h = g(s, "cssProperty", "");
       let p = parseFloat(s.dragStartValue);
       p = Je(p) ? 0 : p;
-      let u = Ps[s.dragUnit];
+      let u = Is[s.dragUnit];
       (W(h, "scale") || h === "opacity") && (u = 10);
       let x = (s.dragStartY - o.pageY) / u + p;
       c && x < 0 && (x = 0), h === "opacity" && x > 1 && (x = 1), s.onDrag(`${x}`), n(`${x}`);
@@ -2259,18 +2259,18 @@ const Ds = ({ onAdd: r }) => {
         className: "absolute inset-0 z-30 cursor-row-resize bg-gray-300/10"
       }
     ) : null,
-    /* @__PURE__ */ e.jsxs(Ir, { defaultValue: "settings", className: "flex h-full w-full flex-col py-1 text-xs", children: [
-      /* @__PURE__ */ e.jsxs($r, { className: "mx-1 grid grid-cols-3", children: [
+    /* @__PURE__ */ e.jsxs($r, { defaultValue: "settings", className: "flex h-full w-full flex-col py-1 text-xs", children: [
+      /* @__PURE__ */ e.jsxs(Ar, { className: "mx-1 grid grid-cols-3", children: [
         /* @__PURE__ */ e.jsx(me, { value: "settings", children: l("settings") }),
         /* @__PURE__ */ e.jsx(me, { value: "styling", children: l("styling") }),
         /* @__PURE__ */ e.jsx(me, { value: "attrs", children: l("Attributes") })
       ] }),
-      /* @__PURE__ */ e.jsx(be, { value: "settings", className: "no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ e.jsx(Be, { className: "no-scrollbar max-h-full flex-1 overflow-x-hidden overflow-y-hidden pb-5", children: /* @__PURE__ */ e.jsx(is, {}) }) }),
-      /* @__PURE__ */ e.jsx(be, { value: "styling", className: "h-full flex-1 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ e.jsx(Hs, {}) }),
-      /* @__PURE__ */ e.jsx(be, { value: "attrs", className: "h-full flex-1 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ e.jsx(Bs, {}) })
+      /* @__PURE__ */ e.jsx(be, { value: "settings", className: "no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ e.jsx(Be, { className: "no-scrollbar max-h-full flex-1 overflow-x-hidden overflow-y-hidden pb-5", children: /* @__PURE__ */ e.jsx(ds, {}) }) }),
+      /* @__PURE__ */ e.jsx(be, { value: "styling", className: "h-full flex-1 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ e.jsx(Ds, {}) }),
+      /* @__PURE__ */ e.jsx(be, { value: "attrs", className: "h-full flex-1 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ e.jsx(Ps, {}) })
     ] })
   ] }) });
 };
 export {
-  Dl as default
+  Bl as default
 };