@snowcone-app/canvas 0.16.0 → 0.17.0

package/dist/template-fields-GOM4MNfq.js

@@ -0,0 +1,643 @@
+import { useCallback as C, useEffect as et, useMemo as $, useRef as A, useState as _ } from "react";
+import { u as G, c as T, b as H } from "./EditorContext-CyanYzo2.js";
+import { c as nt, y as z, T as B, I as J, z as ot } from "./HybridHistoryManager-Bht98XRv.js";
+import { U as rt } from "./UnifiedFontService-BAtqqkU4.js";
+import { E as P } from "./editorError-DMENTZ-3.js";
+import { a as it, o as E, b as h, n as at, l as b, u as L, c as st } from "./CanvasStateV1-C6i6vU6p.js";
+const X = nt("useCommands");
+function Mt() {
+  const t = G(), {
+    undo: e,
+    redo: n,
+    canUndo: r,
+    canRedo: i,
+    executeElementUpdate: o,
+    executeAddElement: a,
+    executeRemoveElement: s,
+    executeReorderElement: l,
+    executeCommandBatch: c,
+    executeCreateArtboard: m,
+    executeDeleteArtboard: u,
+    executeUpdateArtboard: d
+  } = t, g = C(() => {
+    X.warn("[useCommands] clearHistory is not yet implemented in EditorContext");
+  }, []), N = C((k) => {
+    X.warn("[useCommands] clearArtboardHistory is not yet implemented in EditorContext");
+  }, []);
+  return {
+    // Undo/Redo
+    undo: e,
+    redo: n,
+    canUndo: r,
+    canRedo: i,
+    // History management
+    clearHistory: g,
+    clearArtboardHistory: N,
+    // Command execution
+    executeElementUpdate: o,
+    executeAddElement: a,
+    executeRemoveElement: s,
+    executeReorderElement: l,
+    executeCreateArtboard: m,
+    executeDeleteArtboard: u,
+    executeUpdateArtboard: d,
+    // Batch execution
+    executeCommandBatch: c
+  };
+}
+function Ut() {
+  const { selectedElement: t } = G();
+  return t ?? null;
+}
+const ct = 3e3, K = {
+  text: "useTextBinding",
+  image: "useImageBinding",
+  font: "useFontBinding"
+}, lt = {
+  text: "setText",
+  image: "setImageUrl",
+  font: "setFontFamily"
+}, ft = {
+  text: "text",
+  image: "image",
+  font: "text"
+}, v = /* @__PURE__ */ new Set();
+function V(t) {
+  return t instanceof B ? "text" : t instanceof J ? "image" : "other";
+}
+function ht(t, e, n) {
+  const r = `[${K[t]}]`, i = `the binding is dead (isConnected: false, ${lt[t]} is a no-op)`, o = ft[t], a = n.getAllByName(e);
+  if (a.length > 0) {
+    const c = [...new Set(a.map(V))], m = o === "text" ? "image" : "text", u = c.length === 1 && c[0] === m ? ` Bind it with ${K[m]}("${e}") instead.` : "";
+    return `${r} the layer named "${e}" is ${c.join("/")}, not ${o} — ${i}.${u}`;
+  }
+  const s = n.getAll().filter((c) => c.name).map((c) => `"${c.name}" (${V(c)})`), l = s.length ? `Named layers on this canvas: ${s.join(", ")}. Check the name for a typo.` : `No element on this canvas has a name — name one via design().${o}(…, { name: '${e}' }) or the element's \`name\` property.`;
+  return `${r} no ${o} layer named "${e}" exists — ${i}. ${l}`;
+}
+function M(t, e, n, r) {
+  et(() => {
+    var a;
+    if (r || typeof z > "u" || ((a = z.env) == null ? void 0 : a.NODE_ENV) === "production") return;
+    const i = `${t}:${e}`;
+    if (v.has(i)) return;
+    const o = setTimeout(() => {
+      v.has(i) || (v.add(i), console.warn(ht(t, e, n)));
+    }, ct);
+    return () => clearTimeout(o);
+  }, [t, e, n, r]);
+}
+const dt = () => {
+}, mt = [];
+function Wt(t) {
+  const { elementStore: e } = T(), { executeElementUpdate: n } = H(), r = $(() => e.getAllByName(t).filter((a) => a instanceof B), [e, t]), i = C(
+    (o) => {
+      for (const a of r) {
+        const s = a.clone();
+        s.setText(o), n(a, s);
+      }
+    },
+    [r, n]
+  );
+  return M("text", t, e, r.length > 0), r.length === 0 ? { text: "", setText: dt, element: null, elements: mt, isConnected: !1 } : {
+    text: r[0].getText(),
+    setText: i,
+    element: r[0],
+    elements: r,
+    isConnected: !0
+  };
+}
+const ut = () => {
+}, gt = [];
+function pt(t, e, n) {
+  const r = t / e;
+  if (n >= r) {
+    const i = e, o = i * n, a = t / o;
+    return {
+      width: o,
+      height: i,
+      cropX: (1 - a) / 2,
+      cropY: 0,
+      cropWidth: a,
+      cropHeight: 1
+    };
+  } else {
+    const i = t, o = i / n, a = e / o;
+    return {
+      width: i,
+      height: o,
+      cropX: 0,
+      cropY: (1 - a) / 2,
+      cropWidth: 1,
+      cropHeight: a
+    };
+  }
+}
+function It(t, e) {
+  const n = (e == null ? void 0 : e.fit) ?? "cover", { elementStore: r, setElements: i } = T(), { executeElementUpdate: o } = H(), a = $(() => r.getAllByName(t).filter((g) => g instanceof J), [r, t]), s = A(/* @__PURE__ */ new Map());
+  for (const d of a)
+    if (!s.current.has(d.id)) {
+      const g = d.transformData;
+      s.current.set(d.id, {
+        width: g.width * g.cropWidth,
+        height: g.height * g.cropHeight
+      });
+    }
+  const l = A(a);
+  l.current = a;
+  const c = A(o);
+  c.current = o;
+  const m = A(i);
+  m.current = i;
+  const u = C(
+    (d) => {
+      const g = l.current, N = c.current;
+      for (const k of g) {
+        const W = s.current.get(k.id);
+        if (!W) continue;
+        const { width: I, height: Y } = W, p = k.clone();
+        p.imageLoaded = !1, p.imageElement = null, p.isCropping = !1, p.imageUrl = d, n === "cover" ? (p.preserveDimensions = !0, p.onLoadCallback = (f) => {
+          const D = f.imageAspectRatio || 1, y = pt(I, Y, D);
+          f.transformData.width = y.width, f.transformData.height = y.height, f.transformData.cropX = y.cropX, f.transformData.cropY = y.cropY, f.transformData.cropWidth = y.cropWidth, f.transformData.cropHeight = y.cropHeight, N(k, f);
+        }) : (p.preserveDimensions = !1, p.onLoadCallback = (f) => {
+          const D = f.transformData.width, y = f.transformData.height, S = Math.min(I / D, Y / y, 1);
+          S < 1 && (f.transformData.width = D * S, f.transformData.height = y * S), f.transformData.cropX = 0, f.transformData.cropY = 0, f.transformData.cropWidth = 1, f.transformData.cropHeight = 1, N(k, f);
+        }), p.loadImage(d);
+      }
+    },
+    [n]
+    // Stable deps only — imageElements/executeElementUpdate/setElements accessed via refs
+  );
+  return M("image", t, r, a.length > 0), a.length === 0 ? { imageUrl: "", setImageUrl: ut, element: null, elements: gt, isConnected: !1 } : {
+    imageUrl: a[0].imageUrl,
+    setImageUrl: u,
+    element: a[0],
+    elements: a,
+    isConnected: !0
+  };
+}
+const yt = [];
+function R(t) {
+  let e = t.trim().toUpperCase();
+  return e.length === 4 && e.startsWith("#") && (e = "#" + e[1] + e[1] + e[2] + e[2] + e[3] + e[3]), e;
+}
+function x(t, e) {
+  return typeof t == "string" && R(t) === e;
+}
+function q(t, e) {
+  var r, i, o;
+  const n = t;
+  return x(n.color, e) || x((r = n.transformData) == null ? void 0 : r.fillColor, e) || x((i = n.transformData) == null ? void 0 : i.strokeColor, e) || ((o = n.stroke) == null ? void 0 : o.enabled) === !0 && x(n.stroke.color, e);
+}
+function bt(t, e, n) {
+  var a, s, l;
+  if (!q(t, e)) return null;
+  const r = t.clone(), i = t, o = r;
+  return x(i.color, e) && (typeof o.setColor == "function" ? o.setColor(n) : o.color = n), x((a = i.transformData) == null ? void 0 : a.fillColor, e) && (o.transformData = { ...o.transformData, fillColor: n }), x((s = i.transformData) == null ? void 0 : s.strokeColor, e) && (o.transformData = { ...o.transformData, strokeColor: n }), ((l = i.stroke) == null ? void 0 : l.enabled) === !0 && x(i.stroke.color, e) && (o.stroke = { ...o.stroke, color: n }), r;
+}
+function Yt(t) {
+  const { elementStore: e } = T(), { executeElementUpdate: n } = H(), [r, i] = _(() => R(t)), [o, a] = _(t);
+  t !== o && (a(t), i(R(t)));
+  const s = $(
+    () => e.getAll().filter((c) => q(c, r)),
+    [e, r]
+  ), l = C(
+    (c) => {
+      const m = R(c);
+      if (m !== r) {
+        for (const u of e.getAll()) {
+          const d = bt(u, r, c);
+          d && n(u, d);
+        }
+        i(m);
+      }
+    },
+    [e, r, n]
+  );
+  return s.length === 0 ? { color: r, setColor: l, elements: yt, isConnected: !1 } : { color: r, setColor: l, elements: s, isConnected: !0 };
+}
+const xt = () => {
+}, wt = [];
+function _t(t) {
+  const { elementStore: e } = T(), { executeElementUpdate: n } = H(), r = $(() => e.getAllByName(t).filter((a) => a instanceof B), [e, t]), i = C(
+    (o) => {
+      rt.loadGoogleFontByName(o);
+      for (const a of r) {
+        if (a.fontFamily === o) continue;
+        ot.clearCache(a.fontFamily);
+        const s = a.clone();
+        s.fontFamily = o, n(a, s);
+      }
+    },
+    [r, n]
+  );
+  return M("font", t, e, r.length > 0), r.length === 0 ? { fontFamily: "", setFontFamily: xt, element: null, elements: wt, isConnected: !1 } : {
+    fontFamily: r[0].fontFamily,
+    setFontFamily: i,
+    element: r[0],
+    elements: r,
+    isConnected: !0
+  };
+}
+function zt(t) {
+  const { elementStore: e } = T();
+  return t ? e.getByName(t) ?? null : null;
+}
+const Ct = 1;
+function w(t) {
+  return typeof t == "number" && Number.isFinite(t) ? Math.round(t * 100) / 100 : t;
+}
+function Q(t) {
+  return {
+    ...t,
+    ...t.x !== void 0 && { x: w(t.x) },
+    ...t.y !== void 0 && { y: w(t.y) },
+    ...t.width !== void 0 && { width: w(t.width) },
+    ...t.height !== void 0 && { height: w(t.height) },
+    ...t.rotation !== void 0 && { rotation: w(t.rotation) }
+  };
+}
+function kt(t) {
+  var r;
+  const e = (r = t.artboards) != null && r.length ? t.artboards : [{ name: "Front", width: 800, height: 800 }], n = e.map(() => []);
+  for (const i of t.elements || []) {
+    const o = i == null ? void 0 : i.artboard, a = typeof o == "string" ? e.findIndex((s) => (s.name || "Front") === o) : -1;
+    n[a >= 0 ? a : 0].push(Et(i));
+  }
+  return {
+    schemaVersion: Ct,
+    artboards: e.map((i, o) => ({
+      id: `artboard-${o + 1}`,
+      name: i.name || "Front",
+      x: 0,
+      y: 0,
+      width: w(i.width || 800),
+      height: w(i.height || 800),
+      backgroundColor: i.backgroundColor || "transparent",
+      // Pass the artboard's flag through — the server worker only paints the
+      // background when this is true. Hardcoding `false` here silently dropped
+      // explicitly-set artboard backgrounds from every realtime mockup while
+      // the editor kept showing them (WYSIWYG drift).
+      exportBackground: i.exportBackground ?? !1,
+      elements: n[o],
+      distressTexture: i.distressTexture,
+      imageMask: i.imageMask
+    }))
+  };
+}
+function Et(t) {
+  const e = t.type || t.transformType;
+  if (e === "image")
+    return Tt(t);
+  const { artboard: n, ...r } = t;
+  return Q({
+    ...r,
+    type: e
+  });
+}
+function Tt(t) {
+  var c;
+  const e = t.transformData || {}, n = t.masks && t.masks.length > 0, r = e.width || 0, i = e.height || 0, o = n ? r : r * (e.cropWidth ?? 1), a = n ? i : i * (e.cropHeight ?? 1), s = {
+    id: t.id,
+    type: "image",
+    x: t.x || 0,
+    y: t.y || 0,
+    width: o,
+    height: a,
+    rotation: t.rotation || 0,
+    imageUrl: t.imageUrl,
+    imageAspectRatio: t.imageAspectRatio
+  };
+  return !n && (e.cropX !== 0 || e.cropY !== 0 || e.cropWidth !== 1 || e.cropHeight !== 1) && (s.cropX = e.cropX, s.cropY = e.cropY, s.cropWidth = e.cropWidth, s.cropHeight = e.cropHeight, s.needsCropPixelConversion = !0), e.flipHorizontal && (s.flipHorizontal = e.flipHorizontal), e.flipVertical && (s.flipVertical = e.flipVertical), e.borderRadius && (s.borderRadius = e.borderRadius), t.opacity !== void 0 && (s.opacity = t.opacity), t.distressEffect && (s.distressEffect = t.distressEffect), ((c = t.masks) == null ? void 0 : c.length) > 0 && (s.masks = t.masks), t.blendMode && (s.blendMode = t.blendMode), t.knockoutParts && (s.knockoutParts = t.knockoutParts), t.stroke && (s.stroke = t.stroke), Q(s);
+}
+const j = "center", Z = Symbol.for("snowcone.canvas.layerToken");
+function Pt(t) {
+  return typeof t == "object" && t !== null && t[Z] === !0 && typeof t.name == "string" && (t.kind === "text" || t.kind === "image");
+}
+function Nt(t, e) {
+  return Object.freeze({ kind: t, name: e, [Z]: !0 });
+}
+function O(t) {
+  const e = t.transformType;
+  return e === "image" ? "image" : e === "shape" || e === "group" || e === "path" ? null : "text";
+}
+function Dt(t) {
+  return t === "top-left" || t === "left" || t === "bottom-left" ? "left" : t === "top-right" || t === "right" || t === "bottom-right" ? "right" : "center";
+}
+function At(t) {
+  return t === "top-left" || t === "top" || t === "top-right" ? "top" : t === "bottom-left" || t === "bottom" || t === "bottom-right" ? "bottom" : "middle";
+}
+function F(t, e, n, r, i, o) {
+  const a = Dt(t), s = At(t), l = a === "left" ? e / 2 + o : a === "right" ? r - e / 2 - o : r / 2, c = s === "top" ? n / 2 + o : s === "bottom" ? i - n / 2 - o : i / 2;
+  return { x: l, y: c };
+}
+function Rt(t, e, n) {
+  const r = e / n;
+  if (t >= r) {
+    const a = n * t, s = e / a;
+    return {
+      width: a,
+      height: n,
+      cropX: (1 - s) / 2,
+      cropY: 0,
+      cropWidth: s,
+      cropHeight: 1
+    };
+  }
+  const i = e / t, o = n / i;
+  return {
+    width: e,
+    height: i,
+    cropX: 0,
+    cropY: (1 - o) / 2,
+    cropWidth: 1,
+    cropHeight: o
+  };
+}
+class U {
+  constructor(e) {
+    if (this.els = [], this.idCounter = 0, !(e.width > 0) || !(e.height > 0))
+      throw new Error("design(): artboard width and height must be positive numbers");
+    this.artboard = {
+      name: e.name || "Front",
+      width: e.width,
+      height: e.height,
+      backgroundColor: e.backgroundColor
+    };
+  }
+  /**
+   * Seed a builder from a previously saved canvas state — the editor shape
+   * `<SnowconeCanvas onChange>` emits (and `toJSON()` produces).
+   *
+   * This is how a saved editable template re-enters the turnkey embed path:
+   * load the template's state JSON, lift it back into a `DesignBuilder`, and
+   * hand it to `<RealtimeEmbed design={…}>`. The active artboard becomes the
+   * builder's artboard; elements tagged for other artboards are skipped
+   * (untagged elements are assumed to belong to the active one).
+   */
+  static fromState(e) {
+    const n = e.artboards.find((i) => i.name === e.activeArtboard) ?? e.artboards[0];
+    if (!n)
+      throw new Error("DesignBuilder.fromState(): state has no artboards");
+    const r = new U({
+      name: n.name,
+      width: n.width,
+      height: n.height,
+      backgroundColor: n.backgroundColor
+    });
+    for (const i of e.elements)
+      i.artboard && i.artboard !== n.name || r.els.push({ ...i });
+    return r;
+  }
+  nextId(e) {
+    return `${e}-${++this.idCounter}`;
+  }
+  background(e, n = {}) {
+    const { width: r, height: i } = this.artboard;
+    let o;
+    if (n.aspectRatio && n.aspectRatio > 0) {
+      const s = Rt(n.aspectRatio, r, i);
+      o = {
+        type: "image",
+        width: s.width,
+        height: s.height,
+        cropX: s.cropX,
+        cropY: s.cropY,
+        cropWidth: s.cropWidth,
+        cropHeight: s.cropHeight,
+        flipHorizontal: !1,
+        flipVertical: !1,
+        borderRadius: 0
+      };
+    } else
+      o = {
+        type: "image",
+        width: r,
+        height: i,
+        cropX: 0,
+        cropY: 0,
+        cropWidth: 1,
+        cropHeight: 1,
+        flipHorizontal: !1,
+        flipVertical: !1,
+        borderRadius: 0
+      };
+    const a = {
+      id: this.nextId("bg"),
+      transformType: "image",
+      x: r / 2,
+      y: i / 2,
+      rotation: 0,
+      opacity: n.opacity ?? 1,
+      imageUrl: e,
+      imageAspectRatio: n.aspectRatio,
+      transformData: o,
+      name: n.name ?? "Background"
+    };
+    return this.els.unshift(a), this;
+  }
+  image(e, n = {}) {
+    const { width: r, height: i } = this.artboard, o = n.width ?? Math.round(r / 3), a = n.height ?? (n.aspectRatio ? Math.round(o / n.aspectRatio) : o), { x: s, y: l } = F(n.anchor ?? j, o, a, r, i, n.padding ?? 0), c = {
+      id: this.nextId("img"),
+      transformType: "image",
+      x: s,
+      y: l,
+      rotation: n.rotation ?? 0,
+      opacity: n.opacity ?? 1,
+      imageUrl: e,
+      imageAspectRatio: n.aspectRatio,
+      transformData: {
+        type: "image",
+        width: o,
+        height: a,
+        cropX: 0,
+        cropY: 0,
+        cropWidth: 1,
+        cropHeight: 1,
+        flipHorizontal: !1,
+        flipVertical: !1,
+        borderRadius: 0
+      },
+      ...n.name ? { name: n.name } : {}
+    };
+    return this.els.push(c), this;
+  }
+  text(e, n = {}) {
+    const { width: r, height: i } = this.artboard, o = n.fontSize ?? Math.round(this.artboard.height / 12), { x: a, y: s } = F(n.anchor ?? "top", 0, o, r, i, n.padding ?? Math.round(i / 20)), l = {
+      id: this.nextId("text"),
+      transformType: "custom",
+      x: a,
+      y: s,
+      rotation: n.rotation ?? 0,
+      text: e,
+      fontSize: o,
+      fontFamily: n.fontFamily ?? "Anton",
+      color: n.color ?? "#ffffff",
+      textAlign: n.textAlign ?? "center",
+      bold: n.bold ?? !1,
+      italic: n.italic ?? !1,
+      transformData: { type: "custom" },
+      ...n.name ? { name: n.name } : {}
+    };
+    return this.els.push(l), this;
+  }
+  /**
+   * Mint a {@link LayerToken} for a named layer — the only currency
+   * `Editor.TextField` accepts (ADR-0085 §1). Compile time: `name` is
+   * constrained to this design's declared layer names, kind inferred from
+   * which per-kind union it falls in. Runtime: validated EAGERLY against the
+   * built elements (nearest the mistake), so CMS/JSON-loaded designs get the
+   * same protection with `string` typing.
+   *
+   * @throws EditorError `E_LAYER_NOT_FOUND` — no layer with this name; lists
+   *   the valid names per kind.
+   * @throws EditorError `E_LAYER_WRONG_KIND` — the name matches a layer that
+   *   is not bindable (shape/group/path).
+   * @experimental ADR-0085; subject to change until the P4 gate.
+   */
+  layer(e) {
+    const n = this.els.find((i) => i.name === e);
+    if (!n) {
+      const i = this.layerNamesOfKind("text"), o = this.layerNamesOfKind("image");
+      throw new P(
+        "E_LAYER_NOT_FOUND",
+        `no layer "${e}" in this design. Text layers: ${JSON.stringify(i)}; image layers: ${JSON.stringify(o)}. Fix the name, or add the layer first — e.g. design(…).text('…', { name: '${e}' }).`,
+        { layerName: e, validNames: [...i, ...o], textNames: i, imageNames: o, docSlug: "embed-mode" }
+      );
+    }
+    const r = O(n);
+    if (!r)
+      throw new P(
+        "E_LAYER_WRONG_KIND",
+        `layer "${e}" is a ${n.transformType} element — only text and image layers are bindable. Bindable layers: ${JSON.stringify([...this.layerNamesOfKind("text"), ...this.layerNamesOfKind("image")])}.`,
+        { layerName: e, actualType: n.transformType, docSlug: "embed-mode" }
+      );
+    return Nt(r, e);
+  }
+  /** Names of bindable layers of one kind, in stack order. @internal */
+  layerNamesOfKind(e) {
+    return this.els.filter((n) => O(n) === e).map((n) => n.name).filter((n) => !!n);
+  }
+  /** An anchored vector shape. */
+  shape(e, n = {}) {
+    const { width: r, height: i } = this.artboard, o = n.size ?? Math.round(r / 6), a = typeof o == "number" ? o : o.width, s = typeof o == "number" ? o : o.height, { x: l, y: c } = F(n.anchor ?? j, a, s, r, i, n.padding ?? 0), m = {
+      type: "shape",
+      shapeType: e,
+      width: a,
+      height: s,
+      fillColor: n.fill ?? "#000000",
+      fillOpacity: n.opacity ?? 1,
+      ...n.points !== void 0 ? { points: n.points } : {},
+      ...n.sides !== void 0 ? { sides: n.sides } : {}
+    }, u = {
+      id: this.nextId("shape"),
+      transformType: "shape",
+      x: l,
+      y: c,
+      rotation: n.rotation ?? 0,
+      transformData: m,
+      ...n.name ? { name: n.name } : {}
+    };
+    return this.els.push(u), this;
+  }
+  /** The composed elements, in render order (background first). Editor shape. */
+  get elements() {
+    return this.els.map((e) => ({ ...e }));
+  }
+  /** Editor-shape canvas state for `<SnowconeCanvas initialElements=… />` and
+   *  `serializeStateForServer`. `activeArtboard` is the artboard name. */
+  toJSON() {
+    return {
+      elements: this.elements,
+      artboards: [{
+        name: this.artboard.name,
+        width: this.artboard.width,
+        height: this.artboard.height,
+        // A background set on a design is part of the design: flag it
+        // renderable so exports and server renders paint it, matching the
+        // editor (the export worker skips it without `exportBackground`).
+        ...this.artboard.backgroundColor ? {
+          backgroundColor: this.artboard.backgroundColor,
+          exportBackground: this.artboard.backgroundColor !== "transparent"
+        } : {}
+      }],
+      activeArtboard: this.artboard.name
+    };
+  }
+  /** Server-render payload for `RenderSession.renderState(placement, …)`.
+   *  Equivalent to `serializeStateForServer(design.toJSON())`. */
+  toServerRequest() {
+    return kt(this.toJSON());
+  }
+}
+function Lt(t) {
+  return new U(t);
+}
+function Xt(t) {
+  return O(t);
+}
+const tt = "personalization", $t = it("type", [
+  E({
+    type: b("text"),
+    name: h().min(1),
+    label: h(),
+    placeholder: h().optional(),
+    maxLength: at().int().positive().optional(),
+    group: h().optional()
+  }),
+  E({
+    type: b("image"),
+    name: h().min(1),
+    label: h(),
+    placeholder: h().optional(),
+    fit: L([b("cover"), b("contain")]).optional(),
+    group: h().optional()
+  }),
+  E({
+    type: b("color"),
+    color: h().min(1),
+    label: h(),
+    group: h().optional()
+  }),
+  E({
+    type: b("select"),
+    name: h().min(1),
+    label: h(),
+    property: L([b("text"), b("imageUrl"), b("fontFamily")]),
+    options: st(E({ label: h(), value: h() })).min(1),
+    group: h().optional()
+  })
+]);
+function Kt(t) {
+  if (!t || typeof t != "object") return [];
+  const e = t[tt];
+  if (!Array.isArray(e)) return [];
+  const n = [];
+  for (const r of e) {
+    if (!r || typeof r != "object") continue;
+    const i = "type" in r ? r : { ...r, type: "text" }, o = $t.safeParse(i);
+    o.success && n.push(o.data);
+  }
+  return n;
+}
+function Vt(t, e) {
+  return { ...t, [tt]: e };
+}
+export {
+  Ct as C,
+  U as D,
+  tt as T,
+  Mt as a,
+  zt as b,
+  _t as c,
+  Lt as d,
+  It as e,
+  Ut as f,
+  Wt as g,
+  Pt as i,
+  Xt as l,
+  Kt as r,
+  kt as s,
+  Yt as u,
+  Vt as w
+};
+//# sourceMappingURL=template-fields-GOM4MNfq.js.map