@pagehub/sdk 0.1.4 → 0.1.6

package/dist/chunks/CreateTokenDialog-DNWtWqJd.js

@@ -0,0 +1,147 @@
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { ROOT_NODE as p } from "@craftjs/utils";
+import { useEditor as B } from "@craftjs/core";
+import { a as U, S as D } from "./AnchoredPopover-CckPTxXu.js";
+import { useState as C, useRef as E, useEffect as P } from "react";
+import { ct as F, bY as _, aA as q, aB as V, r as S, a_ as j } from "./index-C66dAl3Q.js";
+function J({
+  existing: t,
+  paletteKey: u = "palette",
+  onCreated: z,
+  onDeleted: f,
+  onClose: m
+}) {
+  const { actions: v, query: x } = B(), s = !!t, [b, O] = C((t == null ? void 0 : t.originalName) ?? "New Color"), [d, R] = C((t == null ? void 0 : t.color) ?? "#3b82f6"), g = E(null), w = E(null), L = s ? `--${t.originalName.replace(/([A-Z])/g, "-$1").replace(/\s+/g, "-").toLowerCase().replace(/^-/, "")}` : null, N = U(L), c = s && N.count > 0, $ = s && b.trim() !== t.originalName, y = c && $;
+  P(() => {
+    var e;
+    (e = g.current) == null || e.select();
+  }, []), P(() => {
+    const e = (n) => {
+      var a;
+      (a = w.current) != null && a.contains(n.target) || m();
+    };
+    return document.addEventListener("mousedown", e, !0), () => document.removeEventListener("mousedown", e, !0);
+  }, [m]), F({
+    id: `create-token-dialog:${(t == null ? void 0 : t.originalName) ?? "new"}`,
+    isOpen: !0,
+    onDismiss: m
+  });
+  const T = () => {
+    var n;
+    const e = b.trim();
+    if (e && !y)
+      try {
+        const a = x.node(p).get(), k = S(((n = a == null ? void 0 : a.data) == null ? void 0 : n.props) || {}), h = (u === "darkPalette" ? k.darkPalette : k.palette) ?? [];
+        let r;
+        s ? (r = h.map(
+          (l) => l.name === t.originalName ? { name: e, color: d } : l
+        ), r.some((l) => l.name === e) || (r = [...r, { name: e, color: d }])) : r = [...h, { name: e, color: d }], v.setProp(p, (l) => {
+          l.theme || (l.theme = {}), l.theme[u] = r;
+        }), z(e);
+      } catch (a) {
+        j.error("Failed to save token:", a);
+      }
+  }, A = () => {
+    var e;
+    if (s && !c)
+      try {
+        const n = x.node(p).get(), a = S(((e = n == null ? void 0 : n.data) == null ? void 0 : e.props) || {}), h = ((u === "darkPalette" ? a.darkPalette : a.palette) ?? []).filter((r) => r.name !== t.originalName);
+        v.setProp(p, (r) => {
+          r.theme || (r.theme = {}), r.theme[u] = h;
+        }), f == null || f(t.originalName), m();
+      } catch (n) {
+        j.error("Failed to delete token:", n);
+      }
+  };
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      ref: w,
+      className: "border-base-300 bg-base-200 flex w-[240px] flex-col gap-3 rounded-xl border p-3 shadow-xl",
+      children: [
+        /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ o("span", { className: "text-base-content text-xs font-medium", children: s ? "Edit Token" : "New Token" }),
+          /* @__PURE__ */ o("button", { onClick: m, className: "text-neutral-content hover:text-base-content", children: /* @__PURE__ */ o(_, { className: "size-3.5" }) })
+        ] }),
+        c && /* @__PURE__ */ i("div", { className: "border-warning bg-warning/10 text-warning rounded-md border px-2 py-1.5 text-[11px]", children: [
+          "Used by ",
+          N.count,
+          " node",
+          N.count === 1 ? "" : "s",
+          ". Remove references before renaming or deleting."
+        ] }),
+        /* @__PURE__ */ o(
+          "input",
+          {
+            ref: g,
+            type: "text",
+            value: b,
+            onChange: (e) => O(e.target.value),
+            placeholder: "Token name...",
+            disabled: c,
+            className: "border-base-300 bg-base-200 text-base-content placeholder:text-neutral-content focus:border-ring focus:ring-ring rounded-md border px-2 py-1.5 text-xs outline-none focus:ring-1 disabled:cursor-not-allowed disabled:opacity-50",
+            onKeyDown: (e) => {
+              e.key === "Enter" && T();
+            }
+          }
+        ),
+        /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ o(
+            "div",
+            {
+              className: "border-base-300 size-8 shrink-0 rounded-md border-2",
+              style: { backgroundColor: d }
+            }
+          ),
+          /* @__PURE__ */ o("span", { className: "text-neutral-content text-[10px]", children: d })
+        ] }),
+        /* @__PURE__ */ o("div", { className: "overflow-hidden rounded-md", children: /* @__PURE__ */ o(
+          D,
+          {
+            width: "100%",
+            presetColors: [],
+            styles: {
+              picker: {},
+              saturation: {
+                width: "100%",
+                height: "80px",
+                paddingBottom: "",
+                position: "relative",
+                overflow: "hidden"
+              }
+            },
+            color: d,
+            onChangeComplete: (e) => R(e.hex)
+          }
+        ) }),
+        /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ i(
+            "button",
+            {
+              onClick: T,
+              disabled: !b.trim() || y,
+              className: "bg-primary text-primary-content hover:bg-primary/90 flex flex-1 items-center justify-center gap-1.5 rounded-md px-3 py-1.5 text-xs disabled:cursor-not-allowed disabled:opacity-50",
+              children: [
+                /* @__PURE__ */ o(q, { className: "size-3" }),
+                s ? "Save" : "Save Token"
+              ]
+            }
+          ),
+          s && /* @__PURE__ */ o(
+            "button",
+            {
+              onClick: A,
+              disabled: c,
+              className: "border-base-300 text-neutral-content hover:border-error hover:text-error flex size-8 shrink-0 items-center justify-center rounded-md border transition-colors disabled:cursor-not-allowed disabled:opacity-50",
+              "aria-label": c ? "Cannot delete — token is in use" : "Delete token",
+              children: /* @__PURE__ */ o(V, { className: "size-3.5" })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+export {
+  J as C
+};

package/dist/chunks/Data.render-DTmaqSyz.js

@@ -0,0 +1,10 @@
+import { d0 as a, d1 as t } from "./index-C66dAl3Q.js";
+const n = (e) => {
+  const { renderChildren: r } = a(e.dataSource, {
+    livePreview: e.livePreview
+  });
+  return t(e, { renderChildren: r });
+};
+export {
+  n as DataRender
+};

package/dist/chunks/DataAttributesPanel-mYhisO_O.js

@@ -0,0 +1,125 @@
+import { jsx as e, jsxs as c, Fragment as y } from "react/jsx-runtime";
+import { useNode as g } from "@craftjs/core";
+import { useState as f } from "react";
+import { W as A, C as s, a3 as o, aB as N, G as w } from "./index-C66dAl3Q.js";
+import { F as k } from "./FloatingPanel-DJP5Vhua.js";
+function T({ initialPosition: i, onClose: r }) {
+  return /* @__PURE__ */ e(
+    k,
+    {
+      isOpen: !0,
+      onClose: r,
+      title: "Data Attributes",
+      storageKey: "data-attributes",
+      minWidth: 300,
+      maxWidth: 520,
+      minHeight: 220,
+      initialPosition: i,
+      zIndex: A,
+      scrollable: !0,
+      children: /* @__PURE__ */ e(C, {})
+    }
+  );
+}
+function C() {
+  const {
+    dataAttributes: i,
+    actions: { setProp: r }
+  } = g((t) => {
+    var a, n;
+    return {
+      dataAttributes: ((n = (a = t.data) == null ? void 0 : a.props) == null ? void 0 : n.dataAttributes) || []
+    };
+  }), [d, m] = f(""), [h, p] = f(""), u = () => {
+    const t = d.trim().replace(/^data-/, "");
+    t && (r((a) => {
+      a.dataAttributes || (a.dataAttributes = []), a.dataAttributes.push({ key: t, value: h });
+    }), m(""), p(""));
+  }, v = (t) => {
+    r((a) => {
+      a.dataAttributes = (a.dataAttributes || []).filter(
+        (n, l) => l !== t
+      );
+    });
+  }, b = (t, a, n) => {
+    r((l) => {
+      var x;
+      (x = l.dataAttributes) != null && x[t] && (l.dataAttributes[t][a] = a === "key" ? n.replace(/^data-/, "") : n);
+    });
+  };
+  return /* @__PURE__ */ c(y, { children: [
+    i.map((t, a) => /* @__PURE__ */ c("div", { className: "flex min-w-0 items-center gap-1", children: [
+      /* @__PURE__ */ e("span", { className: "text-neutral-content shrink-0", children: "data-" }),
+      /* @__PURE__ */ e("div", { className: "w-20 shrink-0", children: /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(
+        "input",
+        {
+          type: "text",
+          value: t.key,
+          onChange: (n) => b(a, "key", n.target.value),
+          className: "h-full w-full bg-transparent px-1 font-mono text-xs outline-none",
+          placeholder: "key",
+          ...o
+        }
+      ) }) }),
+      /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(
+        "input",
+        {
+          type: "text",
+          value: t.value,
+          onChange: (n) => b(a, "value", n.target.value),
+          className: "h-full w-full bg-transparent px-1 font-mono text-xs outline-none",
+          placeholder: "value",
+          ...o
+        }
+      ) }) }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          onClick: () => v(a),
+          className: "text-neutral-content hover:bg-error hover:text-error-content rounded p-1",
+          children: /* @__PURE__ */ e(N, { size: 12 })
+        }
+      )
+    ] }, a)),
+    /* @__PURE__ */ c("div", { className: "flex min-w-0 items-center gap-1", children: [
+      /* @__PURE__ */ e("span", { className: "text-neutral-content shrink-0", children: "data-" }),
+      /* @__PURE__ */ e("div", { className: "w-20 shrink-0", children: /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(
+        "input",
+        {
+          type: "text",
+          value: d,
+          onChange: (t) => m(t.target.value),
+          onKeyDown: (t) => t.key === "Enter" && u(),
+          className: "h-full w-full bg-transparent px-1 font-mono text-xs outline-none",
+          placeholder: "key",
+          ...o
+        }
+      ) }) }),
+      /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(
+        "input",
+        {
+          type: "text",
+          value: h,
+          onChange: (t) => p(t.target.value),
+          onKeyDown: (t) => t.key === "Enter" && u(),
+          className: "h-full w-full bg-transparent px-1 font-mono text-xs outline-none",
+          placeholder: "value",
+          ...o
+        }
+      ) }) }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          onClick: u,
+          className: "text-neutral-content hover:bg-primary hover:text-primary-content rounded p-1",
+          children: /* @__PURE__ */ e(w, { size: 12 })
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  T as default
+};

