@janbox/storefront-builder 2.0.2 → 2.0.3

package/dist/countdown-timer.node-Bh5fTSJ8.js

@@ -1,913 +0,0 @@
-import { jsx as a, Fragment as x, jsxs as u } from "@emotion/react/jsx-runtime";
-import { Fragment as w } from "react";
-import "flat";
-import { isNil as f } from "lodash-es";
-import { u as A, e as y, a as k, i as P, d } from "./color-picker-popover-XeaVfYS8.js";
-import { useNode as i } from "@craftjs/core";
-import { useMergeRefs as p } from "@floating-ui/react";
-import { Button as S, Grid as R, Cell as B, Link as F, Flexbox as q, FlexItem as G, Text as D, Image as E, Marquee as U, MarqueeDataAttributes as H, MarqueeItem as V, 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 ne, AccordionContent as te, AccordionGroup as oe, Video as se, Box as ae, Container as re, CountdownTimer as ce, Primitive as _ } from "@janbox/storefront-ui";
-import { t as m, w as ie, P as de } from "./dialog-header-Bh3Dkw2q.js";
-import { mediaQuery as le } from "@janbox/storefront-ui/theme";
-import "@janbox/storefront-ui/hooks";
-import "@emotion/react";
-import "react-use";
-import "react-colorful";
-import "overlayscrollbars-react";
-import "@tanstack/react-virtual";
-import "react-dropzone";
-import "react-datepicker/dist/react-datepicker.css";
-import "react-datepicker";
-var c = /* @__PURE__ */ ((e) => (e.Root = "root", e.Unknown = "unknown", e.Box = "box", e.Paragraph = "paragraph", e.Heading = "heading", e.Image = "image", e.Button = "button", e.IconButton = "icon-button", e.Link = "link", e.Video = "video", e.Grid = "grid", e.Cell = "cell", e.Flexbox = "flexbox", e.FlexItem = "flex-item", e.UnorderedList = "unordered-list", e.ListItem = "list-item", e.Swiper = "swiper", e.SwiperSlide = "swiper-slide", e.Icon = "icon", e.Tabs = "tabs", e.TabList = "tab-list", e.Tab = "tab", e.TabContent = "tab-content", e.TabPanel = "tab-panel", e.Marquee = "marquee", e.MarqueeItem = "marquee-item", e.AccordionGroup = "accordion-group", e.Accordion = "accordion", e.AccordionSummary = "accordion-summary", e.AccordionContent = "accordion-content", e.Container = "container", e.CountdownTimer = "countdown-timer", e))(c || {}), v = /* @__PURE__ */ ((e) => (e.DATA_NODE_ID = "data-node-id", e.DATA_NODE_EDITABLE = "data-node-editable", e.DATA_NODE_SELECTABLE = "data-node-selectable", e.DATA_NODE_NAME = "data-node-name", e.DATA_NODE_RESOLVED = "data-node-resolved", e.DATA_NODE_INDICATOR_ERROR = "data-node-indicator-error", e.DATA_NODE_INDICATOR_TARGET = "data-node-indicator-target", e.DATA_NODE_DROP_TARGET = "data-node-drop-target", e.DATA_NODE_DROP_TARGET_ERROR = "data-node-drop-target-error", e))(v || {}), O = /* @__PURE__ */ ((e) => (e.True = "true", e.False = "false", e))(O || {});
-const l = (e = {}) => {
-  const { enabled: n, indicator: o } = A((T) => ({
-    enabled: T.options.enabled,
-    indicator: T.indicator
-  })), { id: t, selectable: s, displayName: r, resolvedId: N } = i((T) => ({
-    selectable: P(T),
-    displayName: k(T),
-    resolvedId: y(T)
-  }));
-  if (!n) return {};
-  const I = o?.placement?.parent?.id === t, C = I && !!o?.error;
-  return {
-    [v.DATA_NODE_ID]: t,
-    [v.DATA_NODE_EDITABLE]: O.True,
-    [v.DATA_NODE_SELECTABLE]: s.toString(),
-    [v.DATA_NODE_NAME]: r,
-    [v.DATA_NODE_RESOLVED]: N,
-    [v.DATA_NODE_DROP_TARGET]: I.toString(),
-    [v.DATA_NODE_DROP_TARGET_ERROR]: C.toString(),
-    ...e
-  };
-}, pe = ({ children: e }) => {
-  const { enabled: n } = A((r) => ({
-    enabled: r.options.enabled
-  })), o = l(), { connectors: t } = i(), s = p([
-    (r) => {
-      r && t.connect(r);
-    }
-  ]);
-  return n ? /* @__PURE__ */ a(
-    "div",
-    {
-      ...o,
-      css: {
-        minHeight: "100vh",
-        paddingLeft: 4,
-        paddingRight: 4,
-        paddingTop: 12,
-        paddingBottom: 12,
-        overflowX: "hidden"
-      },
-      ref: s,
-      children: e
-    }
-  ) : /* @__PURE__ */ a(w, { children: e });
-};
-d(pe, {
-  resolved: c.Root,
-  isCanvas: !0,
-  info: {
-    displayName: "Root"
-  }
-});
-const ue = () => {
-  const { enabled: e, actions: n } = A((s) => ({
-    enabled: s.options.enabled
-  })), { id: o } = i(), t = () => {
-    n.delete(o);
-  };
-  return /* @__PURE__ */ a(x, { children: e && /* @__PURE__ */ u(
-    "div",
-    {
-      css: {
-        display: "flex",
-        padding: 8,
-        flexDirection: "column",
-        alignItems: "center",
-        gap: 4,
-        backgroundColor: m.palette.light
-      },
-      children: [
-        /* @__PURE__ */ a("p", { children: "Section is not available" }),
-        /* @__PURE__ */ a(
-          "p",
-          {
-            css: {
-              ...m.text.xs,
-              color: m.palette.ink["5s"]
-            },
-            children: "(this only visible in the editor)"
-          }
-        ),
-        /* @__PURE__ */ a(S, { size: "sm", variant: "contained", color: "neutral", onClick: t, children: "Remove" })
-      ]
-    }
-  ) });
-};
-d(ue, {
-  resolved: c.Unknown,
-  isCanvas: !1,
-  info: {
-    displayName: "Unknown"
-  }
-});
-const me = (e) => {
-  const { connectors: n } = i(), o = l();
-  return /* @__PURE__ */ a(
-    R,
-    {
-      ...e,
-      ref: (t) => {
-        t && n.connect(t);
-      },
-      ...o
-    }
-  );
-};
-d(me, {
-  resolved: c.Grid,
-  isCanvas: !0,
-  rules: {
-    canMoveIn: (e) => e.every((n) => y(n) == c.Cell)
-  },
-  info: {
-    displayName: "Grid"
-  }
-});
-const b = ({ placeholder: e = "Drop here" }) => {
-  const { enabled: n } = A((t) => ({
-    enabled: t.options.enabled
-  }));
-  if (!n) return /* @__PURE__ */ a(x, {});
-  const o = {
-    "--drop-placeholder": `'${e}'`,
-    [le("sm")]: {
-      "--drop-placeholder": "'Drop element here'"
-    },
-    ":before": {
-      content: "var(--drop-placeholder)"
-    }
-  };
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      css: { display: "grid", padding: 8, position: "relative", minHeight: "100%", placeItems: "center", outlineWidth: 1, outlineStyle: "dashed", outlineColor: m.palette.ink["3s"], outlineOffset: -1 },
-      children: /* @__PURE__ */ u("div", { css: { display: "flex", flexDirection: "column", alignItems: "center" }, children: [
-        /* @__PURE__ */ a(ie, { source: de, width: 16, height: 16 }),
-        /* @__PURE__ */ a("p", { css: [o, { marginTop: 4, textAlign: "center", ...m.text.xs }] })
-      ] })
-    }
-  );
-}, fe = ({ children: e, ...n }) => {
-  const { connectors: o } = i(), t = l(), s = p([
-    (r) => {
-      r && o.connect(r);
-    }
-  ]);
-  return /* @__PURE__ */ u(B, { ...n, ...t, ref: s, children: [
-    e,
-    f(e) && /* @__PURE__ */ a(b, {})
-  ] });
-};
-d(fe, {
-  resolved: c.Cell,
-  isCanvas: !0,
-  info: {
-    displayName: "Cell"
-  }
-});
-const be = (e) => {
-  const n = l(), { enabled: o } = A((r) => ({
-    enabled: r.options.enabled
-  })), { connectors: t } = i();
-  return /* @__PURE__ */ a(
-    F,
-    {
-      ...e,
-      ...n,
-      css: o && {
-        ":empty": {
-          ":after": {
-            display: "block",
-            content: '"Drag or type something"',
-            opacity: 0.5,
-            paddingTop: 8,
-            paddingBottom: 8,
-            paddingLeft: 8,
-            paddingRight: 8
-          }
-        }
-      },
-      onClick: (r) => {
-        o && r.preventDefault(), e.onClick?.(r);
-      },
-      ref: (r) => {
-        r && t.connect(r);
-      }
-    }
-  );
-};
-d(be, {
-  resolved: c.Link,
-  isCanvas: !0,
-  rules: {
-    canMoveIn(e, n) {
-      return f(n.data.props.dangerouslySetInnerHTML);
-    }
-  },
-  info: {
-    displayName: "Link"
-  }
-});
-const ge = ({ anchor: e, ...n }) => {
-  const o = l(), { enabled: t } = A((r) => ({
-    enabled: r.options.enabled
-  })), { connectors: s } = i();
-  return /* @__PURE__ */ a(
-    S,
-    {
-      anchor: t ? void 0 : e,
-      ...n,
-      ...o,
-      ref: (r) => {
-        r && s.connect(r);
-      }
-    }
-  );
-};
-d(ge, {
-  resolved: c.Button,
-  isCanvas: !1,
-  info: {
-    displayName: "Button"
-  }
-});
-const ve = (e) => {
-  const { connectors: n } = i(), o = l(), t = p([
-    (s) => {
-      s && n.connect(s);
-    }
-  ]);
-  return /* @__PURE__ */ a(q, { ...e, ...o, ref: t });
-}, Ae = "Flexbox";
-d(ve, {
-  resolved: c.Flexbox,
-  isCanvas: !0,
-  rules: {
-    canMoveIn: (e) => e.every((n) => y(n) == c.FlexItem)
-  },
-  info: {
-    displayName: Ae
-  }
-});
-const ye = ({ children: e, ...n }) => {
-  const { connectors: o } = i(), t = l(), s = p([
-    (r) => {
-      r && o.connect(r);
-    }
-  ]);
-  return /* @__PURE__ */ u(G, { ...n, ...t, ref: s, children: [
-    e,
-    f(e) && /* @__PURE__ */ a(b, {})
-  ] });
-};
-d(ye, {
-  resolved: c.FlexItem,
-  isCanvas: !0,
-  info: {
-    displayName: "Flex item"
-  },
-  rules: {
-    canDrag: () => !1
-  }
-});
-const Te = (e) => /* @__PURE__ */ a(D, { ...e, as: "div" }), he = (e) => {
-  const { connectors: n } = i(), o = l(), t = p([
-    (s) => {
-      s && n.connect(s);
-    }
-  ]);
-  return /* @__PURE__ */ a(Te, { ...e, ref: t, ...o });
-};
-d(he, {
-  resolved: c.Paragraph,
-  isCanvas: !1,
-  info: {
-    displayName: "Paragraph"
-  }
-});
-const Ie = ({ ...e }) => /* @__PURE__ */ a(D, { ...e }), Ne = (e) => {
-  const { connectors: n } = i(), o = l(), t = p([
-    (s) => {
-      s && n.connect(s);
-    }
-  ]);
-  return /* @__PURE__ */ a(Ie, { ...e, ref: t, ...o });
-};
-d(Ne, {
-  resolved: c.Heading,
-  isCanvas: !1,
-  info: {
-    displayName: "Heading"
-  }
-});
-const xe = (e) => {
-  const n = l(), { connectors: o } = i(), t = p([
-    (s) => {
-      s && o.connect(s);
-    }
-  ]);
-  return /* @__PURE__ */ a(E, { ...e, ...n, ref: t });
-};
-d(xe, {
-  resolved: c.Image,
-  isCanvas: !1,
-  info: {
-    displayName: "Image"
-  }
-});
-const De = (e) => {
-  const { connectors: n } = i(), { enabled: o } = A((r) => ({
-    enabled: r.options.enabled
-  })), t = l(), s = p([
-    (r) => {
-      r && n.connect(r);
-    }
-  ]);
-  return /* @__PURE__ */ a(
-    U,
-    {
-      ...e,
-      ...t,
-      autoScrollOptions: o ? {
-        ...e.autoScrollOptions,
-        playOnInit: !1
-      } : e.autoScrollOptions,
-      ...o ? {
-        [H.PlayState]: "off"
-      } : {},
-      ref: s
-    }
-  );
-};
-d(De, {
-  resolved: c.Marquee,
-  isCanvas: !0,
-  rules: {
-    canMoveIn: (e) => e.every((n) => y(n) == c.MarqueeItem)
-  },
-  info: {
-    displayName: "Marquee"
-  }
-});
-const Ce = ({ children: e, ...n }) => {
-  const { connectors: o } = i(), t = l(), s = p([
-    (r) => {
-      r && o.connect(r);
-    }
-  ]);
-  return /* @__PURE__ */ u(V, { ...n, ...t, ref: s, children: [
-    e,
-    f(e) && /* @__PURE__ */ a(b, {})
-  ] });
-};
-d(Ce, {
-  resolved: c.MarqueeItem,
-  isCanvas: !0,
-  info: {
-    selectable: !1,
-    displayName: "Marquee item"
-  }
-});
-const _e = (e) => {
-  const { connectors: n } = i(), o = p([
-    (t) => {
-      t && n.connect(t);
-    }
-  ]);
-  return /* @__PURE__ */ a($, { ...e, ref: o });
-};
-d(_e, {
-  resolved: c.Tabs,
-  isCanvas: !1,
-  info: {
-    displayName: "Tabs"
-  }
-});
-const Se = (e) => {
-  const { connectors: n } = i(), o = l(), t = p([
-    (s) => {
-      s && n.connect(s);
-    }
-  ]);
-  return /* @__PURE__ */ a(j, { ...e, ...o, ref: t });
-};
-d(Se, {
-  resolved: c.TabList,
-  isCanvas: !0,
-  rules: {
-    canMoveIn: (e) => e.every((n) => y(n) == c.Tab)
-  },
-  info: {
-    selectable: !1,
-    displayName: "Tab list"
-  }
-});
-const Oe = (e) => {
-  const n = l(), { connectors: o } = i(), t = p([
-    (s) => {
-      s && o.connect(s);
-    }
-  ]);
-  return /* @__PURE__ */ a(W, { ...e, ref: t, ...n });
-};
-d(Oe, {
-  resolved: c.Tab,
-  isCanvas: !1,
-  info: {
-    selectable: !1,
-    displayName: "Tab"
-  }
-});
-const Me = (e) => {
-  const { connectors: n } = i(), o = l(), t = p([
-    (s) => {
-      s && n.connect(s);
-    }
-  ]);
-  return /* @__PURE__ */ a(z, { ...e, ...o, ref: t });
-};
-d(Me, {
-  resolved: c.TabContent,
-  isCanvas: !0,
-  rules: {
-    canMoveIn: (e) => e.every((n) => y(n) == c.TabPanel)
-  },
-  info: {
-    selectable: !1,
-    displayName: "Tab content"
-  }
-});
-const Le = ({ children: e, ...n }) => {
-  const { connectors: o } = i(), t = l(), s = p([
-    (r) => {
-      r && o.connect(r);
-    }
-  ]);
-  return /* @__PURE__ */ u(Q, { ...n, ...t, ref: s, children: [
-    e,
-    f(e) && /* @__PURE__ */ a(b, {})
-  ] });
-};
-d(Le, {
-  resolved: c.TabPanel,
-  isCanvas: !0,
-  info: {
-    selectable: !1,
-    displayName: "Tab panel"
-  }
-});
-const we = (e) => {
-  const { connectors: n } = i();
-  return /* @__PURE__ */ a(
-    X,
-    {
-      ...e,
-      ref: (o) => {
-        o && n.connect(o);
-      }
-    }
-  );
-}, ke = "Carousel";
-d(we, {
-  resolved: c.Swiper,
-  isCanvas: !0,
-  rules: {
-    canMoveIn: (e) => e.every((n) => y(n) == c.SwiperSlide)
-  },
-  info: {
-    displayName: ke
-  }
-});
-const Pe = ({ children: e, ...n }) => {
-  const o = l(), { connectors: t } = i(), s = p([
-    (r) => {
-      r && t.connect(r);
-    }
-  ]);
-  return /* @__PURE__ */ u(J, { ...n, ...o, ref: s, children: [
-    e,
-    f(e) && /* @__PURE__ */ a(b, {})
-  ] });
-};
-d(Pe, {
-  resolved: c.SwiperSlide,
-  info: {
-    selectable: !1,
-    displayName: "Swiper Slide"
-  }
-});
-const Re = (e) => {
-  const { connectors: n } = i(), o = p([
-    (t) => {
-      t && n.connect(t);
-    }
-  ]);
-  return /* @__PURE__ */ a(K, { ...e, ref: o });
-};
-d(Re, {
-  resolved: c.UnorderedList,
-  isCanvas: !1,
-  info: {
-    displayName: "Unordered list"
-  }
-});
-const Be = (e) => {
-  const n = l(), { connectors: o } = i(), t = p([
-    (s) => {
-      s && o.connect(s);
-    }
-  ]);
-  return /* @__PURE__ */ a(Y, { ...e, ...n, ref: t });
-};
-d(Be, {
-  isCanvas: !0,
-  resolved: c.ListItem,
-  info: {
-    displayName: "List item",
-    selectable: !1
-  }
-});
-const Fe = (e) => {
-  const { connectors: n } = i(), o = l();
-  return /* @__PURE__ */ a(
-    Z,
-    {
-      ...o,
-      ...e,
-      ref: (t) => {
-        t && n.connect(t);
-      }
-    }
-  );
-};
-d(Fe, {
-  resolved: c.Icon,
-  isCanvas: !1,
-  info: {
-    displayName: "Icon"
-  }
-});
-const qe = (e) => {
-  const { connectors: n } = i(), o = l(), t = p([
-    (s) => {
-      s && n.connect(s);
-    }
-  ]);
-  return /* @__PURE__ */ a(ee, { ...e, ...o, ref: t });
-};
-d(qe, {
-  resolved: c.Accordion,
-  isCanvas: !1,
-  info: {
-    selectable: !1
-  }
-});
-const Ge = ({ children: e, ...n }) => {
-  const { connectors: o } = i(), t = l();
-  return /* @__PURE__ */ u(
-    ne,
-    {
-      ...n,
-      ...t,
-      ref: (s) => {
-        s && o.connect(s);
-      },
-      children: [
-        e,
-        f(e) && /* @__PURE__ */ a(b, { placeholder: Ee })
-      ]
-    }
-  );
-}, Ee = "Accordion summary";
-d(Ge, {
-  resolved: c.AccordionSummary,
-  isCanvas: !0,
-  rules: {
-    canMoveIn: () => !0,
-    canMoveOut: () => !1
-  },
-  info: {
-    selectable: !1
-  }
-});
-const Ue = ({ children: e, ...n }) => {
-  const { connectors: o } = i(), t = l();
-  return /* @__PURE__ */ u(
-    te,
-    {
-      ...n,
-      ...t,
-      containerProps: {
-        ref: (s) => {
-          s && o.connect(s);
-        }
-      },
-      children: [
-        e,
-        f(e) && /* @__PURE__ */ a(b, { placeholder: He })
-      ]
-    }
-  );
-}, He = "Accordion Content";
-d(Ue, {
-  resolved: c.AccordionContent,
-  isCanvas: !0,
-  rules: {
-    canMoveIn: () => !0,
-    canMoveOut: () => !1
-  },
-  info: {
-    selectable: !1
-  }
-});
-const Ve = (e) => {
-  const { connectors: n } = i(), o = l();
-  return /* @__PURE__ */ a(
-    oe,
-    {
-      ...e,
-      ...o,
-      ref: (t) => {
-        t && n.connect(t);
-      }
-    }
-  );
-};
-d(Ve, {
-  resolved: c.AccordionGroup,
-  isCanvas: !0,
-  rules: {
-    canMoveIn: (e) => e.every((n) => y(n) == c.Accordion)
-  },
-  info: {
-    displayName: "Accordion"
-  }
-});
-const $e = ({ ...e }) => {
-  const n = l(), { connectors: o } = i();
-  return /* @__PURE__ */ a(
-    se,
-    {
-      ...e,
-      ref: (t) => {
-        t && o.connect(t);
-      },
-      ...n
-    }
-  );
-};
-d($e, {
-  resolved: c.Video,
-  isCanvas: !1,
-  info: {
-    displayName: "Video"
-  }
-});
-const je = ({ children: e, ...n }) => {
-  const o = l(), { connectors: t } = i();
-  return /* @__PURE__ */ u(
-    ae,
-    {
-      ...n,
-      ...o,
-      ref: (s) => {
-        s && t.connect(s);
-      },
-      children: [
-        e,
-        f(e) && /* @__PURE__ */ a(b, {})
-      ]
-    }
-  );
-};
-d(je, {
-  resolved: c.Box,
-  isCanvas: !0,
-  rules: {
-    canMoveIn: () => !0
-  },
-  info: {
-    displayName: "Block"
-  }
-});
-const We = ({ children: e, ...n }) => {
-  const o = l(), { connectors: t } = i();
-  return /* @__PURE__ */ u(
-    re,
-    {
-      ...n,
-      ...o,
-      ref: (s) => {
-        s && t.connect(s);
-      },
-      children: [
-        e,
-        f(e) && /* @__PURE__ */ a(b, {})
-      ]
-    }
-  );
-};
-d(We, {
-  resolved: c.Container,
-  isCanvas: !0,
-  rules: {
-    canMoveIn: () => !0
-  },
-  info: {
-    displayName: "Container"
-  }
-});
-const ze = ({
-  unitItemProps: e,
-  captionProps: n,
-  timeProps: o,
-  units: t,
-  date: s,
-  hideAfterExpired: r,
-  ...N
-}) => {
-  const { enabled: I } = A((h) => ({
-    enabled: h.options.enabled
-  })), { connectors: C } = i(), M = Object.fromEntries(
-    ["years", "months", "weeks", "days", "hours", "minutes", "seconds"].map((h) => [h, t.every((g) => g.value !== h)])
-  );
-  return /* @__PURE__ */ a(ce, { date: s, omit: M, children: (h) => /* @__PURE__ */ u(
-    _,
-    {
-      ...N,
-      ref: (g) => {
-        g && C.connect(g);
-      },
-      sx: {
-        display: "flex",
-        maxWidth: "100%",
-        ":empty": {
-          display: "none"
-        },
-        ...N?.sx
-      },
-      children: [
-        r && h.isFinished ? /* @__PURE__ */ a(x, { children: I && /* @__PURE__ */ u(
-          "div",
-          {
-            css: {
-              display: "flex",
-              padding: 8,
-              flexDirection: "column",
-              alignItems: "center",
-              gap: 4,
-              backgroundColor: m.palette.light
-            },
-            children: [
-              /* @__PURE__ */ a("p", { children: "Countdown is run out of time" }),
-              /* @__PURE__ */ a(
-                "p",
-                {
-                  css: {
-                    ...m.text.xs,
-                    color: m.palette.ink["5s"]
-                  },
-                  children: "(this only visible in the editor)"
-                }
-              )
-            ]
-          }
-        ) }) : /* @__PURE__ */ u(x, { children: [
-          t.map((g) => {
-            const L = h[g.value];
-            return /* @__PURE__ */ u(
-              _,
-              {
-                ...e,
-                sx: {
-                  display: "flex",
-                  flexDirection: "column",
-                  alignItems: "center",
-                  ...e?.sx
-                },
-                children: [
-                  /* @__PURE__ */ a(D, { ...o, children: L.toString().padStart(2, "0") }),
-                  /* @__PURE__ */ a(D, { ...n, children: g.caption })
-                ]
-              },
-              g.value
-            );
-          }),
-          I && t.length === 0 && /* @__PURE__ */ u(
-            "div",
-            {
-              css: {
-                display: "flex",
-                padding: 8,
-                flexDirection: "column",
-                alignItems: "center",
-                gap: 4,
-                backgroundColor: m.palette.light,
-                width: "100%"
-              },
-              children: [
-                /* @__PURE__ */ a("p", { children: "No units selected" }),
-                /* @__PURE__ */ a(
-                  "p",
-                  {
-                    css: {
-                      ...m.text.xs,
-                      color: m.palette.ink["5s"]
-                    },
-                    children: "(this only visible in the editor)"
-                  }
-                )
-              ]
-            }
-          )
-        ] }),
-        I && t.length === 0 && /* @__PURE__ */ u(
-          "div",
-          {
-            css: {
-              display: "flex",
-              padding: 8,
-              flexDirection: "column",
-              alignItems: "center",
-              gap: 4,
-              backgroundColor: m.palette.light,
-              width: "100%"
-            },
-            children: [
-              /* @__PURE__ */ a("p", { children: "No units selected" }),
-              /* @__PURE__ */ a(
-                "p",
-                {
-                  css: {
-                    ...m.text.xs,
-                    color: m.palette.ink["5s"]
-                  },
-                  children: "(this only visible in the editor)"
-                }
-              )
-            ]
-          }
-        )
-      ]
-    }
-  ) });
-};
-d(ze, {
-  resolved: c.CountdownTimer,
-  isCanvas: !1,
-  info: {
-    displayName: "Countdown timer"
-  }
-});
-export {
-  Ve as A,
-  ge as B,
-  We as C,
-  ye as F,
-  me as G,
-  Ne as H,
-  xe as I,
-  be as L,
-  Ce as M,
-  v as N,
-  he as P,
-  pe as R,
-  we as S,
-  Me as T,
-  ue as U,
-  $e as V,
-  fe as a,
-  qe as b,
-  Ge as c,
-  Ue as d,
-  Te as e,
-  Ie as f,
-  je as g,
-  b as h,
-  ze as i,
-  ve as j,
-  Fe as k,
-  Be as l,
-  De as m,
-  Pe as n,
-  Se as o,
-  Oe as p,
-  Le as q,
-  _e as r,
-  Re as s,
-  O as t,
-  l as u,
-  c as v
-};