@janbox/storefront-builder 1.0.9 → 2.0.1

package/dist/{countdown-timer.node-j79tvSTR.js → countdown-timer.node-OmDiT-pz.js}

@@ -3,11 +3,11 @@ import { Fragment as M } from "react";
 import "flat";
 import { isNil as p } from "lodash-es";
 import { u as A, e as g, a as L, i as k, d as l } from "./color-picker-popover-B3AVFuei.js";
-import { useNode as i, Element as P } from "@craftjs/core";
+import { useNode as i } from "@craftjs/core";
 import { useMergeRefs as u } from "@floating-ui/react";
-import { Button as _, Grid as R, Cell as B, Link as F, Flexbox as q, FlexItem as G, Text as x, Image as E, Marquee as U, MarqueeDataAttributes as V, MarqueeItem as H, Tabs as $, TabList as j, Tab as W, TabContent as z, TabPanel as Q, Swiper as X, SwiperSlide as J, UnorderedList as K, ListItem as Y, Icon as Z, Accordion as ee, AccordionSummary as te, AccordionContent as ne, AccordionGroup as ae, Video as oe, Box as se, Container as re, CountdownTimer as ce, Primitive as D } from "@janbox/storefront-ui";
-import { v as ie, P as le, c as de } from "./dialog-header-DPLOS7TT.js";
-import { mediaQuery as ue } from "@janbox/storefront-ui/theme";
+import { Button as _, Grid as P, Cell as R, Link as B, Flexbox as F, FlexItem as q, Text as x, Image as G, Marquee as E, MarqueeDataAttributes as U, MarqueeItem as V, Tabs as H, TabList as $, Tab as j, TabContent as W, TabPanel as z, Swiper as Q, SwiperSlide as X, UnorderedList as J, ListItem as K, Icon as Y, Accordion as Z, AccordionSummary as ee, AccordionContent as te, AccordionGroup as ne, Video as ae, Box as oe, Container as se, CountdownTimer as re, Primitive as D } from "@janbox/storefront-ui";
+import { v as ce, P as ie, c as le } from "./dialog-header-DPLOS7TT.js";
+import { mediaQuery as de } from "@janbox/storefront-ui/theme";
 import "@janbox/storefront-ui/hooks";
 import "react-use";
 import "react-colorful";
@@ -38,7 +38,7 @@ const d = (e = {}) => {
     [v.DATA_NODE_DROP_TARGET_ERROR]: I.toString(),
     ...e
   };
-}, me = ({ children: e }) => {
+}, ue = ({ children: e }) => {
   const { enabled: t } = A((r) => ({
     enabled: r.options.enabled
   })), a = d(), { connectors: n } = i(), o = u([
@@ -63,14 +63,14 @@ const d = (e = {}) => {
     }
   ) : /* @__PURE__ */ s(M, { children: e });
 };
-l(me, {
+l(ue, {
   resolved: c.Root,
   isCanvas: !0,
   info: {
     displayName: "Root"
   }
 });
-const pe = () => {
+const me = () => {
   const { enabled: e, actions: t } = A((o) => ({
     enabled: o.options.enabled
   })), { id: a } = i();
@@ -82,17 +82,17 @@ const pe = () => {
     }, children: "Remove" })
   ] }) });
 };