package/dist/chunks/DataMainTab-Batm515E.js

@@ -0,0 +1,23 @@
+import { jsxs as s, Fragment as a, jsx as o } from "react/jsx-runtime";
+import { useNode as n } from "@craftjs/core";
+import { u as c, L as i } from "./useLayoutPreset-wOMV5YnO.js";
+import { v as p, w as l } from "./index-C66dAl3Q.js";
+import { r as d } from "./helpers-Cll72tMn.js";
+import { S as u } from "./SlotRenderer-CaLf_2_C.js";
+const m = () => {
+  const { id: t } = n();
+  return /* @__PURE__ */ o(u, { id: "node/data-source-section", ctx: { nodeId: t } });
+}, h = () => {
+  var e;
+  (e = p().data) == null || e.props;
+  const r = c({ propKey: "layoutPreset" });
+  return /* @__PURE__ */ s(a, { children: [
+    /* @__PURE__ */ o(m, {}),
+    d({
+      Content: /* @__PURE__ */ o(l, { collapsible: !1, children: /* @__PURE__ */ o(i, { lp: r, sectionWrapper: !1 }) })
+    })
+  ] });
+};
+export {
+  h as DataMainTab
+};

package/dist/chunks/DataSourceSectionSlot-BKoO6Vxn.js

