@pagehub/sdk 0.1.0

package/dist/chunks/EmbedMainTab-PhaMBfhi.js

@@ -0,0 +1,224 @@
+import { jsxs as o, Fragment as p, jsx as e } from "react/jsx-runtime";
+import { useNode as y } from "@craftjs/core";
+import { M as s, bU as r, cM as c, N as b } from "./index-lNS44FHV.js";
+import { r as f, S as g } from "./helpers-Bnp6O4wY.js";
+const u = [
+  "custom",
+  "stripe",
+  "mailchimp",
+  "convertkit",
+  "beehiiv"
+], v = ["crisp", "intercom", "tidio"];
+function S(i) {
+  return u.includes(i) ? "Embed Code" : v.includes(i) ? "Widget ID" : "URL";
+}
+function d(i) {
+  switch (i) {
+    case "custom":
+      return "Paste any HTML, iframe, or script embed code.";
+    case "calendly":
+      return "Paste your Calendly scheduling link.";
+    case "cal":
+      return "Paste your Cal.com booking link.";
+    case "stripe":
+      return "Stripe Dashboard → Payment Links → Buy Button, paste the code.";
+    case "gumroad":
+      return "Paste your Gumroad product link.";
+    case "kofi":
+      return "Paste your Ko-fi page URL.";
+    case "typeform":
+      return "Paste your Typeform form URL.";
+    case "tally":
+      return "Paste your Tally form URL.";
+    case "jotform":
+      return "Paste your Jotform form URL.";
+    case "mailchimp":
+      return "Mailchimp → Audience → Signup forms → Embedded forms, paste the code.";
+    case "convertkit":
+      return "Kit → Forms → Embed, paste the code.";
+    case "beehiiv":
+      return "Beehiiv → Settings → Embed, paste the code.";
+    case "spotify":
+      return "Paste a Spotify link (track, album, playlist, episode, or show).";
+    case "soundcloud":
+      return "Paste a SoundCloud track or playlist URL.";
+    case "podcast":
+      return "Paste an Apple Podcasts link.";
+    case "instagram":
+      return "Paste an Instagram post URL.";
+    case "twitter":
+      return "Paste a tweet URL.";
+    case "tiktok":
+      return "Paste a TikTok video URL.";
+    case "crisp":
+      return "Crisp → Settings → Website Settings, paste your Website ID.";
+    case "intercom":
+      return "Intercom → Settings → Installation, paste your App ID.";
+    case "tidio":
+      return "Tidio → Settings → Installation, paste your Public Key.";
+    case "google-calendar":
+      return "Paste your Google Calendar embed URL or calendar ID.";
+    default:
+      return "";
+  }
+}
+const E = () => {
+  var n, l;
+  const { props: i } = y((h) => {
+    var a;
+    return {
+      props: (a = h.data) == null ? void 0 : a.props
+    };
+  }), t = i.service || "custom", m = u.includes(t);
+  return f({
+    Content: /* @__PURE__ */ o(p, { children: [
+      /* @__PURE__ */ o(
+        s,
+        {
+          title: "Embed",
+          icon: g.Content,
+          help: "Pick a service and paste the URL or embed code.",
+          children: [
+            /* @__PURE__ */ o(
+              r,
+              {
+                propKey: "service",
+                propType: "component",
+                type: "select",
+                label: "Service",
+                labelHide: !1,
+                children: [
+                  /* @__PURE__ */ o("optgroup", { label: "Booking", children: [
+                    /* @__PURE__ */ e("option", { value: "calendly", children: "Calendly" }),
+                    /* @__PURE__ */ e("option", { value: "cal", children: "Cal.com" }),
+                    /* @__PURE__ */ e("option", { value: "google-calendar", children: "Google Calendar" })
+                  ] }),
+                  /* @__PURE__ */ o("optgroup", { label: "Payments", children: [
+                    /* @__PURE__ */ e("option", { value: "stripe", children: "Stripe Buy Button" }),
+                    /* @__PURE__ */ e("option", { value: "gumroad", children: "Gumroad" }),
+                    /* @__PURE__ */ e("option", { value: "kofi", children: "Ko-fi" })
+                  ] }),
+                  /* @__PURE__ */ o("optgroup", { label: "Forms", children: [
+                    /* @__PURE__ */ e("option", { value: "typeform", children: "Typeform" }),
+                    /* @__PURE__ */ e("option", { value: "tally", children: "Tally" }),
+                    /* @__PURE__ */ e("option", { value: "jotform", children: "Jotform" })
+                  ] }),
+                  /* @__PURE__ */ o("optgroup", { label: "Newsletter", children: [
+                    /* @__PURE__ */ e("option", { value: "mailchimp", children: "Mailchimp" }),
+                    /* @__PURE__ */ e("option", { value: "convertkit", children: "Kit (ConvertKit)" }),
+                    /* @__PURE__ */ e("option", { value: "beehiiv", children: "Beehiiv" })
+                  ] }),
+                  /* @__PURE__ */ o("optgroup", { label: "Audio", children: [
+                    /* @__PURE__ */ e("option", { value: "spotify", children: "Spotify" }),
+                    /* @__PURE__ */ e("option", { value: "soundcloud", children: "SoundCloud" }),
+                    /* @__PURE__ */ e("option", { value: "podcast", children: "Apple Podcasts" })
+                  ] }),
+                  /* @__PURE__ */ o("optgroup", { label: "Social", children: [
+                    /* @__PURE__ */ e("option", { value: "instagram", children: "Instagram" }),
+                    /* @__PURE__ */ e("option", { value: "twitter", children: "Twitter / X" }),
+                    /* @__PURE__ */ e("option", { value: "tiktok", children: "TikTok" })
+                  ] }),
+                  /* @__PURE__ */ o("optgroup", { label: "Chat Widgets", children: [
+                    /* @__PURE__ */ e("option", { value: "crisp", children: "Crisp" }),
+                    /* @__PURE__ */ e("option", { value: "intercom", children: "Intercom" }),
+                    /* @__PURE__ */ e("option", { value: "tidio", children: "Tidio" })
+                  ] }),
+                  /* @__PURE__ */ e("optgroup", { label: "Other", children: /* @__PURE__ */ e("option", { value: "custom", children: "Custom HTML" }) })
+                ]
+              }
+            ),
+            m ? /* @__PURE__ */ e(
+              r,
+              {
+                propKey: t === "custom" ? "code" : "url",
+                propType: "component",
+                type: "codemirror",
+                rows: 10,
+                labelHide: !0,
+                placeholder: (n = c[t]) == null ? void 0 : n.placeholder,
+                description: d(t)
+              }
+            ) : /* @__PURE__ */ o(p, { children: [
+              /* @__PURE__ */ e(
+                r,
+                {
+                  propKey: "url",
+                  propType: "component",
+                  type: "text",
+                  label: S(t),
+                  labelHide: !1,
+                  placeholder: (l = c[t]) == null ? void 0 : l.placeholder
+                }
+              ),
+              /* @__PURE__ */ e("p", { className: "text-neutral-content col-span-full text-[11px] leading-snug", children: d(t) })
+            ] }),
+            /* @__PURE__ */ e(b, { id: "settings/ai-button" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ o(s, { title: "Advanced", help: "Title for accessibility and optional code override.", children: [
+        /* @__PURE__ */ e(
+          r,
+          {
+            propKey: "title",
+            propType: "component",
+            type: "text",
+            label: "Title",
+            labelHide: !1,
+            placeholder: "Describe the embedded content"
+          }
+        ),
+        t !== "custom" && /* @__PURE__ */ e(
+          r,
+          {
+            propKey: "code",
+            propType: "component",
+            type: "codemirror",
+            rows: 6,
+            label: "Code Override",
+            labelHide: !1,
+            description: "Override the auto-generated embed code."
+          }
+        ),
+        /* @__PURE__ */ e(
+          r,
+          {
+            propKey: "headCode",
+            propType: "component",
+            type: "codemirror",
+            rows: 6,
+            label: "Head code",
+            labelHide: !1,
+            description: "Scripts, styles, meta tags rendered into <head> during SSR. Deduped across Embeds — paste the same snippet in multiple blocks, emitted once."
+          }
+        ),
+        /* @__PURE__ */ e(
+          r,
+          {
+            propKey: "footCode",
+            propType: "component",
+            type: "codemirror",
+            rows: 6,
+            label: "Footer code",
+            labelHide: !1,
+            description: "Scripts rendered inline where this Embed sits. Useful when the widget needs surrounding DOM to exist before init."
+          }
+        ),
+        /* @__PURE__ */ e(
+          r,
+          {
+            propKey: "runInEditor",
+            propType: "component",
+            type: "checkbox",
+            label: "Run in editor",
+            labelHide: !1,
+            description: "Let head/footer scripts execute while editing. Off by default — prevents popups and widgets firing during design."
+          }
+        )
+      ] })
+    ] })
+  });
+};
+export {
+  E as EmbedMainTab
+};

package/dist/chunks/FilterEditorPanel-BQS4dAO0.js

@@ -0,0 +1,25 @@
+import { jsx as e } from "react/jsx-runtime";
+import { c5 as r, d8 as l, ei as a } from "./index-lNS44FHV.js";
+import { F as o } from "./EffectsClassInput-QHrc1Zo2.js";
+function m({ initialPosition: i, onClose: t }) {
+  return /* @__PURE__ */ e(
+    r,
+    {
+      isOpen: !0,
+      onClose: t,
+      title: "Filter",
+      icon: /* @__PURE__ */ e(a, { "aria-hidden": !0 }),
+      storageKey: "effects-builder-filter",
+      minWidth: 300,
+      maxWidth: 480,
+      minHeight: 260,
+      initialPosition: i,
+      zIndex: l,
+      scrollable: !0,
+      children: /* @__PURE__ */ e(o, {})
+    }
+  );
+}
+export {
+  m as default
+};

package/dist/chunks/FlexDirectionInput-FDBAupz-.js

@@ -0,0 +1,78 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useEditor as y, useNode as L } from "@craftjs/core";
+import { D as n, bn as V, b$ as R, cG as E, cH as I, c1 as S, c6 as k, P as C, cJ as F, bP as G, e6 as u, e7 as f, e8 as d, e9 as h } from "./index-lNS44FHV.js";
+function K(t) {
+  return t === "columns" ? [
+    { value: "flex-col", hint: "Top to Bottom", icon: u },
+    { value: "flex-col-reverse", hint: "Bottom to Top", icon: f }
+  ] : t === "rows" ? [
+    { value: "flex-row", hint: "Left to Right", icon: d },
+    { value: "flex-row-reverse", hint: "Right to Left", icon: h }
+  ] : [
+    { value: "flex-col", hint: "Top to Bottom", icon: u },
+    { value: "flex-col-reverse", hint: "Bottom to Top", icon: f },
+    { value: "flex-row", hint: "Left to Right", icon: d },
+    { value: "flex-row-reverse", hint: "Right to Left", icon: h }
+  ];
+}
+const j = ({ wrap: t = "", inline: N = !0, mode: v }) => {
+  const s = n(V), a = n(R), m = n(E), r = a.dark ?? !1, { query: x, actions: g } = y(), {
+    actions: { setProp: T },
+    nodeProps: w,
+    id: b
+  } = L((e) => {
+    var o;
+    return {
+      nodeProps: ((o = e.data) == null ? void 0 : o.props) || {},
+      id: e.id
+    };
+  }), { value: B, viewValue: _ } = I(
+    { propKey: "flexDirection", propType: "class" },
+    s,
+    w,
+    r
+  ), l = K(v), c = l.map((e) => e.value), p = String(B ?? ""), A = c.includes(p) ? p : c[0], D = (e) => {
+    F(a, s, m).forEach((P) => {
+      G({
+        propKey: "flexDirection",
+        value: e,
+        setProp: T,
+        view: P,
+        propType: "class",
+        query: x,
+        actions: g,
+        nodeId: b,
+        classDark: r
+      });
+    });
+  };
+  return /* @__PURE__ */ i(S, { frame: "bare", propType: "class", propKey: "flexDirection", passthrough: !!t, children: /* @__PURE__ */ i(
+    k,
+    {
+      "aria-label": "Flex direction",
+      dense: !0,
+      value: A,
+      onChange: (e) => D(e),
+      options: l.map((e) => {
+        const o = e.icon;
+        return {
+          value: e.value,
+          label: /* @__PURE__ */ i(
+            "span",
+            {
+              "data-tooltip-id": C,
+              "data-tooltip-content": e.hint,
+              "data-tooltip-place": "top",
+              "data-tooltip-offset": 10,
+              className: "flex items-center",
+              children: /* @__PURE__ */ i(o, { className: "size-4 shrink-0", "aria-hidden": !0 })
+            }
+          )
+        };
+      })
+    }
+  ) });
+};
+export {
+  j as FlexDirectionInput
+};

package/dist/chunks/FontFamilyDialog-C_QelNY-.js

@@ -0,0 +1,244 @@
+import { jsxs as u, jsx as o, Fragment as O } from "react/jsx-runtime";
+import { useState as y, useEffect as F } from "react";
+import V from "react-dom";
+import { F as B } from "./index.esm-D_S2hDar.js";
+import { f as G, P as U, u as R, F as J, v as z, w as M, o as q, O as N, x as K, y as W, z as Y, B as Z } from "./index-lNS44FHV.js";
+const Q = ({ items: t = [], children: w, selected: s, onChange: g, option: L = !0 }) => {
+  const [x, p] = y(!1), C = t.find((r) => r.id === s) || t[0];
+  return L ? /* @__PURE__ */ u("div", { className: "relative", children: [
+    /* @__PURE__ */ o(
+      "button",
+      {
+        onClick: () => p(!x),
+        className: "flex size-8 items-center justify-center rounded-lg font-sans text-xs",
+        children: /* @__PURE__ */ o(G, { className: `size-4 transition-transform ${x ? "rotate-180" : ""}` })
+      }
+    ),
+    x && /* @__PURE__ */ u(O, { children: [
+      /* @__PURE__ */ o(
+        "div",
+        {
+          role: "presentation",
+          "aria-hidden": "true",
+          className: "fixed inset-0 z-10",
+          onClick: () => p(!1)
+        }
+      ),
+      /* @__PURE__ */ o("div", { className: "border-base-300 bg-neutral text-neutral-content absolute top-full right-0 z-20 mt-1 overflow-hidden rounded-xl border font-sans shadow-lg", children: t.map((r) => /* @__PURE__ */ u(
+        "button",
+        {
+          onClick: () => {
+            g(r.id), p(!1);
+          },
+          className: `hover:bg-neutral flex w-full items-center gap-2 px-3 py-2 text-left font-sans text-xs whitespace-nowrap ${s === r.id ? "bg-neutral" : ""}`,
+          children: [
+            /* @__PURE__ */ o("span", { className: "flex size-4 items-center justify-center", children: r.icon }),
+            r.content
+          ]
+        },
+        r.id
+      )) })
+    ] })
+  ] }) : /* @__PURE__ */ u("div", { className: "flex flex-row items-end gap-0.5", children: [
+    w,
+    /* @__PURE__ */ o(X, { ...C, onClick: () => {
+      const b = (t.findIndex((v) => v.id === s) + 1) % t.length;
+      g(t[b].id);
+    }, selected: !0 })
+  ] });
+}, X = ({ content: t = null, icon: w, onClick: s, selected: g = !1 }) => /* @__PURE__ */ o(
+  "div",
+  {
+    role: "button",
+    tabIndex: 0,
+    className: "flex cursor-pointer items-center justify-center text-xs",
+    onClick: s,
+    "data-tooltip-id": U,
+    "data-tooltip-content": t,
+    "data-tooltip-place": "bottom",
+    "data-tooltip-offset": 10,
+    children: w
+  }
+), re = () => {
+  const [t, w] = R(J), [s, g] = y(z), [L, x] = y(!0), [p, C] = y(""), [f, r] = y(-1);
+  F(() => {
+    (async () => {
+      try {
+        x(!0);
+        const n = await K(), a = W(), d = Y(), h = a.map((i) => [i]), m = d.filter((i) => !a.includes(i)).map((i) => [i]), P = n.filter((i) => !a.includes(i.family) && !d.includes(i.family)).map((i) => [i.family]).sort((i, $) => i[0].localeCompare($[0])), _ = [...h, ...m, ...P];
+        g(_);
+      } catch (n) {
+        Z.error("Error loading fonts:", n), g(z);
+      } finally {
+        x(!1);
+      }
+    })();
+  }, []);
+  const b = {
+    Popular: s.slice(0, 20),
+    // First 20 fonts (already sorted by popularity)
+    Serif: s.filter(
+      (e) => e[0].toLowerCase().includes("serif") || e[0].toLowerCase().includes("times") || e[0].toLowerCase().includes("georgia") || e[0].toLowerCase().includes("garamond") || e[0].toLowerCase().includes("baskerville")
+    ),
+    "Sans Serif": s.filter(
+      (e) => e[0].toLowerCase().includes("sans") || e[0].toLowerCase().includes("helvetica") || e[0].toLowerCase().includes("arial") || e[0].toLowerCase().includes("roboto") || e[0].toLowerCase().includes("open sans")
+    ),
+    Display: s.filter(
+      (e) => e[0].toLowerCase().includes("display") || e[0].toLowerCase().includes("impact") || e[0].toLowerCase().includes("oswald") || e[0].toLowerCase().includes("bebas")
+    ),
+    Handwriting: s.filter(
+      (e) => e[0].toLowerCase().includes("script") || e[0].toLowerCase().includes("hand") || e[0].toLowerCase().includes("cursive") || e[0].toLowerCase().includes("brush")
+    ),
+    Monospace: s.filter(
+      (e) => e[0].toLowerCase().includes("mono") || e[0].toLowerCase().includes("code") || e[0].toLowerCase().includes("courier") || e[0].toLowerCase().includes("consolas")
+    ),
+    "All Fonts": s
+  }, [v, A] = y("All Fonts");
+  F(() => {
+    t.enabled && !L && s.length > 0 && b[v].slice(0, 30).forEach((n) => {
+      n && n[0] && M(n[0], ["400"]);
+    });
+  }, [t.enabled, L, s, v]);
+  const c = b[v].filter(
+    (e) => !p || e[0].toLowerCase().includes(p.toLowerCase())
+  );
+  F(() => {
+    if (!t.enabled) return;
+    const e = (n) => {
+      if (t.enabled)
+        switch (n.key) {
+          case "ArrowDown":
+            n.preventDefault(), r((a) => {
+              var m;
+              const d = Math.min(a + 1, c.length - 1), h = (m = c[d]) == null ? void 0 : m[0];
+              return h && t.preview && t.preview([h]), d;
+            });
+            break;
+          case "ArrowUp":
+            n.preventDefault(), r((a) => {
+              var m;
+              const d = Math.max(a - 1, 0), h = (m = c[d]) == null ? void 0 : m[0];
+              return h && t.preview && t.preview([h]), d;
+            });
+            break;
+          case "Enter":
+            n.preventDefault(), f >= 0 && c[f] && I(c[f]);
+            break;
+        }
+    };
+    return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+  }, [t.enabled, f, c]);
+  const k = () => {
+    t.preview && t.originalValue && t.preview(t.originalValue), w({ ...t, enabled: !1 });
+  };
+  q({
+    id: "font-family-dialog",
+    isOpen: !!t.enabled,
+    onDismiss: k
+  });
+  const I = (e) => {
+    t.changed && (e && e[0] && M(e[0], ["400", "700"]), w({ ...t, value: e, enabled: !1 }), t.changed(e));
+  }, E = (e, n) => {
+    r(e), t.preview && t.preview([n]);
+  }, H = () => {
+    r(-1), t.preview && t.originalValue && t.preview(t.originalValue);
+  }, T = ({ index: e, style: n }) => {
+    const a = c[e];
+    return a ? /* @__PURE__ */ o("div", { style: n, children: /* @__PURE__ */ u(
+      "button",
+      {
+        id: `fontFamily-${a}`,
+        className: `text-neutral-content hover:bg-neutral flex w-full cursor-pointer flex-row truncate rounded-md p-1 text-xs whitespace-nowrap transition-colors ${JSON.stringify(t.value) === JSON.stringify(a) ? "bg-primary text-primary-content" : ""} ${f === e ? "border-primary/20 bg-primary/10 border" : ""}`,
+        style: {
+          fontFamily: a.join(", "),
+          fontSize: "14px",
+          fontWeight: "400",
+          height: "32px",
+          width: "100%"
+        },
+        onClick: () => I(a),
+        onMouseEnter: () => E(e, a[0]),
+        onMouseLeave: H,
+        children: [
+          /* @__PURE__ */ o("span", { className: "flex-1 text-left", children: a.join(", ") }),
+          f === e && /* @__PURE__ */ o("span", { className: "text-primary/60 ml-2 text-xs", children: "Preview" })
+        ]
+      }
+    ) }) : null;
+  };
+  if (!t.enabled) return null;
+  const l = t.e;
+  if (!l) return null;
+  const D = window.innerHeight - l.bottom - 20, S = Math.min(400, D, window.innerHeight * 0.6), j = D < 200 ? {
+    position: "absolute",
+    bottom: window.innerHeight - l.top + 6,
+    left: l.left,
+    zIndex: N,
+    maxHeight: Math.min(400, l.top - 20, window.innerHeight * 0.6),
+    width: l.width || 308
+  } : {
+    position: "absolute",
+    top: l.bottom + 6,
+    left: l.left,
+    zIndex: N,
+    maxHeight: S,
+    width: l.width || 308
+  };
+  return V.createPortal(
+    /* @__PURE__ */ u(O, { children: [
+      /* @__PURE__ */ o(
+        "div",
+        {
+          role: "presentation",
+          "aria-hidden": "true",
+          className: "pointer-events-auto fixed inset-0",
+          style: { zIndex: N - 1 },
+          onClick: k
+        }
+      ),
+      /* @__PURE__ */ o("div", { style: j, className: "pagehub-sdk-root pointer-events-auto", children: /* @__PURE__ */ u("div", { className: "ph-panel overflow-hidden p-0", children: [
+        /* @__PURE__ */ o("div", { className: "border-base-300 bg-neutral shrink-0 border-b px-2 pt-2 pb-1", children: /* @__PURE__ */ u("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ o(
+            "input",
+            {
+              type: "text",
+              className: "input-dialog-sm flex-1",
+              placeholder: "Search fonts...",
+              value: p,
+              onChange: (e) => C(e.target.value),
+              autoFocus: !0
+            }
+          ),
+          /* @__PURE__ */ o(
+            Q,
+            {
+              items: Object.keys(b).map((e) => ({
+                id: e,
+                content: `${e} (${b[e].length})`,
+                icon: ""
+              })),
+              selected: v,
+              onChange: (e) => A(e),
+              option: !0
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ o("div", { className: "px-2 py-1", children: /* @__PURE__ */ o(
+          B,
+          {
+            height: Math.min(S - 100, 300),
+            itemCount: c.length,
+            itemSize: 32,
+            width: "100%",
+            children: T
+          }
+        ) })
+      ] }) })
+    ] }),
+    document.querySelector(".pagehub-sdk-root") || document.body
+  );
+};
+export {
+  re as FontFamilyDialog,
+  J as FontFamilyDialogAtom
+};

package/dist/chunks/FontFamilyInput-CTGfFHQR.js

@@ -0,0 +1,110 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useEditor as B, useNode as E } from "@craftjs/core";
+import { useRef as G } from "react";
+import { u as R, F as W, D as w, bn as j, b$ as q, cH as H, db as L, c1 as M, K as P, cm as z, dc as J, dd as O, de as Q, bP as T, df as U, c0 as X } from "./index-lNS44FHV.js";
+function Y(s, c) {
+  if (!s) return "";
+  const e = J(s);
+  if (/^font-\(--/.test(e)) {
+    const n = O(e, c);
+    if (n && typeof n == "string" && !n.includes("var("))
+      return n.split(",")[0].trim().replace(/^['"]|['"]$/g, "");
+  }
+  return Q(e) || s;
+}
+const Z = ({
+  propKey: s,
+  label: c = "",
+  prefix: e = "",
+  index: u = null,
+  propItemKey: n = "",
+  propType: o = "class",
+  inline: _ = !0,
+  inputWidth: K = "",
+  labelWidth: y = ""
+}) => {
+  const [D, d] = R(W), { actions: x, query: g } = B(), F = w(j), v = w(q).dark ?? !1, {
+    actions: { setProp: S },
+    nodeProps: p,
+    id: I
+  } = E((t) => {
+    var a;
+    return {
+      nodeProps: ((a = t.data) == null ? void 0 : a.props) || {},
+      id: t.id
+    };
+  }), N = { propKey: s, propType: o, index: u, propItemKey: n }, { value: $ } = H(N, F, p, v), l = $ || "", m = l ? Y(l, g) : "", b = o === "class" ? X(F) : void 0, f = (t, a = 0) => {
+    T(
+      {
+        propType: o,
+        propKey: s,
+        value: t,
+        setProp: S,
+        index: u,
+        propItemKey: n,
+        query: g,
+        actions: x,
+        nodeId: I,
+        ...o === "class" && b != null ? { view: b, classDark: v } : {}
+      },
+      a
+    );
+  }, C = (t, a = 0) => {
+    if (typeof t == "string") {
+      f(t, a);
+      return;
+    }
+    const V = Array.isArray(t) ? t[0] : t, k = V ? U(String(V)) : "";
+    f(k, a);
+  }, h = (t) => C(t, 2e3), A = (t) => C(t, 0), r = G(null);
+  return L(D, d, r, s), /* @__PURE__ */ i("div", { ref: r, children: /* @__PURE__ */ i(
+    M,
+    {
+      label: c,
+      propType: o,
+      propKey: s,
+      labelWidth: y,
+      onLabelClick: () => {
+        d({
+          enabled: !0,
+          value: [],
+          originalValue: l || "",
+          prefix: e,
+          propKey: s,
+          changed: h,
+          preview: A,
+          e: P(r.current)
+        });
+      },
+      trailing: l ? /* @__PURE__ */ i(z, { onClick: () => f("", 2e3), tooltip: "Clear font family" }) : null,
+      children: /* @__PURE__ */ i(
+        "button",
+        {
+          type: "button",
+          title: m,
+          id: s ? `input-${s}` : void 0,
+          onClick: () => {
+            d({
+              enabled: !0,
+              value: [],
+              originalValue: l || "",
+              prefix: e,
+              propKey: s,
+              changed: h,
+              preview: A,
+              e: P(r.current)
+            });
+          },
+          style: {
+            fontFamily: m || void 0
+          },
+          className: "input-plain flex min-w-0 flex-1 items-center truncate text-left",
+          children: m || "Default"
+        }
+      )
+    }
+  ) });
+}, et = () => /* @__PURE__ */ i(Z, { propKey: "fontFamily", label: "Font Family" });
+export {
+  et as FontFamilyInput
+};

package/dist/chunks/FooterMainTab-BcYz8WAd.js

@@ -0,0 +1,9 @@
+import { jsx as o } from "react/jsx-runtime";
+import { M as r, N as t } from "./index-lNS44FHV.js";
+import { r as e } from "./helpers-Bnp6O4wY.js";
+const a = () => e({
+  Content: /* @__PURE__ */ o(r, { collapsible: !1, children: /* @__PURE__ */ o(t, { id: "settings/ai-button" }) })
+});
+export {
+  a as FooterMainTab
+};