@instructure/platform-block-content-editor 0.3.1

package/dist/index.js

@@ -0,0 +1,1385 @@
+import { jsx as d, jsxs as S, Fragment as ze } from "react/jsx-runtime";
+import { sanitizeHtml as Re } from "@instructure/platform-sanitize";
+import { Flex as J } from "@instructure/ui-flex";
+import { Heading as ne } from "@instructure/ui-heading";
+import { Text as z } from "@instructure/ui-text";
+import { ToggleDetails as We } from "@instructure/ui-toggle-details";
+import { View as f } from "@instructure/ui-view";
+import { createContext as G, useContext as B, useState as F, useMemo as O } from "react";
+import { IconArrowOpenDownSolid as ue, IconArrowOpenEndSolid as $e, IconArrowOpenUpSolid as Ue } from "@instructure/ui-icons";
+import { z as a } from "zod";
+import { Img as qe } from "@instructure/ui-img";
+import { Spinner as Ge } from "@instructure/ui-spinner";
+const Xe = G(void 0), X = () => B(Xe), Qe = G(!1), _ = () => B(Qe), Ce = G(
+  void 0
+);
+function mt({
+  translations: e,
+  translate: o,
+  children: r
+}) {
+  const t = { translations: e, translate: o };
+  return /* @__PURE__ */ d(Ce.Provider, { value: t, children: r });
+}
+function E() {
+  const e = B(Ce);
+  if (!e)
+    throw new Error("useTranslations must be used within TranslationsProvider");
+  return e;
+}
+const N = { overflowWrap: "break-word" };
+function Ke(e, o, r) {
+  return Math.min(r, Math.max(o, e));
+}
+function ee(e) {
+  const o = e.trim(), r = /^#?([\da-f]{3}|[\da-f]{6})$/i.exec(o);
+  if (r) {
+    let n = r[1];
+    return n.length === 3 && (n = n[0] + n[0] + n[1] + n[1] + n[2] + n[2]), {
+      r: Number.parseInt(n.slice(0, 2), 16),
+      g: Number.parseInt(n.slice(2, 4), 16),
+      b: Number.parseInt(n.slice(4, 6), 16)
+    };
+  }
+  const t = /^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*[\d.]+\s*)?\)$/i.exec(o);
+  if (t)
+    return { r: Number(t[1]), g: Number(t[2]), b: Number(t[3]) };
+  throw new Error(`Unsupported color format: "${e}". Use hex or rgb()/rgba().`);
+}
+const oe = (e) => Math.round(Ke(e, 0, 255)).toString(16).padStart(2, "0");
+function he({ r: e, g: o, b: r }) {
+  return `#${oe(e)}${oe(o)}${oe(r)}`;
+}
+function Ye({ r: e, g: o, b: r }) {
+  const t = e / 255, n = o / 255, i = r / 255, c = Math.max(t, n, i), u = Math.min(t, n, i), s = (c + u) / 2;
+  if (c === u)
+    return { h: 0, s: 0, l: s };
+  const l = c - u, h = s > 0.5 ? l / (2 - c - u) : l / (c + u);
+  let p;
+  switch (c) {
+    case t:
+      p = (n - i) / l + (n < i ? 6 : 0);
+      break;
+    case n:
+      p = (i - t) / l + 2;
+      break;
+    default:
+      p = (t - n) / l + 4;
+  }
+  return { h: p / 6, s: h, l: s };
+}
+function W(e, o, r) {
+  if (o === 0) {
+    const c = Math.round(r * 255);
+    return { r: c, g: c, b: c };
+  }
+  const t = (c, u, s) => {
+    let l = s;
+    return l < 0 && (l += 1), l > 1 && (l -= 1), l < 1 / 6 ? c + (u - c) * 6 * l : l < 1 / 2 ? u : l < 2 / 3 ? c + (u - c) * (2 / 3 - l) * 6 : c;
+  }, n = r < 0.5 ? r * (1 + o) : r + o - r * o, i = 2 * r - n;
+  return {
+    r: Math.round(t(i, n, e + 1 / 3) * 255),
+    g: Math.round(t(i, n, e) * 255),
+    b: Math.round(t(i, n, e - 1 / 3) * 255)
+  };
+}
+function pe({ r: e, g: o, b: r }) {
+  const t = (n) => {
+    const i = n / 255;
+    return i <= 0.03928 ? i / 12.92 : ((i + 0.055) / 1.055) ** 2.4;
+  };
+  return 0.2126 * t(e) + 0.7152 * t(o) + 0.0722 * t(r);
+}
+function H(e, o) {
+  const r = pe(e), t = pe(o), n = Math.max(r, t), i = Math.min(r, t);
+  return (n + 0.05) / (i + 0.05);
+}
+const Je = 0.9, fe = 0.985, Fe = 0.85, eo = 0.55, ge = 0.03, be = 5e-3, oo = "#000000", to = "#FFFFFF", te = (e) => Math.round(e * 100) / 100;
+function ro(e, o) {
+  const {
+    minTextContrast: r,
+    minVariantContrast: t,
+    darkText: n = oo,
+    lightText: i = to,
+    lightLightness: c = Je,
+    darkLightness: u = eo
+  } = o, { h: s, s: l } = Ye(ee(e)), h = ee(n), p = ee(i), b = Math.min(l, Fe);
+  let v = c, k = W(s, b, v);
+  for (; H(h, k) < r && v < fe; )
+    v = Math.min(fe, v + be), k = W(s, b, v);
+  let y = u, R = W(s, l, y);
+  const L = () => H(p, R) >= r && H(k, R) >= t;
+  for (; !L() && y > ge; )
+    y = Math.max(ge, y - be), R = W(s, l, y);
+  return {
+    light: {
+      color: he(k),
+      textColor: n,
+      contrast: te(H(h, k))
+    },
+    dark: {
+      color: he(R),
+      textColor: i,
+      contrast: te(H(p, R))
+    },
+    variantContrast: te(H(k, R))
+  };
+}
+const me = {
+  /** AA, normal-size text (below 18pt, or 14pt bold). */
+  AA_NORMAL_TEXT: 4.5,
+  /** 1.4.11, UI components and graphical objects against adjacent colors. */
+  NON_TEXT: 3
+}, no = 0.3, io = "#273540";
+function ao(e) {
+  return ro(e, {
+    minTextContrast: me.AA_NORMAL_TEXT,
+    minVariantContrast: me.NON_TEXT,
+    darkLightness: no,
+    darkText: io
+  });
+}
+function Z(e, o) {
+  if (e)
+    try {
+      const { light: r, dark: t } = ao(e), n = o === "light" ? r : t;
+      return { color: n.color, textColor: n.textColor };
+    } catch {
+      return;
+    }
+}
+function ie(e) {
+  return {
+    decoration: {
+      background: "brand",
+      borderWidth: "0",
+      borderColor: void 0,
+      textColor: "primary"
+    },
+    viewThemeOverride: { backgroundBrand: e.color },
+    textThemeOverride: { primaryColor: e.textColor }
+  };
+}
+function Se(e, o) {
+  return {
+    decoration: { background: "transparent", borderWidth: o, borderColor: "brand" },
+    viewThemeOverride: { borderColorBrand: e.color }
+  };
+}
+function w(e, o) {
+  const { textColor: r, ...t } = e.decoration;
+  return {
+    view: {
+      ...t,
+      borderRadius: o.borderRadius,
+      padding: o.padding,
+      themeOverride: e.viewThemeOverride
+    },
+    text: { color: r, themeOverride: e.textThemeOverride }
+  };
+}
+const $ = {
+  light: { background: "brand", borderColor: "brand", inverseText: !0 },
+  dark: { background: "primary-inverse", borderColor: "primary", inverseText: !0 },
+  neutral: { background: "secondary", borderColor: "secondary", inverseText: !1 }
+}, so = {
+  light: "brand",
+  dark: "primary",
+  neutral: "secondary"
+}, U = {
+  togglePadding: "0",
+  iconMargin: "0",
+  toggleFocusBorderColor: "transparent"
+}, M = "small", co = (e, o) => {
+  var r, t;
+  return {
+    ...U,
+    textColor: (t = (r = o.colors) == null ? void 0 : r.contrasts) == null ? void 0 : t.white1010
+  };
+};
+function lo(e, o, r) {
+  const t = o === "neutral" ? void 0 : Z(r, o);
+  if (e === "solid")
+    return {
+      item: t ? {
+        background: "brand",
+        borderColor: "brand",
+        themeOverride: { backgroundBrand: t.color, borderColorBrand: t.color }
+      } : {
+        background: $[o].background,
+        borderColor: $[o].borderColor
+      },
+      // The ring sits on the fill, so it reuses the accessible color already paired with
+      // that surface: the brand variant's own text color, or the inverse token when the
+      // un-branded fill is dark enough to need light text.
+      header: t ? { padding: M, themeOverride: { focusColorInfo: t.textColor } } : $[o].inverseText ? { padding: M, focusColor: "inverse" } : { padding: M },
+      // The surface change is the divider here, so no border of its own.
+      content: { background: "primary", borderWidth: "0", padding: M },
+      toggle: t ? { ...U, textColor: t.textColor } : $[o].inverseText ? co : U
+    };
+  const n = t ? "brand" : so[o], i = t ? { borderColorBrand: t.color } : void 0;
+  return {
+    item: { background: "transparent", borderColor: n, themeOverride: i },
+    // Transparent surface, so InstUI's default `info` ring already contrasts.
+    header: { padding: M },
+    content: {
+      background: "transparent",
+      borderColor: n,
+      borderWidth: "small none none none",
+      padding: M,
+      themeOverride: i
+    },
+    toggle: U
+  };
+}
+function uo({
+  index: e,
+  count: o,
+  connection: r,
+  cornerStyle: t
+}) {
+  const n = t === "rounded" ? "large" : "0", i = e === 0, c = e === o - 1, u = `${n} ${n} 0 0`;
+  return r === "separated" ? {
+    borderWidth: "small",
+    borderRadius: n,
+    margin: i ? "none" : "small none none none",
+    contentBorderRadius: `0 0 ${n} ${n}`,
+    headerBorderRadius: u
+  } : {
+    borderWidth: i ? "small" : "none small small small",
+    borderRadius: i && c ? n : i ? `${n} ${n} 0 0` : c ? `0 0 ${n} ${n}` : "0",
+    margin: "none",
+    contentBorderRadius: c ? `0 0 ${n} ${n}` : "0",
+    headerBorderRadius: i ? u : "0"
+  };
+}
+function ho(e) {
+  return e === "center" ? { closedIcon: $e, openIcon: ue } : { closedIcon: ue, openIcon: Ue };
+}
+function po(e) {
+  return e === "right" ? "row" : "row-reverse";
+}
+const ve = () => /* @__PURE__ */ d(ze, {});
+function vt({
+  title: e,
+  variant: o = "h2",
+  supportingText: r,
+  items: t = [],
+  accordionStyle: n = "outline",
+  colorTheme: i = "light",
+  connection: c = "connected",
+  cornerStyle: u = "rounded",
+  dropdownPlacement: s = "left",
+  dropdownDirection: l = "down",
+  editingItemId: h
+}) {
+  const p = _(), { translations: b, translate: v } = E(), k = X(), [y, R] = F(
+    new Set(h !== void 0 ? [h] : [])
+  ), [L, Q] = F(h), [P, V] = F(null);
+  h !== L && (Q(h), R((m) => {
+    const T = new Set(m);
+    return L !== void 0 && T.delete(L), h !== void 0 && T.add(h), T;
+  }));
+  const K = (m) => {
+    R((T) => {
+      const C = new Set(T);
+      return C.has(m) ? C.delete(m) : C.add(m), C;
+    });
+  }, {
+    item: j,
+    header: De,
+    content: Pe,
+    toggle: He
+  } = O(
+    () => lo(n, i, k),
+    [n, i, k]
+  ), { closedIcon: Me, openIcon: Ze } = O(
+    () => ho(l),
+    [l]
+  ), Be = JSON.stringify(t.map((m) => m.content)), Ve = O(
+    () => t.map((m) => Re(m.content)),
+    // eslint-disable-next-line react/exhaustive-deps -- keyed by content, not identity
+    [Be]
+  ), je = po(s), ce = (e || r) && /* @__PURE__ */ S(f, { as: "div", margin: "none none medium none", children: [
+    e && /* @__PURE__ */ d(ne, { level: o, children: e }),
+    r && /* @__PURE__ */ d(z, { as: "p", color: "secondary", children: r })
+  ] });
+  return t.length === 0 ? /* @__PURE__ */ d(f, { as: "div", className: "bce-block bce-block-accordion", children: /* @__PURE__ */ S("div", { style: N, children: [
+    ce,
+    p && /* @__PURE__ */ d(
+      f,
+      {
+        as: "div",
+        ...j,
+        borderWidth: "small",
+        borderRadius: u === "rounded" ? "large" : "0",
+        padding: "medium",
+        textAlign: "center",
+        children: /* @__PURE__ */ d(z, { color: "secondary", children: b.accordionPlaceholder })
+      }
+    )
+  ] }) }) : /* @__PURE__ */ d(f, { as: "div", className: "bce-block bce-block-accordion", children: /* @__PURE__ */ S("div", { style: N, children: [
+    ce,
+    t.map((m, T) => {
+      const C = uo({
+        index: T,
+        count: t.length,
+        connection: c,
+        cornerStyle: u
+      }), le = p && !m.title && !m.content, Y = y.has(m.id);
+      return /* @__PURE__ */ d(
+        f,
+        {
+          as: "div",
+          ...j,
+          borderWidth: C.borderWidth,
+          borderRadius: C.borderRadius,
+          margin: C.margin,
+          children: /* @__PURE__ */ d(
+            We,
+            {
+              variant: "default",
+              fluidWidth: !0,
+              expanded: Y,
+              onToggle: () => K(m.id),
+              onFocus: () => V(m.id),
+              onBlur: () => V(null),
+              icon: ve,
+              iconExpanded: ve,
+              themeOverride: He,
+              summary: /* @__PURE__ */ d(
+                f,
+                {
+                  as: "span",
+                  display: "block",
+                  ...De,
+                  borderRadius: Y ? C.headerBorderRadius : C.borderRadius,
+                  withFocusOutline: P === m.id,
+                  focusPosition: "inset",
+                  children: /* @__PURE__ */ S(J, { direction: je, gap: "x-small", children: [
+                    /* @__PURE__ */ d(J.Item, { shouldGrow: !0, shouldShrink: !0, children: le ? v("accordionItemPlaceholderTitle", { index: T + 1 }) : m.title }),
+                    /* @__PURE__ */ d(J.Item, { children: Y ? /* @__PURE__ */ d(Ze, {}) : /* @__PURE__ */ d(Me, {}) })
+                  ] })
+                }
+              ),
+              children: /* @__PURE__ */ d(f, { as: "div", ...Pe, borderRadius: C.contentBorderRadius, children: le ? /* @__PURE__ */ d(z, { color: "secondary", children: b.accordionItemPlaceholderContent }) : /* @__PURE__ */ d(
+                "div",
+                {
+                  dangerouslySetInnerHTML: { __html: Ve[T] ?? "" }
+                }
+              ) })
+            }
+          )
+        },
+        m.id
+      );
+    })
+  ] }) });
+}
+function g(e) {
+  if (!e)
+    return {};
+  try {
+    const o = JSON.parse(e);
+    if (typeof o == "object" && o !== null)
+      return o;
+  } catch {
+    return { description: e };
+  }
+  return {};
+}
+function x(e) {
+  return JSON.stringify(e);
+}
+a.ZodType.prototype.zodLabel = function(e) {
+  const o = g(this.description);
+  return this.describe(
+    x({
+      ...o,
+      label: e
+    })
+  );
+};
+a.ZodType.prototype.zodPlaceholder = function(e) {
+  const o = g(this.description);
+  return this.describe(
+    x({
+      ...o,
+      placeholder: e
+    })
+  );
+};
+a.ZodType.prototype.zodHelp = function(e) {
+  const o = g(this.description);
+  return this.describe(
+    x({
+      ...o,
+      help: e
+    })
+  );
+};
+a.ZodType.prototype.zodHidden = function(e = !0) {
+  const o = g(this.description);
+  return this.describe(
+    x({
+      ...o,
+      hidden: e
+    })
+  );
+};
+a.ZodType.prototype.zodTextarea = function(e = !0) {
+  const o = g(this.description);
+  return this.describe(
+    x({
+      ...o,
+      textarea: e
+    })
+  );
+};
+a.ZodType.prototype.zodRichText = function(e = !0) {
+  const o = g(this.description);
+  return this.describe(
+    x({
+      ...o,
+      richtext: e
+    })
+  );
+};
+a.ZodType.prototype.zodRange = function(e) {
+  const o = g(this.description);
+  return this.describe(
+    x({
+      ...o,
+      range: e
+    })
+  );
+};
+a.ZodType.prototype.zodCodeEditor = function(e = !0) {
+  const o = g(this.description);
+  return this.describe(
+    x({
+      ...o,
+      codeeditor: e
+    })
+  );
+};
+a.ZodType.prototype.zodImage = function(e = !0) {
+  const o = g(this.description);
+  return this.describe(
+    x({
+      ...o,
+      image: e
+    })
+  );
+};
+a.ZodType.prototype.zodVideo = function(e = !0) {
+  const o = g(this.description);
+  return this.describe(
+    x({
+      ...o,
+      video: e
+    })
+  );
+};
+a.ZodType.prototype.zodHiddenWhen = function(e) {
+  const o = g(this.description), r = o.hiddenWhen;
+  let t;
+  return r ? t = [...Array.isArray(r) ? r : [r], e] : t = e, this.describe(
+    x({
+      ...o,
+      hiddenWhen: t
+    })
+  );
+};
+a.ZodType.prototype.zodDisabledWhen = function(e) {
+  const o = g(this.description), r = o.disabledWhen;
+  let t;
+  return r ? t = [...Array.isArray(r) ? r : [r], e] : t = e, this.describe(
+    x({
+      ...o,
+      disabledWhen: t
+    })
+  );
+};
+a.ZodType.prototype.zodItemLabel = function(e) {
+  const o = g(this.description);
+  return this.describe(
+    x({
+      ...o,
+      itemLabel: e
+    })
+  );
+};
+a.ZodType.prototype.zodItemName = function(e) {
+  const o = g(this.description);
+  return this.describe(
+    x({
+      ...o,
+      itemName: e
+    })
+  );
+};
+a.ZodType.prototype.zodManageLayer = function(e) {
+  const o = g(this.description);
+  return this.describe(
+    x({
+      ...o,
+      manageLayer: e
+    })
+  );
+};
+a.ZodType.prototype.zodAnswers = function(e = !0) {
+  const o = g(this.description);
+  return this.describe(
+    x({
+      ...o,
+      answers: e
+    })
+  );
+};
+a.ZodType.prototype.zodAltText = function(e = !0) {
+  const o = g(this.description);
+  return this.describe(
+    x({
+      ...o,
+      altText: e
+    })
+  );
+};
+function de(e) {
+  const o = e._def.typeName;
+  return o === "ZodOptional" || o === "ZodDefault" || o === "ZodNullable" || o === "ZodCatch" ? de(e._def.innerType) : e;
+}
+var fo = /* @__PURE__ */ ((e) => (e.TEXT = "text", e.TEXTAREA = "textarea", e.NUMBER = "number", e.RANGE = "range", e.BOOLEAN = "boolean", e.SELECT = "select", e.RICHTEXT = "richtext", e.IMAGE = "image", e.VIDEO = "video", e.ALTTEXT = "alttext", e.ASSET = "asset", e.ARRAY = "array", e.CODEEDITOR = "codeeditor", e.OBJECT = "object", e.ANSWERS = "answers", e.UNKNOWN = "unknown", e))(fo || {});
+function q(e) {
+  const o = g(e.description);
+  if (o.range)
+    return "range";
+  if (o.textarea)
+    return "textarea";
+  if (o.richtext)
+    return "richtext";
+  if (o.codeeditor)
+    return "codeeditor";
+  if (o.image)
+    return "image";
+  if (o.video)
+    return "video";
+  if (o.answers)
+    return "answers";
+  if (o.altText)
+    return "alttext";
+  const r = e._def.typeName;
+  if (r === "ZodOptional" || r === "ZodDefault" || r === "ZodNullable" || r === "ZodCatch")
+    return q(e._def.innerType);
+  if (r === "ZodString") {
+    const t = e;
+    if (t._def.checks) {
+      for (const n of t._def.checks)
+        if (n.kind === "email" || n.kind === "url") return "text";
+    }
+    return "text";
+  }
+  return r === "ZodNumber" ? "number" : r === "ZodBoolean" ? "boolean" : r === "ZodEnum" || r === "ZodNativeEnum" || r === "ZodUnion" ? "select" : r === "ZodArray" ? "array" : r === "ZodObject" ? "object" : "unknown";
+}
+function Te(e) {
+  const o = {}, r = e._def.typeName;
+  if (r === "ZodOptional" || r === "ZodDefault" || r === "ZodNullable" || r === "ZodCatch")
+    return Te(e._def.innerType);
+  if (r === "ZodString") {
+    const t = e;
+    if (t._def.checks)
+      for (const n of t._def.checks)
+        n.kind === "min" && (o.minLength = n.value), n.kind === "max" && (o.maxLength = n.value), n.kind === "email" && (o.email = !0), n.kind === "url" && (o.url = !0), n.kind === "regex" && (o.pattern = n.regex.source);
+  }
+  if (r === "ZodNumber") {
+    const t = e;
+    if (t._def.checks)
+      for (const n of t._def.checks)
+        n.kind === "min" && (o.min = n.value), n.kind === "max" && (o.max = n.value);
+  }
+  if (r === "ZodArray") {
+    const t = e;
+    t._def.minLength && (o.minLength = t._def.minLength.value), t._def.maxLength && (o.maxLength = t._def.maxLength.value), t._def.exactLength && (o.minLength = t._def.exactLength.value, o.maxLength = t._def.exactLength.value);
+  }
+  return o;
+}
+function we(e) {
+  const o = e._def.typeName;
+  if (o === "ZodOptional" || o === "ZodDefault" || o === "ZodNullable" || o === "ZodCatch")
+    return we(e._def.innerType);
+  if (o === "ZodEnum")
+    return e._def.values.map((t) => ({
+      value: t,
+      label: t.charAt(0).toUpperCase() + t.slice(1)
+      // Capitalize first letter
+    }));
+  if (o === "ZodNativeEnum") {
+    const t = e._def.values;
+    return Object.entries(t).map(([n, i]) => ({
+      value: i,
+      label: n
+    }));
+  }
+  if (o === "ZodUnion") {
+    const r = e, t = [];
+    for (const n of r._def.options)
+      if (n._def.typeName === "ZodLiteral") {
+        const i = n._def.value;
+        t.push({
+          value: i,
+          label: String(i).charAt(0).toUpperCase() + String(i).slice(1)
+        });
+      }
+    return t.length > 0 ? t : void 0;
+  }
+}
+function Le(e) {
+  const o = e._def.typeName;
+  if (o === "ZodDefault") {
+    const r = e;
+    return typeof r._def.defaultValue == "function" ? r._def.defaultValue() : r._def.defaultValue;
+  }
+  if (o === "ZodOptional" || o === "ZodNullable")
+    return Le(e._def.innerType);
+}
+function go(e) {
+  const o = e._def.typeName;
+  return !(o === "ZodOptional" || o === "ZodNullable" || o === "ZodDefault");
+}
+function bo(e, o) {
+  const r = g(o.description), t = q(o), n = Te(o), i = go(o), c = Le(o), u = we(o);
+  let s = o;
+  for (; s._def.typeName === "ZodOptional" || s._def.typeName === "ZodDefault" || s._def.typeName === "ZodNullable" || s._def.typeName === "ZodCatch"; )
+    s = s._def.innerType;
+  let l, h;
+  if (t === "array" && s._def.typeName === "ZodArray") {
+    l = s._def.type;
+    const v = de(l);
+    v._def.typeName === "ZodObject" && (h = ye(v));
+  }
+  let p;
+  return t === "object" && s._def.typeName === "ZodObject" && (p = ye(s)), {
+    name: e,
+    type: t,
+    required: i,
+    defaultValue: c,
+    options: u,
+    validation: n,
+    itemSchema: l,
+    itemProperties: h,
+    properties: p,
+    ...r
+  };
+}
+function ye(e) {
+  const o = e.shape, r = {};
+  for (const [t, n] of Object.entries(o))
+    r[t] = bo(t, n);
+  return r;
+}
+function Ae(e, o, r, t = []) {
+  const n = [], i = [...t, e].join("."), c = g(o.description);
+  if (c.hidden)
+    return n;
+  c.label || n.push({
+    field: i,
+    issue: "missing-label",
+    message: `Field "${i}" is missing .zodLabel() annotation. All visible fields must have labels.`
+  });
+  const u = de(o), s = u._def.typeName;
+  if ((s === "ZodAny" || s === "ZodUnknown") && n.push({
+    field: i,
+    issue: "invalid-type",
+    message: `Field "${i}" uses z.any() or z.unknown() without .zodHidden(). These types must be hidden from forms.`
+  }), s === "ZodEffects" && n.push({
+    field: i,
+    issue: "invalid-type",
+    message: `Field "${i}" uses a ZodEffects type (.refine()/.transform()/z.custom()) without .zodHidden(). The form generator can't render these; hide the field or use a mappable type.`
+  }), s === "ZodObject") {
+    const l = mo(
+      u,
+      r,
+      [...t, e]
+    );
+    n.push(...l);
+  }
+  return n;
+}
+function mo(e, o, r) {
+  const t = [], n = e.shape;
+  for (const [i, c] of Object.entries(n)) {
+    const u = Ae(i, c, o, r);
+    t.push(...u);
+  }
+  return t;
+}
+function vo(e, o) {
+  const r = [];
+  if (!(e instanceof a.ZodObject))
+    return r.push({
+      field: "_root",
+      issue: "invalid-type",
+      message: `Component "${o}" schema must be a ZodObject (z.object({...})). Received: ${e.constructor.name}`
+    }), { valid: !1, errors: r };
+  const t = e.shape;
+  for (const [n, i] of Object.entries(t)) {
+    const c = Ae(n, i, o);
+    r.push(...c);
+  }
+  return {
+    valid: r.length === 0,
+    errors: r
+  };
+}
+function I(e, o) {
+  const r = vo(e, o);
+  if (!r.valid) {
+    const t = r.errors.map((n) => `  • ${n.field}: ${n.message}`).join(`
+`);
+    throw new TypeError(
+      `Component "${o}" schema validation failed:
+${t}
+
+All visible fields must have .zodLabel() annotations. Use .zodHidden() for fields managed by the designer (like children, style, etc.)`
+    );
+  }
+  return e;
+}
+const D = a.enum(["rounded", "square"]), Oe = a.enum(["left", "center", "right"]), Ne = a.enum(["light", "dark", "neutral"]), _e = a.enum(["h2", "h3", "h4"]), yo = a.enum(["outline", "solid"]), xo = a.enum(["connected", "separated"]), ko = a.enum(["left", "right"]), zo = a.enum(["down", "center"]), xe = 10, Ro = a.object({
+  id: a.string().zodHidden(),
+  title: a.string().max(100).zodLabel("Title").zodHelp("Title displayed on the accordion header"),
+  content: a.string().zodRichText().zodLabel("Content").zodHelp("Content shown when the accordion is expanded")
+}), Co = a.object({
+  title: a.string().optional().zodTextarea().zodLabel("Heading text (optional)").zodHelp("Optional heading displayed above the accordion list"),
+  // `.default(x).optional()` (optional outermost) is intentional: the default is applied
+  // by the component and `AccordionDefaultProps`, not by schema `.parse()`.
+  variant: _e.default("h2").optional().zodLabel("Heading level").zodHelp("Semantic heading level - determines text size automatically"),
+  supportingText: a.string().optional().zodTextarea().zodLabel("Supporting text (optional)").zodHelp("Optional paragraph content below the heading"),
+  items: a.array(Ro).max(xe).zodLabel(`Accordions (up to ${xe})`).zodItemLabel("title").zodItemName("Accordion").zodManageLayer("Accordions").zodHelp("List of accordion sections"),
+  accordionStyle: yo.default("outline").optional().zodLabel("Style").zodHelp("Outline shows a border; Solid fills the header background"),
+  colorTheme: Ne.default("light").optional().zodLabel("Color theme").zodHelp("Light uses the primary color; Dark uses inverse; Neutral uses grey"),
+  connection: xo.default("connected").optional().zodLabel("Connection").zodHelp("Connected joins accordion items together; Separated adds spacing"),
+  cornerStyle: D.default("rounded").optional().zodLabel("Corners").zodHelp("Rounded or square corners for the accordion"),
+  dropdownPlacement: ko.default("left").optional().zodLabel("Dropdown placement").zodHelp("Place the expand/collapse icon on the left or right"),
+  dropdownDirection: zo.default("down").optional().zodLabel("Dropdown direction").zodHelp("Down points the chevron down when collapsed; Center points it sideways")
+}), ae = {
+  variant: "h2",
+  items: [
+    { id: "accordion-default-1", title: "", content: "" },
+    { id: "accordion-default-2", title: "", content: "" },
+    { id: "accordion-default-3", title: "", content: "" }
+  ],
+  accordionStyle: "outline",
+  colorTheme: "light",
+  connection: "connected",
+  cornerStyle: "rounded",
+  dropdownPlacement: "left",
+  dropdownDirection: "down"
+};
+for (const e of ae.items)
+  Object.freeze(e);
+Object.freeze(ae.items);
+Object.freeze(ae);
+const yt = I(
+  Co,
+  "Accordion"
+), So = {
+  background: "transparent",
+  borderWidth: "0",
+  borderColor: void 0
+}, To = {
+  light: {
+    background: "brand",
+    borderWidth: "0",
+    borderColor: void 0,
+    textColor: "primary-inverse"
+  },
+  dark: {
+    background: "primary-inverse",
+    borderWidth: "0",
+    borderColor: void 0,
+    textColor: "primary-inverse"
+  },
+  neutral: { background: "secondary", borderWidth: "0", borderColor: void 0 }
+}, wo = {
+  light: { background: "transparent", borderWidth: "small", borderColor: "brand" },
+  dark: { background: "transparent", borderWidth: "small", borderColor: "primary" },
+  neutral: { background: "transparent", borderWidth: "small", borderColor: "secondary" }
+};
+function Lo(e, o) {
+  switch (e) {
+    case "fill":
+      return To[o];
+    case "outline":
+      return wo[o];
+    default:
+      return So;
+  }
+}
+function Ao(e, o, r, t) {
+  const n = {
+    borderRadius: r === "rounded" ? "large" : "0",
+    padding: "medium"
+  }, i = o === "neutral" ? void 0 : Z(t, o);
+  if (i) {
+    if (e === "fill")
+      return w(ie(i), n);
+    if (e === "outline")
+      return w(Se(i, "small"), n);
+  }
+  return w({ decoration: Lo(e, o) }, n);
+}
+function xt({
+  content: e,
+  textStyle: o = "outline",
+  colorTheme: r = "light",
+  cornerStyle: t = "rounded"
+}) {
+  const n = _(), { translations: i } = E(), c = X(), { view: u, text: s } = O(
+    () => Ao(o, r, t, c),
+    [o, r, t, c]
+  ), l = n && !e, h = O(() => Re(e), [e]);
+  return /* @__PURE__ */ d(f, { as: "div", ...u, className: "bce-block bce-block-text", children: /* @__PURE__ */ d("div", { style: N, children: l ? /* @__PURE__ */ d(z, { color: s.color, themeOverride: s.themeOverride, children: i.placeholderContent }) : /* @__PURE__ */ d(z, { as: "div", color: s.color, themeOverride: s.themeOverride, children: /* @__PURE__ */ d(
+    "div",
+    {
+      dangerouslySetInnerHTML: { __html: h }
+    }
+  ) }) }) });
+}
+const Oo = a.enum(["none", "outline", "fill"]), No = a.object({
+  content: a.string().zodRichText().zodLabel("Content").zodHelp("Rich text content with inline formatting support"),
+  // `.default(x).optional()` (optional outermost) is intentional: it keeps the field
+  // optional in the inferred props so callers may omit it; the default is applied by the
+  // component and `TextDefaultProps`, not by schema `.parse()`.
+  textStyle: Oo.default("outline").optional().zodLabel("Style").zodHelp("None removes decoration; Outline shows a border; Fill adds a background color"),
+  colorTheme: Ne.default("light").optional().zodLabel("Color theme").zodHelp("Light uses a subtle emphasis; Dark uses a strong emphasis; Neutral uses grey"),
+  cornerStyle: D.default("rounded").optional().zodLabel("Corners").zodHelp("Rounded corners or sharp square corners (only applies when a style is selected)")
+}), kt = {
+  content: "",
+  textStyle: "outline",
+  colorTheme: "light",
+  cornerStyle: "rounded"
+}, zt = I(No, "Text"), _o = {
+  none: { background: "transparent", borderWidth: "0", borderColor: void 0 },
+  light: { background: "brand", borderWidth: "0", borderColor: void 0 },
+  dark: {
+    background: "primary-inverse",
+    borderWidth: "0",
+    borderColor: void 0,
+    textColor: "primary-inverse"
+  }
+};
+function Eo(e, o, r) {
+  const t = {
+    borderRadius: o === "rounded" ? "large" : "0",
+    padding: "medium"
+  }, n = e === "light" ? "light" : e === "dark" ? "dark" : void 0, i = n && Z(r, n);
+  return w(i ? ie(i) : { decoration: _o[e] }, t);
+}
+function Rt({
+  title: e,
+  variant: o,
+  subtitle: r,
+  content: t,
+  headerStyle: n = "none",
+  cornerStyle: i = "rounded"
+}) {
+  const c = _(), { translations: u } = E(), s = X(), { view: l, text: h } = O(
+    () => Eo(n, i, s),
+    [n, i, s]
+  ), p = c && !e && !r && !t, b = p ? u.bannerPlaceholderTitle : e, v = p ? u.bannerPlaceholderSubtitle : r, k = p ? void 0 : t;
+  return /* @__PURE__ */ d(f, { as: "div", ...l, className: "bce-block bce-block-banner", children: /* @__PURE__ */ S("div", { style: N, children: [
+    v && /* @__PURE__ */ d(
+      z,
+      {
+        as: "div",
+        size: "small",
+        weight: "bold",
+        transform: "uppercase",
+        letterSpacing: "expanded",
+        color: h.color,
+        themeOverride: h.themeOverride,
+        children: v
+      }
+    ),
+    /* @__PURE__ */ d(ne, { level: o, color: h.color, themeOverride: h.themeOverride, children: b }),
+    k && /* @__PURE__ */ d(z, { as: "div", color: h.color, themeOverride: h.themeOverride, children: k })
+  ] }) });
+}
+const Io = a.enum(["none", "light", "dark"]), Do = a.object({
+  title: a.string().zodTextarea().zodLabel("Heading text").zodHelp("Main heading text for this section"),
+  variant: _e.default("h2").zodLabel("Heading level").zodHelp("Semantic heading level - determines text size automatically"),
+  subtitle: a.string().optional().zodTextarea().zodLabel("Eyebrow text (optional)").zodHelp("Optional small text displayed above the main title"),
+  content: a.string().optional().zodTextarea().zodLabel("Supporting text (optional)").zodHelp("Optional paragraph content below title"),
+  // `.default(x).optional()` (optional outermost) is intentional: it keeps defaulted
+  // style fields optional in the inferred props so callers may omit them; the default is
+  // applied by the component and `BannerDefaultProps`, not by schema `.parse()`.
+  //
+  // Schema-internal field name is kept as `headerStyle` (the canvas-horizon
+  // original) even though the block/component was renamed to Banner, so the
+  // host data contract is preserved.
+  headerStyle: Io.default("none").optional().zodLabel("Color").zodHelp("None: transparent; Light: secondary color; Dark: primary color with white text"),
+  cornerStyle: D.default("rounded").optional().zodLabel("Corners").zodHelp("Choose between rounded or sharp square corners")
+}), Ct = {
+  title: "",
+  variant: "h2",
+  headerStyle: "none",
+  cornerStyle: "rounded"
+}, St = I(Do, "Banner"), ke = { background: "secondary", borderWidth: "0", borderColor: void 0 }, Po = {
+  background: "transparent",
+  borderWidth: "none none none large",
+  borderColor: "brand"
+}, Ho = { background: "transparent", borderWidth: "0", borderColor: void 0 };
+function Mo(e, o, r) {
+  const t = o === "rounded" ? "large" : "0";
+  switch (e) {
+    case "background-secondary": {
+      const n = Z(r, "light"), i = n ? ie(n) : { decoration: ke };
+      return w(i, { borderRadius: t, padding: "medium" });
+    }
+    case "background-grey":
+      return w({ decoration: ke }, { borderRadius: t, padding: "medium" });
+    case "border-primary": {
+      const n = Z(r, "dark"), i = n ? Se(n, "none none none large") : { decoration: Po };
+      return w(i, { borderRadius: "0", padding: "0 0 0 small" });
+    }
+    default:
+      return w({ decoration: Ho }, { borderRadius: t, padding: "0" });
+  }
+}
+function Tt({
+  content: e,
+  author: o,
+  decorationStyle: r = "background-secondary",
+  cornerStyle: t = "rounded"
+}) {
+  const n = _(), { translations: i } = E(), c = X(), { view: u, text: s } = O(
+    () => Mo(r, t, c),
+    [r, t, c]
+  ), l = n && !e && !o, h = l ? i.quotePlaceholderContent : e, p = l ? i.quotePlaceholderAuthor : o;
+  return /* @__PURE__ */ d(f, { as: "div", ...u, className: "bce-block bce-block-quote", children: /* @__PURE__ */ S("div", { style: N, children: [
+    /* @__PURE__ */ S(
+      z,
+      {
+        as: "blockquote",
+        size: "x-large",
+        weight: "bold",
+        fontStyle: "italic",
+        lineHeight: "double",
+        color: s.color,
+        themeOverride: s.themeOverride,
+        children: [
+          '"',
+          h,
+          '"'
+        ]
+      }
+    ),
+    p && /* @__PURE__ */ d(f, { as: "div", textAlign: "end", children: /* @__PURE__ */ S(z, { as: "cite", size: "small", color: s.color, themeOverride: s.themeOverride, children: [
+      "– ",
+      p
+    ] }) })
+  ] }) });
+}
+const Zo = a.enum([
+  "none",
+  "background-secondary",
+  "background-grey",
+  "border-primary"
+]), Bo = a.object({
+  content: a.string().zodTextarea().zodLabel("Quote Content").zodHelp("The main text of the quotation"),
+  author: a.string().optional().zodLabel("Author").zodHelp("Optional attribution for the quote"),
+  // `.default(x).optional()` (optional outermost) is intentional: it keeps the field
+  // optional in the inferred props so callers may omit it; the default is applied by the
+  // component and `QuoteDefaultProps`, not by schema `.parse()`.
+  decorationStyle: Zo.default("background-secondary").optional().zodLabel("Style").zodHelp("Choose background or border styling for the quote block"),
+  cornerStyle: D.default("rounded").optional().zodLabel("Corners").zodHelp("Rounded corners or sharp square corners")
+}), wt = {
+  content: "",
+  decorationStyle: "background-secondary",
+  cornerStyle: "rounded"
+}, Lt = I(Bo, "Quote");
+function Vo(e) {
+  return {
+    background: "secondary",
+    borderRadius: e === "rounded" ? "large" : "0",
+    padding: "medium"
+  };
+}
+function At({ code: e, language: o, header: r, cornerStyle: t = "rounded" }) {
+  const n = _(), { translations: i } = E(), c = Vo(t), s = n && !e ? i.codeBlockPlaceholder : e;
+  return /* @__PURE__ */ d(f, { as: "div", className: "bce-block bce-block-codeblock", children: /* @__PURE__ */ S("div", { style: N, children: [
+    r && /* @__PURE__ */ d(f, { as: "div", margin: "0 0 small 0", children: /* @__PURE__ */ d(ne, { level: "h4", children: r }) }),
+    /* @__PURE__ */ S(f, { as: "div", ...c, children: [
+      o && /* @__PURE__ */ d(f, { as: "div", margin: "0 0 x-small 0", children: /* @__PURE__ */ d(z, { as: "div", size: "small", weight: "bold", transform: "uppercase", color: "secondary", children: o }) }),
+      /* @__PURE__ */ d("pre", { style: { margin: 0, whiteSpace: "pre", overflow: "auto" }, children: /* @__PURE__ */ d("code", { children: s }) })
+    ] })
+  ] }) });
+}
+const jo = a.enum([
+  "javascript",
+  "json",
+  "html",
+  "css",
+  "bash",
+  "yaml",
+  "text"
+]), Wo = a.object({
+  code: a.string().zodCodeEditor().zodLabel("Code").zodHelp("The code content to display"),
+  // Unknown languages fall back to 'text'; an absent value defaults to 'javascript'
+  // (matches the canvas-horizon original). `.optional()` sits inside `.default()`
+  // so `parse({ code })` yields `'javascript'` rather than `undefined` — which
+  // also makes the inferred `language` required.
+  language: jo.catch("text").optional().default("javascript").zodLabel("Language").zodHelp("Programming language shown as a label above the code"),
+  header: a.string().optional().zodLabel("Header").zodHelp("Optional heading displayed above the code block"),
+  // `.default(x).optional()` (optional outermost) keeps this optional in the inferred
+  // props; the default is applied by the component and `CodeBlockDefaultProps`, not by
+  // `.parse()`. (Contrast `language` above, which needs its value present after parse
+  // and so orders `.optional().default()`.)
+  cornerStyle: D.default("rounded").optional().zodLabel("Corners").zodHelp("Rounded corners or sharp square corners")
+}), Ot = {
+  code: "",
+  language: "javascript",
+  cornerStyle: "rounded"
+}, Nt = I(
+  Wo,
+  "CodeBlock"
+), $o = () => ({ isLoading: !1, isError: !0 }), Uo = () => ({ isLoading: !1, isError: !0 }), se = G({}), _t = se.Provider, qo = (e) => (B(se).useImageUrl ?? $o)(e), Go = (e) => (B(se).useVideoUrl ?? Uo)(e), Xo = ["http:", "https:"];
+function re(e) {
+  if (!e) return !1;
+  const o = e.replace(/[\t\n\r]/g, "");
+  if (!o || o.startsWith("//")) return !1;
+  if (o.startsWith("/")) return !o.includes("\\");
+  try {
+    return Xo.includes(new URL(o).protocol);
+  } catch {
+    return !1;
+  }
+}
+function A({
+  text: e,
+  subtitle: o,
+  variant: r = "empty",
+  borderRadius: t = "medium"
+}) {
+  const n = r === "processing" ? "secondary" : "primary", i = r !== "empty";
+  return /* @__PURE__ */ d(
+    f,
+    {
+      as: "div",
+      background: n,
+      borderRadius: t,
+      padding: "large",
+      textAlign: "center",
+      "aria-live": i ? "polite" : void 0,
+      "aria-atomic": i ? !0 : void 0,
+      children: /* @__PURE__ */ d("div", { style: N, children: r === "loading" ? /* @__PURE__ */ d(Ge, { size: "small", renderTitle: e }) : r === "processing" ? /* @__PURE__ */ S(ze, { children: [
+        /* @__PURE__ */ d(z, { as: "div", children: e }),
+        o && /* @__PURE__ */ d(z, { as: "p", color: "secondary", children: o })
+      ] }) : /* @__PURE__ */ d(z, { color: r === "error" ? "danger" : "secondary", children: e }) })
+    }
+  );
+}
+const Ee = {
+  left: "start",
+  center: "center",
+  right: "end"
+}, Qo = {
+  square: "1 / 1",
+  circle: "1 / 1",
+  landscape: "3 / 2",
+  portrait: "3 / 4"
+};
+function Ko(e, o, r, t) {
+  return {
+    textAlign: Ee[o],
+    width: `${r}%`,
+    aspectRatio: Qo[e],
+    borderRadius: e === "circle" ? "circle" : t === "rounded" ? "large" : "0"
+  };
+}
+function Et({
+  asset_id: e,
+  isDecorative: o = !1,
+  alt: r,
+  size: t = 100,
+  ratio: n = "square",
+  align: i = "left",
+  cornerStyle: c = "rounded"
+}) {
+  const u = _(), { translations: s } = E(), { url: l, isLoading: h, isError: p } = qo(e), b = Ko(n, i, t, c), v = () => e ? h ? /* @__PURE__ */ d(
+    A,
+    {
+      borderRadius: b.borderRadius,
+      variant: "loading",
+      text: s.imageBlockLoading
+    }
+  ) : p || !re(l) ? /* @__PURE__ */ d(
+    A,
+    {
+      borderRadius: b.borderRadius,
+      variant: "error",
+      text: s.imageBlockError
+    }
+  ) : /* @__PURE__ */ d(
+    f,
+    {
+      as: "span",
+      display: "inline-block",
+      width: b.width,
+      maxWidth: "100%",
+      borderRadius: b.borderRadius,
+      overflowX: "hidden",
+      overflowY: "hidden",
+      children: /* @__PURE__ */ d("div", { style: { aspectRatio: b.aspectRatio, width: "100%" }, children: /* @__PURE__ */ d(
+        qe,
+        {
+          src: l,
+          alt: o ? "" : r,
+          role: o ? "presentation" : void 0,
+          display: "block",
+          width: "100%",
+          height: "100%",
+          constrain: "cover"
+        }
+      ) })
+    }
+  ) : u ? /* @__PURE__ */ d(
+    A,
+    {
+      borderRadius: b.borderRadius,
+      text: s.imageBlockPlaceholder
+    }
+  ) : null;
+  return /* @__PURE__ */ d(f, { as: "div", className: "bce-block bce-block-image", textAlign: b.textAlign, children: v() });
+}
+const Yo = a.enum(["square", "circle", "landscape", "portrait"]), Jo = a.object({
+  // Opaque host asset id; the host resolves it to a file via the asset context.
+  asset_id: a.string().zodLabel("Image").zodImage(),
+  isDecorative: a.boolean().default(!1).zodLabel("Image is decorative"),
+  alt: a.string().zodLabel("Alt text").zodPlaceholder("Describe the image...").zodAltText().zodDisabledWhen({ field: "isDecorative", value: !0 }),
+  size: a.number().min(20).max(100).default(100).zodRange({ min: 20, max: 100, step: 10, formatValue: "%" }).zodLabel("Size").zodHelp("Image width as percentage"),
+  ratio: Yo.default("square").zodLabel("Image Ratio").zodHelp("Aspect ratio for the image display"),
+  align: Oe.default("left").zodLabel("Alignment").zodHelp("Horizontal alignment of the image"),
+  cornerStyle: D.default("rounded").optional().zodLabel("Corners").zodHelp("Rounded corners or sharp square corners")
+}), It = {
+  asset_id: "",
+  isDecorative: !1,
+  alt: "",
+  size: 100,
+  ratio: "square",
+  align: "left",
+  cornerStyle: "rounded"
+}, Dt = I(
+  Jo,
+  "ImageBlock"
+), Fo = "16 / 9";
+function Ie(e, o, r) {
+  return {
+    textAlign: Ee[e],
+    width: `${o}%`,
+    aspectRatio: Fo,
+    borderRadius: r === "rounded" ? "large" : "0"
+  };
+}
+const et = /^(?:https?:\/\/)?(?:[\w-]+\.)*(?:youtube\.com\/(?:watch\?v=|embed\/|v\/)|youtu\.be\/)([a-zA-Z0-9_-]{11})(?![\w-])/, ot = /^(?:https?:\/\/)?(?:[\w-]+\.)*vimeo\.com\/(?:video\/)?(\d+)(?![\w-])/;
+function tt(e) {
+  const o = e.match(et);
+  if (o)
+    return `https://www.youtube.com/embed/${o[1]}`;
+  const r = e.match(ot);
+  return r ? `https://player.vimeo.com/video/${r[1]}` : null;
+}
+function Pt({
+  source: e = "file",
+  asset_id: o,
+  video_url: r,
+  alt: t,
+  size: n = 100,
+  align: i = "center",
+  cornerStyle: c = "rounded"
+}) {
+  const u = _(), { translations: s } = E(), { url: l, displayName: h, mediaEntryId: p, isLoading: b, isProcessing: v, isError: k } = Go(
+    e === "file" ? o : ""
+  ), y = Ie(i, n, c), R = (P, V, K, j) => /* @__PURE__ */ d(
+    f,
+    {
+      as: "span",
+      display: "inline-block",
+      width: y.width,
+      maxWidth: "100%",
+      borderRadius: y.borderRadius,
+      overflowX: "hidden",
+      overflowY: "hidden",
+      children: /* @__PURE__ */ d("div", { style: { aspectRatio: y.aspectRatio, width: "100%", position: "relative" }, children: /* @__PURE__ */ d(
+        "iframe",
+        {
+          src: P,
+          title: V,
+          allow: K,
+          allowFullScreen: !0,
+          loading: "lazy",
+          referrerPolicy: "strict-origin-when-cross-origin",
+          "data-media-id": j,
+          style: { position: "absolute", inset: 0, width: "100%", height: "100%", border: "none" }
+        }
+      ) })
+    }
+  ), L = () => u ? /* @__PURE__ */ d(
+    A,
+    {
+      borderRadius: y.borderRadius,
+      text: s.videoBlockPlaceholder
+    }
+  ) : null, Q = () => {
+    if (e === "link") {
+      if (!r)
+        return L();
+      const P = tt(r);
+      return re(P) ? R(
+        P,
+        t || s.videoBlockTitle,
+        "autoplay; encrypted-media; picture-in-picture; fullscreen"
+      ) : /* @__PURE__ */ d(
+        A,
+        {
+          borderRadius: y.borderRadius,
+          variant: "error",
+          text: s.videoBlockUnsupportedProvider
+        }
+      );
+    }
+    return o ? b ? /* @__PURE__ */ d(
+      A,
+      {
+        borderRadius: y.borderRadius,
+        variant: "loading",
+        text: s.videoBlockLoading
+      }
+    ) : v ? /* @__PURE__ */ d(
+      A,
+      {
+        borderRadius: y.borderRadius,
+        variant: "processing",
+        text: s.videoBlockProcessing,
+        subtitle: s.videoBlockProcessingSubtitle
+      }
+    ) : k || !re(l) ? /* @__PURE__ */ d(
+      A,
+      {
+        borderRadius: y.borderRadius,
+        variant: "error",
+        text: s.videoBlockError
+      }
+    ) : R(
+      l,
+      t || h || s.videoBlockTitle,
+      "fullscreen",
+      p
+    ) : L();
+  };
+  return /* @__PURE__ */ d(f, { as: "div", className: "bce-block bce-block-video", textAlign: y.textAlign, children: Q() });
+}
+function Ht({
+  size: e = 100,
+  align: o = "center",
+  cornerStyle: r = "rounded"
+}) {
+  const t = Ie(o, e, r);
+  return /* @__PURE__ */ d(f, { as: "div", textAlign: t.textAlign, children: /* @__PURE__ */ d(
+    f,
+    {
+      as: "span",
+      display: "inline-block",
+      width: t.width,
+      maxWidth: "100%",
+      borderRadius: t.borderRadius,
+      background: "secondary",
+      overflowX: "hidden",
+      overflowY: "hidden",
+      children: /* @__PURE__ */ d(
+        "div",
+        {
+          style: {
+            aspectRatio: t.aspectRatio,
+            width: "100%",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center"
+          },
+          children: /* @__PURE__ */ d(z, { color: "secondary", children: "Video" })
+        }
+      )
+    }
+  ) });
+}
+const rt = a.enum(["file", "link"]), nt = a.object({
+  // How the video is supplied: an uploaded file (resolved via the asset context)
+  // or an external link (YouTube/Vimeo). Set by the editor, not shown as a field.
+  source: rt.default("file").zodHidden(),
+  // Opaque host asset id; the host resolves it to a playable URL via the asset context.
+  asset_id: a.string().zodLabel("Video").zodVideo(),
+  video_url: a.string().optional().zodHidden(),
+  alt: a.string().zodLabel("Alt Text").zodHelp("Required for accessibility"),
+  size: a.number().min(20).max(100).default(100).zodRange({ min: 20, max: 100, step: 10, formatValue: "%" }).zodLabel("Size").zodHelp("Video width as percentage"),
+  align: Oe.default("center").zodLabel("Alignment").zodHelp("Horizontal alignment of the video"),
+  // `.default(x).optional()` (optional outermost) keeps this optional in the inferred
+  // props; the default is applied by the component and `VideoBlockDefaultProps`, not by
+  // schema `.parse()`.
+  cornerStyle: D.default("rounded").optional().zodLabel("Corners").zodHelp("Rounded corners or sharp square corners")
+}), Mt = {
+  source: "file",
+  asset_id: "",
+  video_url: "",
+  alt: "",
+  size: 100,
+  align: "center",
+  cornerStyle: "rounded"
+}, Zt = I(
+  nt,
+  "VideoBlock"
+);
+export {
+  vt as Accordion,
+  ae as AccordionDefaultProps,
+  Rt as Banner,
+  Ct as BannerDefaultProps,
+  se as BlockEditorApiContext,
+  _t as BlockEditorApiProvider,
+  Xe as BrandColorContext,
+  At as CodeBlock,
+  Ot as CodeBlockDefaultProps,
+  Qe as DesignerModeContext,
+  fo as FormFieldType,
+  Et as ImageBlock,
+  It as ImageBlockDefaultProps,
+  Tt as Quote,
+  wt as QuoteDefaultProps,
+  yt as RegisteredAccordionPropsSchema,
+  St as RegisteredBannerPropsSchema,
+  Nt as RegisteredCodeBlockPropsSchema,
+  Dt as RegisteredImageBlockPropsSchema,
+  Lt as RegisteredQuotePropsSchema,
+  zt as RegisteredTextPropsSchema,
+  Zt as RegisteredVideoBlockPropsSchema,
+  xt as Text,
+  kt as TextDefaultProps,
+  mt as TranslationsProvider,
+  Pt as VideoBlock,
+  Mt as VideoBlockDefaultProps,
+  Ht as VideoBlockDragPreview,
+  q as deriveFieldType,
+  bo as extractFieldMetadata,
+  ye as extractFormMetadata,
+  Te as extractValidationRules,
+  g as parseDescription,
+  I as registerComponentSchema,
+  de as unwrapZodType,
+  X as useBrandColor,
+  _ as useDesignerMode,
+  qo as useImageUrl,
+  E as useTranslations,
+  Go as useVideoUrl,
+  vo as validateComponentSchema
+};