@janbox/storefront-builder 2.0.24 → 2.0.25

package/dist/components/composer/dataset.d.ts

@@ -32,4 +32,6 @@ export declare const defaultResolver: {
     "accordion-summary": ({ children, ...props }: import('../../lib/accordion-summary/accordion-summary.node').AccordionSummaryNodeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     "accordion-content": ({ children, ...props }: import('../../lib/accordion-content/accordion-content.node').AccordionContentNodeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     "countdown-timer": ({ unitItemProps, captionProps, timeProps, units, date, hideAfterExpired, ...props }: import('../../lib/countdown-timer/countdown-timer.node/types').CountdownTimerNodeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    "count-up": (props: import('../../lib/count-up/count-up.node').CountUpNodeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    rating: (props: import('../../lib/rating/rating.node').RatingNodeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 };

package/dist/constants/index.d.ts

@@ -33,6 +33,8 @@ export declare enum CoreNodeResolvedEnum {
     AccordionContent = "accordion-content",
     Container = "container",
     CountdownTimer = "countdown-timer",
+    CountUp = "count-up",
+    Rating = "rating",
     Inline = "inline"
 }
 export declare enum NodeDatasetAttributes {

package/dist/editor.js

@@ -1,20 +1,20 @@
-import { jsx as n, jsxs as w, Fragment as Fe } from "@emotion/react/jsx-runtime";
-import { at as gt, au as ft, av as bt, aw as f, ax as wt, ay as ce, az as $, aA as fe, b as Te, B as Ie, a1 as kt, aB as J, aC as Oe, aD as mt, aE as W, aF as I, as as He, ar as Ct, aG as vt, aH as xt, aI as yt, aJ as Tt, aK as It, aL as Mt, aM as St, aN as $e, aO as Et, aP as Lt, aQ as Wt, aR as Nt, aS as Rt, u as H, aT as At, aU as Dt, aV as oe, m as Bt, i as Pt, G as jt, l as Me, o as Vt, F as Se, s as Ft, V as Ot, I as Ht, aW as $t, q as _t, P as zt, aX as _e, aY as Gt, aZ as Ut, a_ as Zt, a$ as Yt, b0 as Xt, b1 as _, b2 as ze, b3 as qt, b4 as Jt, b5 as Ge, b6 as Kt, b7 as Qt, b8 as en, a0 as Ue, Z as Ze, b9 as Ee, ba as tn, N as ke, bb as nn, bc as rn, bd as on, $ as sn, be as Le, bf as an } from "./toaster-DMjFxzB_.js";
-import { bg as So, bh as Eo, bi as Lo, bj as Wo, bk as No, bl as Ro, bm as Ao, bn as Do, bo as Bo, bp as Po, bq as jo, br as Vo, bs as Fo, bt as Oo, bu as Ho, bv as $o, bw as _o, bx as zo, by as Go, bz as Uo, bA as Zo, bB as Yo, bC as Xo, bD as qo, bE as Jo, bF as Ko, bG as Qo, bH as es, bI as ts, bJ as ns, bK as rs, bL as os, bM as ss, bN as is, bO as as, bP as cs, bQ as ls, bR as ds, bS as hs, bT as us, bU as ps, bV as gs, bW as fs, bX as bs, bY as ws, bZ as ks, b_ as ms, b$ as Cs, c0 as vs, c1 as xs, c2 as ys, c3 as Ts, W as Is, c4 as Ms, c5 as Ss, c6 as Es, c7 as Ls, c8 as Ws } from "./toaster-DMjFxzB_.js";
-import { throttle as cn, isFunction as We, isNumber as se, isNil as ee, isEqual as ln } from "lodash-es";
+import { jsx as n, jsxs as w, Fragment as Oe } from "@emotion/react/jsx-runtime";
+import { aB as gt, aC as ft, aD as bt, aE as f, aF as wt, aG as ce, aH as $, aI as fe, b as Ie, B as Me, a6 as kt, aJ as J, aK as He, aL as mt, aM as W, aN as I, aA as $e, az as Ct, aO as vt, aP as xt, aQ as yt, aR as Tt, aS as It, aT as Mt, aU as St, aV as _e, aW as Et, aX as Lt, aY as Wt, aZ as Nt, a_ as Rt, u as H, a$ as At, b0 as Dt, b1 as oe, m as Bt, i as Pt, G as jt, l as Se, p as Vt, F as Ee, t as Ft, Z as Ot, I as Ht, b2 as $t, s as _t, P as zt, b3 as ze, b4 as Gt, b5 as Ut, b6 as Zt, b7 as Yt, b8 as Xt, b9 as _, ba as Ge, bb as qt, bc as Jt, bd as ke, be as Kt, bf as Qt, bg as en, a5 as Ue, a1 as Ze, bh as Le, bi as tn, N as me, bj as nn, bk as rn, bl as on, a3 as sn, bm as We, bn as an } from "./toaster-CzSp838P.js";
+import { bo as So, bp as Eo, bq as Lo, br as Wo, bs as No, bt as Ro, bu as Ao, bv as Do, bw as Bo, bx as Po, by as jo, bz as Vo, bA as Fo, bB as Oo, bC as Ho, bD as $o, bE as _o, bF as zo, bG as Go, bH as Uo, bI as Zo, bJ as Yo, bK as Xo, bL as qo, bM as Jo, bN as Ko, bO as Qo, bP as es, bQ as ts, bR as ns, bS as rs, bT as os, bU as ss, bV as is, bW as as, bX as cs, bY as ls, bZ as ds, b_ as hs, b$ as us, c0 as ps, c1 as gs, c2 as fs, c3 as bs, c4 as ws, c5 as ks, c6 as ms, c7 as Cs, c8 as vs, c9 as xs, ca as ys, cb as Ts, W as Is, cc as Ms, cd as Ss, ce as Es, cf as Ls, cg as Ws } from "./toaster-CzSp838P.js";
+import { throttle as cn, isFunction as Ne, isNumber as se, isNil as ee, isEqual as ln } from "lodash-es";
 import { useImperativeHandle as dn, useMemo as hn, isValidElement as un, useState as P, useRef as G, useEffect as V, Fragment as ie, Suspense as pn, createElement as Ye, useCallback as gn } from "react";
 import "flat";
-import { FLOATING_Z_INDEX as Xe, ThemeProvider as fn, breakpoint as bn, createTheme as Ne } from "@janbox/storefront-ui/theme";
+import { FLOATING_Z_INDEX as Xe, ThemeProvider as fn, breakpoint as bn, createTheme as Re } from "@janbox/storefront-ui/theme";
 import "@janbox/storefront-ui/hooks";
 import { CacheProvider as wn, Global as kn, createElement as mn } from "@emotion/react";
-import { useFloatingParentNodeId as Cn, FloatingTree as vn, useFloating as le, autoUpdate as de, offset as qe, size as Je, flip as me, useClick as xn, useHover as Ke, useFocus as Qe, useDismiss as et, useRole as tt, useInteractions as nt, safePolygon as yn, FloatingPortal as he } from "@floating-ui/react";
+import { useFloatingParentNodeId as Cn, FloatingTree as vn, useFloating as le, autoUpdate as de, offset as qe, size as Je, flip as Ce, useClick as xn, useHover as Ke, useFocus as Qe, useDismiss as et, useRole as tt, useInteractions as nt, safePolygon as yn, FloatingPortal as he } from "@floating-ui/react";
 import "react-colorful";
 import "overlayscrollbars-react";
 import "@tanstack/react-virtual";
-import Tn, { useFrame as Ce } from "react-frame-component";
+import Tn, { useFrame as ve } from "react-frame-component";
 import "react-dropzone";
 import "react-datepicker";
-import { a as rt, C as In } from "./index-BBoR6Gy_.js";
+import { a as rt, C as In } from "./index-C9gD44fK.js";
 import "@janbox/storefront-ui/utils";
 import { useToggle as ot } from "usehooks-ts";
 import "@hello-pangea/dnd";
@@ -56,7 +56,7 @@ const Sn = () => new Mn();
 function En() {
   return gt(Sn);
 }
-const Ln = (e) => Cn() ? /* @__PURE__ */ n(Re, { ...e }) : /* @__PURE__ */ n(vn, { children: /* @__PURE__ */ n(Re, { ...e }) }), Re = ({
+const Ln = (e) => Cn() ? /* @__PURE__ */ n(Ae, { ...e }) : /* @__PURE__ */ n(vn, { children: /* @__PURE__ */ n(Ae, { ...e }) }), Ae = ({
   open: e,
   placement: t = "bottom",
   onOpenChange: o,
@@ -83,7 +83,7 @@ const Ln = (e) => Cn() ? /* @__PURE__ */ n(Re, { ...e }) : /* @__PURE__ */ n(vn,
     open: e,
     onOpenChange: o,
     placement: t,
-    middleware: [qe(k), Je(h), me()],
+    middleware: [qe(k), Je(h), Ce()],
     whileElementsMounted: (...A) => de(...A, u),
     elements: d
   });
@@ -274,7 +274,7 @@ var Rn = /* @__PURE__ */ (function() {
       return (i = r.parentNode) == null ? void 0 : i.removeChild(r);
     }), this.tags = [], this.ctr = 0;
   }, e;
-})(), L = "-ms-", ae = "-moz-", C = "-webkit-", st = "comm", ve = "rule", xe = "decl", An = "@import", it = "@keyframes", Dn = "@layer", Bn = Math.abs, ue = String.fromCharCode, Pn = Object.assign;
+})(), L = "-ms-", ae = "-moz-", C = "-webkit-", st = "comm", xe = "rule", ye = "decl", An = "@import", it = "@keyframes", Dn = "@layer", Bn = Math.abs, ue = String.fromCharCode, Pn = Object.assign;
 function jn(e, t) {
   return E(e, 0) ^ 45 ? (((t << 2 ^ E(e, 0)) << 2 ^ E(e, 1)) << 2 ^ E(e, 2)) << 2 ^ E(e, 3) : 0;
 }
@@ -299,7 +299,7 @@ function X(e, t, o) {
 function D(e) {
   return e.length;
 }
-function ye(e) {
+function Te(e) {
   return e.length;
 }
 function Q(e, t) {
@@ -477,14 +477,14 @@ function re(e, t, o, r, i, s, l, a, d) {
             x = 0;
           // ;
           case 59 + h:
-            m == -1 && (y = v(y, /\f/g, "")), p > 0 && D(y) - u && Q(p > 32 ? De(y + ";", r, o, u - 1) : De(v(y, " ", "") + ";", r, o, u - 2), d);
+            m == -1 && (y = v(y, /\f/g, "")), p > 0 && D(y) - u && Q(p > 32 ? Be(y + ";", r, o, u - 1) : Be(v(y, " ", "") + ";", r, o, u - 2), d);
             break;
           // @ ;
           case 59:
             y += ";";
           // { rule/at-rule
           default:
-            if (Q(A = Ae(y, t, o, k, h, i, a, S, F = [], j = [], u), s), T === 123)
+            if (Q(A = De(y, t, o, k, h, i, a, S, F = [], j = [], u), s), T === 123)
               if (h === 0)
                 re(y, t, A, A, F, s, u, a, j);
               else
@@ -494,7 +494,7 @@ function re(e, t, o, r, i, s, l, a, d) {
                   case 108:
                   case 109:
                   case 115:
-                    re(e, A, A, r && Q(Ae(e, A, A, 0, 0, i, a, S, i, F = [], u), j), i, j, u, a, r ? F : j);
+                    re(e, A, A, r && Q(De(e, A, A, 0, 0, i, a, S, i, F = [], u), j), i, j, u, a, r ? F : j);
                     break;
                   default:
                     re(y, A, A, A, [""], j, 0, a, j);
@@ -532,20 +532,20 @@ function re(e, t, o, r, i, s, l, a, d) {
     }
   return s;
 }
-function Ae(e, t, o, r, i, s, l, a, d, k, h) {
-  for (var u = i - 1, c = i === 0 ? s : [""], p = ye(c), b = 0, g = 0, x = 0; b < r; ++b)
+function De(e, t, o, r, i, s, l, a, d, k, h) {
+  for (var u = i - 1, c = i === 0 ? s : [""], p = Te(c), b = 0, g = 0, x = 0; b < r; ++b)
     for (var m = 0, T = X(e, u + 1, u = Bn(g = l[b])), S = e; m < p; ++m)
       (S = at(g > 0 ? c[m] + " " + T : v(T, /&\f/g, c[m]))) && (d[x++] = S);
-  return ge(e, t, o, i === 0 ? ve : a, d, k, h);
+  return ge(e, t, o, i === 0 ? xe : a, d, k, h);
 }
 function Zn(e, t, o) {
   return ge(e, t, o, st, ue(On()), X(e, 2, -2), 0);
 }
-function De(e, t, o, r) {
-  return ge(e, t, o, xe, X(e, 0, r), X(e, r + 1, -1), r);
+function Be(e, t, o, r) {
+  return ge(e, t, o, ye, X(e, 0, r), X(e, r + 1, -1), r);
 }
 function z(e, t) {
-  for (var o = "", r = ye(e), i = 0; i < r; i++)
+  for (var o = "", r = Te(e), i = 0; i < r; i++)
     o += t(e[i], i, e, t) || "";
   return o;
 }
@@ -554,19 +554,19 @@ function Yn(e, t, o, r) {
     case Dn:
       if (e.children.length) break;
     case An:
-    case xe:
+    case ye:
       return e.return = e.return || e.value;
     case st:
       return "";
     case it:
       return e.return = e.value + "{" + z(e.children, r) + "}";
-    case ve:
+    case xe:
       e.value = e.props.join(",");
   }
   return D(o = z(e.children, r)) ? e.return = e.value + "{" + o + "}" : "";
 }
 function Xn(e) {
-  var t = ye(e);
+  var t = Te(e);
   return function(o, r, i, s) {
     for (var l = "", a = 0; a < t; a++)
       l += e[a](o, r, i, s) || "";
@@ -605,14 +605,14 @@ var Jn = function(t, o, r) {
   return t;
 }, Qn = function(t, o) {
   return dt(Kn(lt(t), o));
-}, Be = /* @__PURE__ */ new WeakMap(), er = function(t) {
+}, Pe = /* @__PURE__ */ new WeakMap(), er = function(t) {
   if (!(t.type !== "rule" || !t.parent || // positive .length indicates that this rule contains pseudo
   // negative .length indicates that this rule has been already prefixed
   t.length < 1)) {
     for (var o = t.value, r = t.parent, i = t.column === r.column && t.line === r.line; r.type !== "rule"; )
       if (r = r.parent, !r) return;
-    if (!(t.props.length === 1 && o.charCodeAt(0) !== 58 && !Be.get(r)) && !i) {
-      Be.set(t, !0);
+    if (!(t.props.length === 1 && o.charCodeAt(0) !== 58 && !Pe.get(r)) && !i) {
+      Pe.set(t, !0);
       for (var s = [], l = Qn(o, s), a = r.props, d = 0, k = 0; d < l.length; d++)
         for (var h = 0; h < a.length; h++, k++)
           t.props[k] = s[d] ? l[d].replace(/&\f/g, a[h]) : a[h] + " " + l[d];
@@ -770,14 +770,14 @@ function ht(e, t) {
 }
 var nr = function(t, o, r, i) {
   if (t.length > -1 && !t.return) switch (t.type) {
-    case xe:
+    case ye:
       t.return = ht(t.value, t.length);
       break;
     case it:
       return z([Y(t, {
         value: v(t.value, "@", "@" + C)
       })], i);
-    case ve:
+    case xe:
       if (t.length) return Fn(t.props, function(s) {
         switch (Vn(s, /(::plac\w+|:read-\w+)/)) {
           // :read-(only|write)
@@ -864,7 +864,7 @@ const ut = ({ children: e, viewport: t, containerProps: o }) => {
     }, 200), g = new ResizeObserver(b);
     return r.current && g.observe(r.current), () => g.disconnect();
   }, []);
-  const a = We(t?.width) ? t.width(s.width) : t?.width, d = We(t?.height) ? t.height(s.height) : t?.height, k = se(a) ? s.width / a : 1, h = se(d) ? s.height / d : 1, u = Math.min(k, h, 1), c = (d ?? s.height / u) || 0, p = (a ?? s.width / u) || 0;
+  const a = Ne(t?.width) ? t.width(s.width) : t?.width, d = Ne(t?.height) ? t.height(s.height) : t?.height, k = se(a) ? s.width / a : 1, h = se(d) ? s.height / d : 1, u = Math.min(k, h, 1), c = (d ?? s.height / u) || 0, p = (a ?? s.width / u) || 0;
   return /* @__PURE__ */ n("div", { ...o, css: { padding: 8, width: "100%", height: "100%", backgroundColor: fe.ink["1s"] }, children: /* @__PURE__ */ n("div", { css: { position: "relative", overflow: "hidden", width: "100%", height: "100%" }, ref: r, children: /* @__PURE__ */ n(
     "div",
     {
@@ -889,7 +889,7 @@ const ut = ({ children: e, viewport: t, containerProps: o }) => {
     }
   ) }) });
 }, sr = ({ children: e, theme: t }) => {
-  const { document: o, window: r } = Ce(), [i, s] = P(!1), l = G(window.customElements.define.bind(window.customElements));
+  const { document: o, window: r } = ve(), [i, s] = P(!1), l = G(window.customElements.define.bind(window.customElements));
   V(() => {
     const d = l.current;
     return r && (window.customElements.define = function(k, h, u) {
@@ -902,7 +902,7 @@ const ut = ({ children: e, viewport: t, containerProps: o }) => {
     key: "css",
     container: o?.head
   });
-  return i ? /* @__PURE__ */ n(Fe, { children: /* @__PURE__ */ w(wn, { value: a, children: [
+  return i ? /* @__PURE__ */ n(Oe, { children: /* @__PURE__ */ w(wn, { value: a, children: [
     /* @__PURE__ */ n(
       kn,
       {
@@ -913,13 +913,13 @@ const ut = ({ children: e, viewport: t, containerProps: o }) => {
             minHeight: "100vh",
             justifyContent: "center"
           },
-          [`& *[${Te.DATA_NODE_DROP_TARGET}=${Ie.True}]`]: {
+          [`& *[${Ie.DATA_NODE_DROP_TARGET}=${Me.True}]`]: {
             outlineWidth: 1,
             outlineStyle: "solid",
             outlineOffset: -1,
             outlineColor: "green"
           },
-          [`& *[${Te.DATA_NODE_DROP_TARGET_ERROR}=${Ie.True}]`]: {
+          [`& *[${Ie.DATA_NODE_DROP_TARGET_ERROR}=${Me.True}]`]: {
             outlineColor: "red"
           }
         }
@@ -963,7 +963,7 @@ const ir = [
   };
   return /* @__PURE__ */ w("div", { css: { display: "flex", flexDirection: "column", gap: 8 }, children: [
     /* @__PURE__ */ n(J, { responsive: t, name: e ?? "Line height", children: /* @__PURE__ */ n("div", { css: { display: "flex", alignItems: "center", gap: 4 }, children: ir.map((c) => /* @__PURE__ */ n(
-      Oe,
+      He,
       {
         onChange: d,
         checked: c.value === i,
@@ -981,14 +981,14 @@ const ir = [
         value: l ?? "",
         onChange: k,
         prefix: /* @__PURE__ */ n(W, { disabled: se(l) && l <= 0, onClick: u, children: /* @__PURE__ */ n(I, { source: Ct }) }),
-        suffix: /* @__PURE__ */ n(W, { onClick: h, children: /* @__PURE__ */ n(I, { source: He }) }),
+        suffix: /* @__PURE__ */ n(W, { onClick: h, children: /* @__PURE__ */ n(I, { source: $e }) }),
         mode: "onBlur",
         css: { textAlign: "center" },
         placeholder: "normal"
       }
     ) }) })
   ] });
-}, Pe = [
+}, je = [
   {
     label: "Block",
     value: "block"
@@ -1024,7 +1024,7 @@ const ir = [
   onChange: r,
   value: i
 }) => {
-  const s = ee(o) ? Pe : Pe.filter((a) => o.includes(a.value)), l = (a) => {
+  const s = ee(o) ? je : je.filter((a) => o.includes(a.value)), l = (a) => {
     r?.({ display: a });
   };
   return /* @__PURE__ */ n(J, { name: e ?? "Display", responsive: t, children: /* @__PURE__ */ n(
@@ -1069,7 +1069,7 @@ const ir = [
     k && t?.(k.rawValue);
   };
   return /* @__PURE__ */ n(J, { name: o ?? "Content", responsive: r, children: /* @__PURE__ */ n("div", { css: { display: "inline-flex", alignItems: "center", gap: 8 }, children: s.map((d) => /* @__PURE__ */ n(
-    Oe,
+    He,
     {
       checked: d.value === l,
       value: d.value,
@@ -1140,7 +1140,7 @@ const ir = [
     /* @__PURE__ */ n(Mt, { children: /* @__PURE__ */ w("div", { style: { width: 280 }, children: [
       /* @__PURE__ */ w("div", { css: { display: "flex", justifyContent: "space-between", alignItems: "center", gap: 8 }, children: [
         /* @__PURE__ */ n("div", { css: { fontWeight: 500 }, children: "Text style" }),
-        /* @__PURE__ */ n(St, { children: /* @__PURE__ */ n(W, { children: /* @__PURE__ */ n(I, { source: $e }) }) })
+        /* @__PURE__ */ n(St, { children: /* @__PURE__ */ n(W, { children: /* @__PURE__ */ n(I, { source: _e }) }) })
       ] }),
       /* @__PURE__ */ n("hr", { css: { marginBlock: 8, borderColor: f.palette.white["1s"] } }),
       /* @__PURE__ */ w("div", { css: { display: "flex", flexDirection: "column", gap: 12 }, children: [
@@ -1171,7 +1171,7 @@ const ir = [
       ] })
     ] }) })
   ] }) });
-}, je = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+}, Ve = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M8 5L5 8L8 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M5 8H14C17.314 8 20 10.462 20 13.5V13.5C20 16.538 17.314 19 14 19H6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
@@ -1226,7 +1226,7 @@ const ir = [
       children: [
         /* @__PURE__ */ w("div", { css: { display: "flex", alignItems: "center", gap: 12 }, children: [
           /* @__PURE__ */ n(W, { size: "32", onClick: b, children: /* @__PURE__ */ n(I, { source: lr }) }),
-          /* @__PURE__ */ n(At, { onSelectionChange: c, value: o, children: Dt.map(({ icon: x, size: m }) => /* @__PURE__ */ n(W, { value: m, children: /* @__PURE__ */ n(I, { source: x }) }, m)) }),
+          /* @__PURE__ */ n(At, { onSelectionChange: c, value: o, children: Dt.map(({ icon: x, size: m, name: T }) => /* @__PURE__ */ n(W, { tooltip: { content: T }, value: m, children: /* @__PURE__ */ n(I, { source: x }) }, m)) }),
           /* @__PURE__ */ w(
             "div",
             {
@@ -1239,8 +1239,8 @@ const ir = [
                 backgroundColor: f.palette.white["1s"]
               },
               children: [
-                /* @__PURE__ */ n(W, { onClick: a.undo, disabled: !h, children: /* @__PURE__ */ n(I, { source: je }) }),
-                /* @__PURE__ */ n(W, { onClick: a.redo, disabled: !k, children: /* @__PURE__ */ n(I, { source: je, css: { transform: "rotate(180deg)" } }) })
+                /* @__PURE__ */ n(W, { onClick: a.undo, disabled: !h, children: /* @__PURE__ */ n(I, { source: Ve }) }),
+                /* @__PURE__ */ n(W, { onClick: a.redo, disabled: !k, children: /* @__PURE__ */ n(I, { source: Ve, css: { transform: "rotate(180deg)" } }) })
               ]
             }
           ),
@@ -1282,7 +1282,7 @@ const ir = [
 <path d="M3 12H21" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M12 21V3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
-`, Ve = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Fe = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M3 6V18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M21 6V18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M6 21H18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
@@ -1294,12 +1294,12 @@ const ir = [
     {
       name: "Container",
       template: /* @__PURE__ */ n(Bt, {}),
-      icon: { source: Ve, height: 32 }
+      icon: { source: Fe, height: 32 }
     },
     {
       name: "Block",
       template: /* @__PURE__ */ n(Pt, {}),
-      icon: { source: Ve, height: 32 }
+      icon: { source: Fe, height: 32 }
     },
     {
       name: "Grid",
@@ -1315,8 +1315,8 @@ const ir = [
             paddingBottom: 16
           },
           children: [
-            /* @__PURE__ */ n(Me, {}),
-            /* @__PURE__ */ n(Me, {})
+            /* @__PURE__ */ n(Se, {}),
+            /* @__PURE__ */ n(Se, {})
           ]
         }
       ),
@@ -1326,7 +1326,7 @@ const ir = [
       name: "Flex",
       template: /* @__PURE__ */ w(Vt, { sx: { columnGap: 8, rowGap: 8, paddingTop: 16, paddingBottom: 16 }, children: [
         /* @__PURE__ */ n(
-          Se,
+          Ee,
           {
             sx: {
               width: "40%"
@@ -1334,7 +1334,7 @@ const ir = [
           }
         ),
         /* @__PURE__ */ n(
-          Se,
+          Ee,
           {
             sx: {
               width: "60%"
@@ -1451,7 +1451,7 @@ const ir = [
 }, Mr = ({ groups: e }) => {
   const t = [Ir, ...e ?? []];
   return /* @__PURE__ */ w("div", { css: { display: "flex", flexDirection: "column", height: "100%" }, children: [
-    /* @__PURE__ */ n("div", { css: { display: "flex", padding: 8, alignItems: "center", gap: 12 }, children: /* @__PURE__ */ n(_e, { fullWidth: !0, placeholder: "Search...", prefix: /* @__PURE__ */ n(I, { source: hr }) }) }),
+    /* @__PURE__ */ n("div", { css: { display: "flex", padding: 8, alignItems: "center", gap: 12 }, children: /* @__PURE__ */ n(ze, { fullWidth: !0, placeholder: "Search...", prefix: /* @__PURE__ */ n(I, { source: hr }) }) }),
     /* @__PURE__ */ n(
       ce,
       {
@@ -1478,7 +1478,7 @@ const ir = [
           /* @__PURE__ */ n(
             I,
             {
-              source: ze,
+              source: Ge,
               css: [{ transition: "transform" }, !t && { transform: "rotate(180deg)" }]
             }
           )
@@ -1524,7 +1524,7 @@ const ir = [
           children: s.icon && /* @__PURE__ */ n(Jt, { width: void 0, height: void 0, ...s.icon })
         }
       ),
-      /* @__PURE__ */ n("p", { css: { marginInline: "auto", textAlign: "center", ...Ge.xs }, children: s.name })
+      /* @__PURE__ */ n("p", { css: { marginInline: "auto", textAlign: "center", ...ke.xs }, children: s.name })
     ] }, l)) }) })
   ] });
 }, Lr = ({ group: e }) => {
@@ -1533,7 +1533,7 @@ const ir = [
     onOpenChange: o,
     placement: "right-start",
     middleware: [
-      me(),
+      Ce(),
       Je({
         apply({ elements: p }) {
           const b = {
@@ -1730,7 +1730,6 @@ const ir = [
   return /* @__PURE__ */ w(
     "div",
     {
-      css: { paddingBlock: 4 },
       children: [
         /* @__PURE__ */ w(
           "div",
@@ -1766,7 +1765,7 @@ const ir = [
                     i && { transform: "rotate(0deg)" }
                   ],
                   size: 16,
-                  source: ze
+                  source: Ge
                 }
               ) }) : /* @__PURE__ */ n("div", { css: { padding: 4 }, children: /* @__PURE__ */ n(I, { size: 16, source: Rr }) }),
               /* @__PURE__ */ n(
@@ -1777,7 +1776,8 @@ const ir = [
                       overflow: "hidden",
                       textOverflow: "ellipsis",
                       whiteSpace: "nowrap",
-                      flex: 1
+                      flex: 1,
+                      ...ke.xs
                     },
                     !h && { color: f.palette.white["3s"] }
                   ],
@@ -1793,7 +1793,11 @@ const ir = [
             css: {
               display: "flex",
               flexDirection: "column",
-              gap: 4
+              gap: 4,
+              marginTop: 4,
+              ":empty": {
+                display: "none"
+              }
             },
             children: e.children
           }
@@ -1850,7 +1854,7 @@ const ir = [
                   }
                 )
               ] }),
-              /* @__PURE__ */ n(W, { onClick: e, children: /* @__PURE__ */ n(I, { source: $e }) })
+              /* @__PURE__ */ n(W, { onClick: e, children: /* @__PURE__ */ n(I, { source: _e }) })
             ]
           }
         ),
@@ -1898,7 +1902,7 @@ const ir = [
         [c]: { main: p, contrast: b.contrast }
       }
     };
-    e.setState({ theme: Ne(g) });
+    e.setState({ theme: Re(g) });
   }, a = (c, p) => {
     const b = s(c), g = {
       palette: {
@@ -1908,7 +1912,7 @@ const ir = [
         [c]: { main: b[600], contrast: p }
       }
     };
-    e.setState({ theme: Ne(g) });
+    e.setState({ theme: Re(g) });
   }, [d, k] = P(!1), h = async () => {
     k(!0);
     try {
@@ -1935,11 +1939,11 @@ const ir = [
         children: /* @__PURE__ */ n("div", { css: { display: "flex", flexDirection: "column", gap: 12 }, children: Pr.map((c) => {
           const p = s(c), b = Br.includes(c);
           return /* @__PURE__ */ w("div", { css: { display: "flex", flexDirection: "column", gap: 4 }, children: [
-            /* @__PURE__ */ n("p", { css: { ...Ge.xs, color: f.palette.white["4s"] }, children: pt[c] }),
+            /* @__PURE__ */ n("p", { css: { ...ke.xs, color: f.palette.white["4s"] }, children: pt[c] }),
             /* @__PURE__ */ w("div", { css: { display: "flex", alignItems: "center", gap: 8 }, children: [
               t && b && /* @__PURE__ */ w("div", { css: { display: "flex", gap: 4 }, children: [
                 /* @__PURE__ */ n(
-                  Ee,
+                  Le,
                   {
                     hidePalette: !0,
                     color: p[600],
@@ -1948,7 +1952,7 @@ const ir = [
                   }
                 ),
                 /* @__PURE__ */ n(
-                  Ee,
+                  Le,
                   {
                     hidePalette: !0,
                     color: p.contrast,
@@ -2061,7 +2065,7 @@ const ir = [
         },
         children: [
           /* @__PURE__ */ w("div", { css: { display: "flex", paddingInline: 4, flexDirection: "column", gap: 4 }, children: [
-            !!e && /* @__PURE__ */ w(Fe, { children: [
+            !!e && /* @__PURE__ */ w(Oe, { children: [
               /* @__PURE__ */ n(
                 W,
                 {
@@ -2073,7 +2077,7 @@ const ir = [
                   value: "insert",
                   css: { position: "relative" },
                   size: "32",
-                  children: /* @__PURE__ */ n(I, { source: He })
+                  children: /* @__PURE__ */ n(I, { source: $e })
                 }
               ),
               /* @__PURE__ */ n("hr", { css: { borderColor: f.palette.white["2s"] } })
@@ -2127,7 +2131,7 @@ const ir = [
                 r !== "theme" && !!a?.related?.inspector && /* @__PURE__ */ w("div", { css: { display: "flex", flexDirection: "column", overflow: "hidden", flex: 1 }, children: [
                   /* @__PURE__ */ w("div", { css: { display: "flex", paddingInline: 8, paddingBlock: 8, alignItems: "center", gap: 8 }, children: [
                     /* @__PURE__ */ n(W, { onClick: d, children: /* @__PURE__ */ n(I, { source: Or }) }),
-                    /* @__PURE__ */ n("div", { css: { overflow: "hidden", flex: 1 }, children: /* @__PURE__ */ n(_e, { fullWidth: !0, value: Ze(a), size: "32" }) }),
+                    /* @__PURE__ */ n("div", { css: { overflow: "hidden", flex: 1 }, children: /* @__PURE__ */ n(ze, { fullWidth: !0, value: Ze(a), size: "32" }) }),
                     l && /* @__PURE__ */ n(W, { value: a.id, onClick: k, children: /* @__PURE__ */ n(I, { css: { color: f.palette.red["4s"] }, source: tn }) })
                   ] }),
                   /* @__PURE__ */ n(
@@ -2153,9 +2157,9 @@ const ir = [
     t && /* @__PURE__ */ n(Dr, { onClose: o })
   ] });
 }, _r = () => {
-  const { dom: e } = ke((s) => ({
+  const { dom: e } = me((s) => ({
     dom: s.dom
-  })), { document: t } = Ce(), { floatingStyles: o, refs: r } = le({
+  })), { document: t } = ve(), { floatingStyles: o, refs: r } = le({
     open: !0,
     strategy: "fixed",
     placement: "bottom-start",
@@ -2194,7 +2198,7 @@ const ir = [
     }
   ) }) : null;
 }, zr = ({ render: e }) => {
-  const { id: t, toolbar: o } = ke((s) => ({
+  const { id: t, toolbar: o } = me((s) => ({
     toolbar: sn(s).toolbar
   })), { mode: r } = $(), { isActiveSelectable: i } = H((s, l) => {
     const a = l.getEvent("selected").contains(t) && t !== _, d = a ? Ue(l.node(t).get()) : !1;
@@ -2208,10 +2212,10 @@ const ir = [
     e
   ] });
 }, Gr = ({ children: e }) => {
-  const { dom: t } = ke((s) => ({ dom: s.dom })), { document: o } = Ce(), { floatingStyles: r, refs: i } = le({
+  const { dom: t } = me((s) => ({ dom: s.dom })), { document: o } = ve(), { floatingStyles: r, refs: i } = le({
     open: !0,
     placement: "bottom-start",
-    middleware: [me(), qe(4)],
+    middleware: [Ce(), qe(4)],
     whileElementsMounted: de
   });
   return V(() => {
@@ -2281,7 +2285,7 @@ const ir = [
               ut,
               {
                 viewport: {
-                  width: (d) => a === "lg" ? Math.max(d, Le[a]) : Le[a]
+                  width: (d) => a === "lg" ? Math.max(d, We[a]) : We[a]
                 },
                 children: l
               }
@@ -2300,7 +2304,7 @@ export {
   Wo as BorderToolbar,
   No as ChildNodesToolbar,
   Ro as ColorPickerContent,
-  Ee as ColorPickerPopover,
+  Le as ColorPickerPopover,
   Ao as ColorPreview,
   Lt as ColorToolbar,
   Do as ColorVariantToolbar,
@@ -2364,7 +2368,7 @@ export {
   wo as WbFormLabel,
   I as WbIcon,
   W as WbIconButton,
-  _e as WbInput,
+  ze as WbInput,
   mt as WbInputNumber,
   ps as WbLoadingOverlay,
   gs as WbMenu,
@@ -2375,7 +2379,7 @@ export {
   St as WbPopoverClose,
   Mt as WbPopoverContent,
   Tt as WbPopoverTrigger,
-  Oe as WbRadioButton,
+  He as WbRadioButton,
   ce as WbScrollView,
   vt as WbSelect,
   Jt as WbSvgLoader,

package/dist/{index-BBoR6Gy_.js → index-C9gD44fK.js}

@@ -1,6 +1,6 @@
 import { jsx as i } from "@emotion/react/jsx-runtime";
 import { useMemo as m, useEffect as f } from "react";
-import { u as c, C as v, D as p, a as N, d as h, N as E, g as b, r as D, b as y, B as l } from "./toaster-DMjFxzB_.js";
+import { u as c, C as v, D as p, a as N, d as h, N as E, g as b, r as D, b as y, B as l } from "./toaster-CzSp838P.js";
 import { isNil as u, isString as d } from "lodash-es";
 import "flat";
 const k = ({ children: t, data: e }) => {

package/dist/index-CglXRxzd.js

@@ -0,0 +1,4 @@
+import { W as p } from "./toaster-CzSp838P.js";
+export {
+  p as WbTooltip
+};