@janbox/storefront-builder 2.0.1 → 2.0.2

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

@@ -0,0 +1,913 @@
+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
+};