@@ -0,0 +1,10 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useNode as e } from "@craftjs/core";
+import { S as r } from "./SlotRenderer-CaLf_2_C.js";
+function c() {
+  const { id: o } = e();
+  return /* @__PURE__ */ t(r, { id: "node/data-source-section", ctx: { nodeId: o } });
+}
+export {
+  c as DataSourceSectionSlot
+};

package/dist/chunks/EditorEmptyLeafHintView-D3E3UN_0.js

@@ -0,0 +1,78 @@
+import { jsx as e, jsxs as t, Fragment as f } from "react/jsx-runtime";
+import { t as g, aX as N, ao as y, aY as w, aZ as T } from "./index-C66dAl3Q.js";
+const n = {
+  zIndex: N,
+  maxWidth: 220,
+  borderRadius: 8,
+  border: "1px solid rgba(0,0,0,0.12)",
+  background: "#fff",
+  color: "#1f2937",
+  padding: "4px 8px",
+  fontSize: 12,
+  fontWeight: 400,
+  lineHeight: 1.4,
+  boxShadow: "0 4px 12px rgba(0,0,0,0.12)",
+  whiteSpace: "nowrap",
+  textTransform: "none",
+  letterSpacing: "normal"
+};
+function j({
+  selected: a,
+  icon: l,
+  selectedIcon: i,
+  idleLabel: p,
+  selectedLabel: d,
+  showActionIcons: m,
+  typeLabel: s,
+  className: h,
+  onClick: o
+}) {
+  const x = a && i ? i : l, b = a ? d : p, u = a ? "border-base-300/70 bg-base-200/45 text-neutral-content/80" : "border-base-300/45 bg-base-200/35 text-neutral-content/55", r = a && m ? /* @__PURE__ */ t("div", { className: "flex flex-col items-center gap-0.5 leading-none", children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: "flex items-center gap-2",
+        "aria-label": "Drop, double-click, or right-click to insert",
+        children: [
+          /* @__PURE__ */ t("span", { className: "tooltip tooltip-top", children: [
+            /* @__PURE__ */ e("span", { className: "tooltip-content", style: n, children: "Drag from the sidebar" }),
+            /* @__PURE__ */ e(y, { className: "size-3 opacity-70", "aria-hidden": !0 })
+          ] }),
+          /* @__PURE__ */ e("span", { className: "text-neutral-content/30 text-[7px]", children: "·" }),
+          /* @__PURE__ */ t("span", { className: "tooltip tooltip-top", children: [
+            /* @__PURE__ */ e("span", { className: "tooltip-content", style: n, children: "Double-click to add" }),
+            /* @__PURE__ */ e(w, { className: "size-3 opacity-70", "aria-hidden": !0 })
+          ] }),
+          /* @__PURE__ */ e("span", { className: "text-neutral-content/30 text-[7px]", children: "·" }),
+          /* @__PURE__ */ t("span", { className: "tooltip tooltip-top", children: [
+            /* @__PURE__ */ e("span", { className: "tooltip-content", style: n, children: "Right-click to add" }),
+            /* @__PURE__ */ e(T, { className: "size-3 opacity-70", "aria-hidden": !0 })
+          ] })
+        ]
+      }
+    ),
+    s && /* @__PURE__ */ e("span", { className: "truncate text-[8px] tracking-wide opacity-70", children: s })
+  ] }) : /* @__PURE__ */ t(f, { children: [
+    /* @__PURE__ */ e(
+      "span",
+      {
+        className: `flex size-3.5 shrink-0 items-center justify-center ${a ? "opacity-75" : "opacity-60"} [&>svg]:size-3.5`,
+        "aria-hidden": !0,
+        children: x
+      }
+    ),
+    /* @__PURE__ */ e("span", { className: "truncate whitespace-nowrap", children: b })
+  ] }), c = `flex min-h-8 items-center justify-center gap-1.5 border border-dashed px-2 py-1 text-[10px] font-medium uppercase ${u}`;
+  return /* @__PURE__ */ e("div", { className: g("flex w-full flex-1 items-center justify-center", h), children: o ? /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      onClick: o,
+      className: `${c} cursor-pointer transition-opacity hover:opacity-100`,
+      children: r
+    }
+  ) : /* @__PURE__ */ e("div", { className: c, children: r }) });
+}
+export {
+  j as EditorEmptyLeafHintView
+};