-l(pe, {
+l(me, {
   resolved: c.Unknown,
   isCanvas: !1,
   info: {
     displayName: "Unknown"
   }
 });
-const fe = (e) => {
+const pe = (e) => {
   const { connectors: t } = i(), a = d();
   return /* @__PURE__ */ s(
-    R,
+    P,
     {
       ...e,
       ref: (n) => {
@@ -102,7 +102,7 @@ const fe = (e) => {
     }
   );
 };
-l(fe, {
+l(pe, {
   resolved: c.Grid,
   isCanvas: !0,
   rules: {
@@ -112,14 +112,14 @@ l(fe, {
     displayName: "Grid"
   }
 });
-const pt = P, f = ({ placeholder: e = "Drop here" }) => {
+const f = ({ placeholder: e = "Drop here" }) => {
   const { enabled: t } = A((n) => ({
     enabled: n.options.enabled
   }));
   if (!t) return /* @__PURE__ */ s(h, {});
   const a = {
     "--drop-placeholder": `'${e}'`,
-    [ue("sm")]: {
+    [de("sm")]: {
       "--drop-placeholder": "'Drop element here'"
     },
     ":before": {
@@ -129,39 +129,39 @@ const pt = P, f = ({ placeholder: e = "Drop here" }) => {
   return /* @__PURE__ */ s(
     "div",
     {
-      className: de(
+      className: le(
         "tw:grid tw:place-items-center tw:p-2 tw:relative tw:outline-1 tw:outline-dashed tw:outline-ic-ink-3s tw:-outline-offset-1 tw:min-h-full"
       ),
       children: /* @__PURE__ */ m("div", { className: "tw:flex tw:flex-col tw:items-center", children: [
-        /* @__PURE__ */ s(ie, { source: le, width: 16, height: 16 }),
+        /* @__PURE__ */ s(ce, { source: ie, width: 16, height: 16 }),
         /* @__PURE__ */ s("p", { css: a, className: "tw:text-xs tw:text-center tw:mt-1" })
       ] })
     }
   );
-}, be = ({ children: e, ...t }) => {
+}, fe = ({ children: e, ...t }) => {
   const { connectors: a } = i(), n = d(), o = u([
     (r) => {
       r && a.connect(r);
     }
   ]);
-  return /* @__PURE__ */ m(B, { ...t, ...n, ref: o, children: [
+  return /* @__PURE__ */ m(R, { ...t, ...n, ref: o, children: [
     e,
     p(e) && /* @__PURE__ */ s(f, {})
   ] });
 };
-l(be, {
+l(fe, {
   resolved: c.Cell,
   isCanvas: !0,
   info: {
     displayName: "Cell"
   }
 });
-const ve = (e) => {
+const be = (e) => {
   const t = d(), { enabled: a } = A((r) => ({
     enabled: r.options.enabled
   })), { connectors: n } = i();
   return /* @__PURE__ */ s(
-    F,
+    B,
     {
       ...e,
       ...t,
@@ -187,7 +187,7 @@ const ve = (e) => {
     }
   );
 };
-l(ve, {
+l(be, {
   resolved: c.Link,
   isCanvas: !0,
   rules: {
@@ -199,7 +199,7 @@ l(ve, {
     displayName: "Link"
   }
 });
-const Ae = ({ anchor: e, ...t }) => {
+const ve = ({ anchor: e, ...t }) => {
   const a = d(), { enabled: n } = A((r) => ({
     enabled: r.options.enabled
   })), { connectors: o } = i();
@@ -215,43 +215,43 @@ const Ae = ({ anchor: e, ...t }) => {
     }
   );
 };
-l(Ae, {
+l(ve, {
   resolved: c.Button,
   isCanvas: !1,
   info: {
     displayName: "Button"
   }
 });
-const ge = (e) => {
+const Ae = (e) => {
   const { connectors: t } = i(), a = d(), n = u([
     (o) => {
       o && t.connect(o);
     }
   ]);
-  return /* @__PURE__ */ s(q, { ...e, ...a, ref: n });
-}, we = "Flexbox";
-l(ge, {
+  return /* @__PURE__ */ s(F, { ...e, ...a, ref: n });
+}, ge = "Flexbox";
+l(Ae, {
   resolved: c.Flexbox,
   isCanvas: !0,
   rules: {
     canMoveIn: (e) => e.every((t) => g(t) == c.FlexItem)
   },
   info: {
-    displayName: we
+    displayName: ge
   }
 });
-const Te = ({ children: e, ...t }) => {
+const we = ({ children: e, ...t }) => {
   const { connectors: a } = i(), n = d(), o = u([
     (r) => {
       r && a.connect(r);
     }
   ]);
-  return /* @__PURE__ */ m(G, { ...t, ...n, ref: o, children: [
+  return /* @__PURE__ */ m(q, { ...t, ...n, ref: o, children: [
     e,
     p(e) && /* @__PURE__ */ s(f, {})
   ] });
 };
-l(Te, {
+l(we, {
   resolved: c.FlexItem,
   isCanvas: !0,
   info: {
@@ -261,52 +261,52 @@ l(Te, {
     canDrag: () => !1
   }
 });
-const Ne = (e) => /* @__PURE__ */ s(x, { ...e, as: "div" }), ye = (e) => {
+const Te = (e) => /* @__PURE__ */ s(x, { ...e, as: "div" }), Ne = (e) => {
   const { connectors: t } = i(), a = d(), n = u([
     (o) => {
       o && t.connect(o);
     }
   ]);
-  return /* @__PURE__ */ s(Ne, { ...e, ref: n, ...a });
+  return /* @__PURE__ */ s(Te, { ...e, ref: n, ...a });
 };
-l(ye, {
+l(Ne, {
   resolved: c.Paragraph,
   isCanvas: !1,
   info: {
     displayName: "Paragraph"
   }
 });
-const he = ({ ...e }) => /* @__PURE__ */ s(x, { ...e }), xe = (e) => {
+const ye = ({ ...e }) => /* @__PURE__ */ s(x, { ...e }), he = (e) => {
   const { connectors: t } = i(), a = d(), n = u([
     (o) => {
       o && t.connect(o);
     }
   ]);
-  return /* @__PURE__ */ s(he, { ...e, ref: n, ...a });
+  return /* @__PURE__ */ s(ye, { ...e, ref: n, ...a });
 };
-l(xe, {
+l(he, {
   resolved: c.Heading,
   isCanvas: !1,
   info: {
     displayName: "Heading"
   }
 });
-const Ie = (e) => {
+const xe = (e) => {
   const t = d(), { connectors: a } = i(), n = u([
     (o) => {
       o && a.connect(o);
     }
   ]);
-  return /* @__PURE__ */ s(E, { ...e, ...t, ref: n });
+  return /* @__PURE__ */ s(G, { ...e, ...t, ref: n });
 };
-l(Ie, {
+l(xe, {
   resolved: c.Image,
   isCanvas: !1,
   info: {
     displayName: "Image"
   }
 });
-const De = (e) => {
+const Ie = (e) => {
   const { connectors: t } = i(), { enabled: a } = A((r) => ({
     enabled: r.options.enabled
   })), n = d(), o = u([
@@ -315,7 +315,7 @@ const De = (e) => {
     }
   ]);
   return /* @__PURE__ */ s(
-    U,
+    E,
     {
       ...e,
       ...n,
@@ -324,13 +324,13 @@ const De = (e) => {
         playOnInit: !1
       } : e.autoScrollOptions,
       ...a ? {
-        [V.PlayState]: "off"
+        [U.PlayState]: "off"
       } : {},
       ref: o
     }
   );
 };
-l(De, {
+l(Ie, {
   resolved: c.Marquee,
   isCanvas: !0,
   rules: {
@@ -340,18 +340,18 @@ l(De, {
     displayName: "Marquee"
   }
 });
-const _e = ({ children: e, ...t }) => {
+const De = ({ children: e, ...t }) => {
   const { connectors: a } = i(), n = d(), o = u([
     (r) => {
       r && a.connect(r);
     }
   ]);
-  return /* @__PURE__ */ m(H, { ...t, ...n, ref: o, children: [
+  return /* @__PURE__ */ m(V, { ...t, ...n, ref: o, children: [
     e,
     p(e) && /* @__PURE__ */ s(f, {})
   ] });
 };
-l(_e, {
+l(De, {
   resolved: c.MarqueeItem,
   isCanvas: !0,
   info: {
@@ -359,30 +359,30 @@ l(_e, {
     displayName: "Marquee item"
   }
 });
-const Se = (e) => {
+const _e = (e) => {
   const { connectors: t } = i(), a = u([
     (n) => {
       n && t.connect(n);
     }
   ]);
-  return /* @__PURE__ */ s($, { ...e, ref: a });
+  return /* @__PURE__ */ s(H, { ...e, ref: a });
 };
-l(Se, {
+l(_e, {
   resolved: c.Tabs,
   isCanvas: !1,
   info: {
     displayName: "Tabs"
   }
 });
-const Ce = (e) => {
+const Se = (e) => {
   const { connectors: t } = i(), a = d(), n = u([
     (o) => {
       o && t.connect(o);
     }
   ]);
-  return /* @__PURE__ */ s(j, { ...e, ...a, ref: n });
+  return /* @__PURE__ */ s($, { ...e, ...a, ref: n });
 };
-l(Ce, {
+l(Se, {
   resolved: c.TabList,
   isCanvas: !0,
   rules: {
@@ -393,15 +393,15 @@ l(Ce, {
     displayName: "Tab list"
   }
 });
-const Oe = (e) => {
+const Ce = (e) => {
   const t = d(), { connectors: a } = i(), n = u([
     (o) => {
       o && a.connect(o);
     }
   ]);
-  return /* @__PURE__ */ s(W, { ...e, ref: n, ...t });
+  return /* @__PURE__ */ s(j, { ...e, ref: n, ...t });
 };
-l(Oe, {
+l(Ce, {
   resolved: c.Tab,
   isCanvas: !1,
   info: {
@@ -409,15 +409,15 @@ l(Oe, {
     displayName: "Tab"
   }
 });
-const Me = (e) => {
+const Oe = (e) => {
   const { connectors: t } = i(), a = d(), n = u([
     (o) => {
       o && t.connect(o);
     }
   ]);
-  return /* @__PURE__ */ s(z, { ...e, ...a, ref: n });
+  return /* @__PURE__ */ s(W, { ...e, ...a, ref: n });
 };
-l(Me, {
+l(Oe, {
   resolved: c.TabContent,
   isCanvas: !0,
   rules: {
@@ -428,18 +428,18 @@ l(Me, {
     displayName: "Tab content"
   }
 });
-const Le = ({ children: e, ...t }) => {
+const Me = ({ children: e, ...t }) => {
   const { connectors: a } = i(), n = d(), o = u([
     (r) => {
       r && a.connect(r);
     }
   ]);
-  return /* @__PURE__ */ m(Q, { ...t, ...n, ref: o, children: [
+  return /* @__PURE__ */ m(z, { ...t, ...n, ref: o, children: [
     e,
     p(e) && /* @__PURE__ */ s(f, {})
   ] });
 };
-l(Le, {
+l(Me, {
   resolved: c.TabPanel,
   isCanvas: !0,
   info: {
@@ -447,10 +447,10 @@ l(Le, {
     displayName: "Tab panel"
   }
 });
-const ke = (e) => {
+const Le = (e) => {
   const { connectors: t } = i();
   return /* @__PURE__ */ s(
-    X,
+    Q,
     {
       ...e,
       ref: (a) => {
@@ -458,59 +458,59 @@ const ke = (e) => {
       }
     }
   );
-}, Pe = "Carousel";
-l(ke, {
+}, ke = "Carousel";
+l(Le, {
   resolved: c.Swiper,
   isCanvas: !0,
   rules: {
     canMoveIn: (e) => e.every((t) => g(t) == c.SwiperSlide)
   },
   info: {
-    displayName: Pe
+    displayName: ke
   }
 });
-const Re = ({ children: e, ...t }) => {
+const Pe = ({ children: e, ...t }) => {
   const a = d(), { connectors: n } = i(), o = u([
     (r) => {
       r && n.connect(r);
     }
   ]);
-  return /* @__PURE__ */ m(J, { ...t, ...a, ref: o, children: [
+  return /* @__PURE__ */ m(X, { ...t, ...a, ref: o, children: [
     e,
     p(e) && /* @__PURE__ */ s(f, {})
   ] });
 };
-l(Re, {
+l(Pe, {
   resolved: c.SwiperSlide,
   info: {
     selectable: !1,
     displayName: "Swiper Slide"
   }
 });
-const Be = (e) => {
+const Re = (e) => {
   const { connectors: t } = i(), a = u([
     (n) => {
       n && t.connect(n);
     }
   ]);
-  return /* @__PURE__ */ s(K, { ...e, ref: a });
+  return /* @__PURE__ */ s(J, { ...e, ref: a });
 };
-l(Be, {
+l(Re, {
   resolved: c.UnorderedList,
   isCanvas: !1,
   info: {
     displayName: "Unordered list"
   }
 });
-const Fe = (e) => {
+const Be = (e) => {
   const t = d(), { connectors: a } = i(), n = u([
     (o) => {
       o && a.connect(o);
     }
   ]);
-  return /* @__PURE__ */ s(Y, { ...e, ...t, ref: n });
+  return /* @__PURE__ */ s(K, { ...e, ...t, ref: n });
 };
-l(Fe, {
+l(Be, {
   isCanvas: !0,
   resolved: c.ListItem,
   info: {
@@ -518,10 +518,10 @@ l(Fe, {
     selectable: !1
   }
 });
-const qe = (e) => {
+const Fe = (e) => {
   const { connectors: t } = i(), a = d();
   return /* @__PURE__ */ s(
-    Z,
+    Y,
     {
       ...a,
       ...e,
@@ -531,32 +531,32 @@ const qe = (e) => {
     }
   );
 };
-l(qe, {
+l(Fe, {
   resolved: c.Icon,
   isCanvas: !1,
   info: {
     displayName: "Icon"
   }
 });
-const Ge = (e) => {
+const qe = (e) => {
   const { connectors: t } = i(), a = d(), n = u([
     (o) => {
       o && t.connect(o);
     }
   ]);
-  return /* @__PURE__ */ s(ee, { ...e, ...a, ref: n });
+  return /* @__PURE__ */ s(Z, { ...e, ...a, ref: n });
 };
-l(Ge, {
+l(qe, {
   resolved: c.Accordion,
   isCanvas: !1,
   info: {
     selectable: !1
   }
 });
-const Ee = ({ children: e, ...t }) => {
+const Ge = ({ children: e, ...t }) => {
   const { connectors: a } = i(), n = d();
   return /* @__PURE__ */ m(
-    te,
+    ee,
     {
       ...t,
       ...n,
@@ -565,12 +565,12 @@ const Ee = ({ children: e, ...t }) => {
       },
       children: [
         e,
-        p(e) && /* @__PURE__ */ s(f, { placeholder: Ue })
+        p(e) && /* @__PURE__ */ s(f, { placeholder: Ee })
       ]
     }
   );
-}, Ue = "Accordion summary";
-l(Ee, {
+}, Ee = "Accordion summary";
+l(Ge, {
   resolved: c.AccordionSummary,
   isCanvas: !0,
   rules: {
@@ -581,10 +581,10 @@ l(Ee, {
     selectable: !1
   }
 });
-const Ve = ({ children: e, ...t }) => {
+const Ue = ({ children: e, ...t }) => {
   const { connectors: a } = i(), n = d();
   return /* @__PURE__ */ m(
-    ne,
+    te,
     {
       ...t,
       ...n,
@@ -595,12 +595,12 @@ const Ve = ({ children: e, ...t }) => {
       },
       children: [
         e,
-        p(e) && /* @__PURE__ */ s(f, { placeholder: He })
+        p(e) && /* @__PURE__ */ s(f, { placeholder: Ve })
       ]
     }
   );
-}, He = "Accordion Content";
-l(Ve, {
+}, Ve = "Accordion Content";
+l(Ue, {
   resolved: c.AccordionContent,
   isCanvas: !0,
   rules: {
@@ -611,10 +611,10 @@ l(Ve, {
     selectable: !1
   }
 });
-const $e = (e) => {
+const He = (e) => {
   const { connectors: t } = i(), a = d();
   return /* @__PURE__ */ s(
-    ae,
+    ne,
     {
       ...e,
       ...a,
@@ -624,7 +624,7 @@ const $e = (e) => {
     }
   );
 };
-l($e, {
+l(He, {
   resolved: c.AccordionGroup,
   isCanvas: !0,
   rules: {
@@ -634,10 +634,10 @@ l($e, {
     displayName: "Accordion"
   }
 });
-const je = ({ ...e }) => {
+const $e = ({ ...e }) => {
   const t = d(), { connectors: a } = i();
   return /* @__PURE__ */ s(
-    oe,
+    ae,
     {
       ...e,
       ref: (n) => {
@@ -647,17 +647,17 @@ const je = ({ ...e }) => {
     }
   );
 };
-l(je, {
+l($e, {
   resolved: c.Video,
   isCanvas: !1,
   info: {
     displayName: "Video"
   }
 });
-const We = ({ children: e, ...t }) => {
+const je = ({ children: e, ...t }) => {
   const a = d(), { connectors: n } = i();
   return /* @__PURE__ */ m(
-    se,
+    oe,
     {
       ...t,
       ...a,
@@ -671,7 +671,7 @@ const We = ({ children: e, ...t }) => {
     }
   );
 };
-l(We, {
+l(je, {
   resolved: c.Box,
   isCanvas: !0,
   rules: {
@@ -681,10 +681,10 @@ l(We, {
     displayName: "Block"
   }
 });
-const ze = ({ children: e, ...t }) => {
+const We = ({ children: e, ...t }) => {
   const a = d(), { connectors: n } = i();
   return /* @__PURE__ */ m(
-    re,
+    se,
     {
       ...t,
       ...a,
@@ -698,7 +698,7 @@ const ze = ({ children: e, ...t }) => {
     }
   );
 };
-l(ze, {
+l(We, {
   resolved: c.Container,
   isCanvas: !0,
   rules: {
@@ -708,7 +708,7 @@ l(ze, {
     displayName: "Container"
   }
 });
-const Qe = ({
+const ze = ({
   unitItemProps: e,
   captionProps: t,
   timeProps: a,
@@ -722,7 +722,7 @@ const Qe = ({
   })), { connectors: I } = i(), C = Object.fromEntries(
     ["years", "months", "weeks", "days", "hours", "minutes", "seconds"].map((T) => [T, n.every((b) => b.value !== T)])
   );
-  return /* @__PURE__ */ s(ce, { date: o, omit: C, children: (T) => /* @__PURE__ */ m(
+  return /* @__PURE__ */ s(re, { date: o, omit: C, children: (T) => /* @__PURE__ */ m(
     D,
     {
       ...y,
@@ -776,7 +776,7 @@ const Qe = ({
     }
   ) });
 };
-l(Qe, {
+l(ze, {
   resolved: c.CountdownTimer,
   isCanvas: !1,
   info: {
@@ -784,43 +784,42 @@ l(Qe, {
   }
 });
 export {
-  Ve as A,
-  We as B,
-  f as C,
-  Te as F,
-  fe as G,
+  He as A,
+  ve as B,
+  We as C,
+  we as F,
+  pe as G,
   he as H,
-  qe as I,
-  ve as L,
-  _e as M,
+  xe as I,
+  be as L,
+  De as M,
   v as N,
   Ne as P,
-  pt as R,
-  ke as S,
-  Me as T,
-  pe as U,
-  je as V,
-  $e as a,
-  Ge as b,
-  Ee as c,
-  Ae as d,
-  be as e,
-  ze as f,
-  Qe as g,
-  ge as h,
-  xe as i,
-  Ie as j,
+  ue as R,
+  Le as S,
+  Oe as T,
+  me as U,
+  $e as V,
+  fe as a,
+  qe as b,
+  Ge as c,
+  Ue as d,
+  Te as e,
+  ye as f,
+  je as g,
+  f as h,
+  ze as i,
+  Ae as j,
   Fe as k,
-  De as l,
-  ye as m,
-  me as n,
-  Re as o,
+  Be as l,
+  Ie as m,
+  Pe as n,
+  Se as o,
   Ce as p,
-  Oe as q,
-  Le as r,
-  Se as s,
-  Be as t,
+  Me as q,
+  _e as r,
+  Re as s,
+  S as t,
   d as u,
-  S as v,
-  c as w
+  c as v
 };