@pagehub/sdk 0.1.5 → 0.1.6

package/dist/chunks/SlotRenderer-CaLf_2_C.js

@@ -0,0 +1,38 @@
+import { jsx as t, Fragment as s } from "react/jsx-runtime";
+import { useSyncExternalStore as h, Fragment as m } from "react";
+import { cs as g, a_ as a } from "./index-C66dAl3Q.js";
+function b(f) {
+  const { id: o, ctx: c, fallback: i = null } = f, n = g();
+  h(
+    (r) => {
+      const e = n.slots.subscribe(r), d = n.context.subscribe(r);
+      return () => {
+        e(), d();
+      };
+    },
+    () => n.tick,
+    () => 0
+  );
+  const u = n.slots.getDef(o);
+  if (!u) return /* @__PURE__ */ t(s, { children: i });
+  const l = n.slots.resolve(o, c);
+  if (l.length === 0) return /* @__PURE__ */ t(s, { children: i });
+  if (u.cardinality === "single") {
+    const r = l[0];
+    try {
+      return /* @__PURE__ */ t(s, { children: r.render(c) });
+    } catch (e) {
+      return a.error(`[ph.SlotRenderer] render threw for "${o}":`, e), /* @__PURE__ */ t(s, { children: i });
+    }
+  }
+  return /* @__PURE__ */ t(s, { children: l.map((r, e) => {
+    try {
+      return /* @__PURE__ */ t(m, { children: r.render(c) }, e);
+    } catch (d) {
+      return a.error(`[ph.SlotRenderer] render threw for "${o}" (idx ${e}):`, d), null;
+    }
+  }) });
+}
+export {
+  b as S
+};

package/dist/chunks/StateBindingEditorPanel-DKdcG5py.js

@@ -0,0 +1,101 @@
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useEditor as S, useNode as C } from "@craftjs/core";
+import { ROOT_NODE as F } from "@craftjs/utils";
+import { useMemo as h } from "react";
+import { W as G, aA as I } from "./index-C66dAl3Q.js";
+import { F as P } from "./FloatingPanel-DJP5Vhua.js";
+import { u as R } from "./useElementPicker-DoNuXNMQ.js";
+import { b as W, d as _ } from "./ConditionsInput-B_5Nge8o.js";
+function j() {
+  return [];
+}
+function H({
+  binding: r,
+  onChange: a,
+  initialPosition: b,
+  onClose: g
+}) {
+  var u;
+  const d = R("all"), v = Array.isArray(d) ? d : [], y = j(), { query: c } = S(), { availableModifiers: l, siteModifiers: N, nodeName: m } = C((e) => {
+    var t, i, n, x;
+    return {
+      nodeName: (t = e.data) == null ? void 0 : t.name,
+      availableModifiers: ((x = (n = (i = e.data.type) == null ? void 0 : i.craft) == null ? void 0 : n.toolbar) == null ? void 0 : x.modifiers) || [],
+      siteModifiers: []
+    };
+  }), f = h(() => {
+    var e, t;
+    try {
+      const i = c.node(F).get(), n = (t = (e = i == null ? void 0 : i.data) == null ? void 0 : e.props) == null ? void 0 : t.modifiers;
+      return !n || typeof n != "object" ? [] : n[m] || [];
+    } catch {
+      return [];
+    }
+  }, [c, m, N]), p = h(
+    () => [...l, ...f],
+    [l, f]
+  ), M = ((u = r.conditions) == null ? void 0 : u[0]) ?? {
+    conditions: [_("state")],
+    logic: "all"
+  }, A = (e) => {
+    a({ ...r, conditions: e.conditions.length > 0 ? [e] : [] });
+  }, E = () => {
+    a({ ...r, conditions: [] });
+  }, O = (e) => {
+    const t = new Set(r.modifiers || []);
+    t.has(e) ? t.delete(e) : t.add(e), a({ ...r, modifiers: Array.from(t) });
+  };
+  return /* @__PURE__ */ o(
+    P,
+    {
+      isOpen: !0,
+      onClose: g,
+      title: "State binding",
+      storageKey: "state-binding-editor",
+      minWidth: 320,
+      maxWidth: 480,
+      minHeight: 300,
+      initialPosition: b,
+      zIndex: G,
+      scrollable: !0,
+      children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ s("div", { children: [
+          /* @__PURE__ */ o("div", { className: "text-base-content mb-1 text-[11px] font-medium", children: "When" }),
+          /* @__PURE__ */ o(
+            W,
+            {
+              group: M,
+              groupIndex: 0,
+              onChange: A,
+              onRemove: E,
+              formElements: v,
+              connectorOptions: y
+            }
+          )
+        ] }),
+        /* @__PURE__ */ s("div", { children: [
+          /* @__PURE__ */ o("div", { className: "text-base-content mb-1 text-[11px] font-medium", children: "Apply modifiers" }),
+          p.length === 0 ? /* @__PURE__ */ o("div", { className: "text-neutral-content text-[10px]", children: "No modifiers registered for this component. Save a modifier from the Modifiers section first." }) : /* @__PURE__ */ o("div", { className: "flex flex-wrap gap-1", children: p.map((e) => {
+            const t = (r.modifiers || []).includes(e.name);
+            return /* @__PURE__ */ s(
+              "button",
+              {
+                type: "button",
+                onClick: () => O(e.name),
+                className: `flex items-center gap-1 rounded-md border px-2 py-1 text-[10px] transition-colors ${t ? "bg-primary/10 border-primary text-primary" : "bg-base-100 border-base-300 text-neutral-content hover:border-base-content"}`,
+                children: [
+                  t && /* @__PURE__ */ o(I, { className: "size-3", "aria-hidden": !0 }),
+                  e.label || e.name
+                ]
+              },
+              e.name
+            );
+          }) })
+        ] })
+      ] })
+    }
+  );
+}
+export {
+  H as default
+};

package/dist/chunks/StateBindingsAddPicker-DxMNAWAD.js

@@ -0,0 +1,91 @@
+import { jsx as n } from "react/jsx-runtime";
+import { useNode as v } from "@craftjs/core";
+import { useRef as A } from "react";
+import { e9 as N, d as O, G as c } from "./index-C66dAl3Q.js";
+import { S as P } from "./SearchableMenuPopover-DZKVXiEl.js";
+import { g as B } from "./propertyRegistry-CMhVNOgl.js";
+import { P as R, u as k, r as q } from "./popoverOpenRequestAtom-hBS_siXv.js";
+import { d as D } from "./ConditionsInput-B_5Nge8o.js";
+const T = "stateBindings", w = [
+  {
+    id: "visibility",
+    label: "Visibility key",
+    help: "Read show/hide from a state key",
+    data: "visibility"
+  },
+  {
+    id: "computed",
+    label: "Computed binding",
+    help: "Derive a new state value",
+    data: "computed"
+  },
+  {
+    id: "binding",
+    label: "State binding",
+    help: "Apply modifiers when state matches",
+    data: "binding"
+  }
+];
+function F({ def: r }) {
+  var u;
+  const {
+    id: d,
+    nodeName: f,
+    actions: { setProp: a }
+  } = v((e) => {
+    var i, m;
+    return {
+      id: e.id,
+      nodeName: ((i = e.data) == null ? void 0 : i.name) || ((m = e.data) == null ? void 0 : m.displayName) || ""
+    };
+  }), t = N(), s = (u = B(r.section)) == null ? void 0 : u.title, [b, y] = O(R), l = A(null), p = f === "Container", o = () => {
+    a((e) => {
+      const i = Array.isArray(e.stateModifiers) ? [...e.stateModifiers] : [];
+      i.push({
+        conditions: [{ conditions: [D("state")], logic: "all" }],
+        modifiers: []
+      }), e.stateModifiers = i;
+    }), s && (t != null && t.setOpen) && t.setOpen(s, !0), q(b, y, d, T);
+  }, g = () => {
+    a((e) => {
+      typeof e.visibilityStateKey != "string" && (e.visibilityStateKey = "");
+    }), s && (t != null && t.setOpen) && t.setOpen(s, !0);
+  }, h = () => {
+    a((e) => {
+      const i = Array.isArray(e.computedStateBindings) ? [...e.computedStateBindings] : [];
+      i.push({ key: "", from: [], compute: { type: "all-truthy" } }), e.computedStateBindings = i;
+    }), s && (t != null && t.setOpen) && t.setOpen(s, !0);
+  }, S = (e) => {
+    e.data === "visibility" ? g() : e.data === "computed" ? h() : e.data === "binding" && o();
+  };
+  return k(d, r.id, () => {
+    p ? requestAnimationFrame(() => {
+      var e;
+      return (e = l.current) == null ? void 0 : e.open();
+    }) : o();
+  }), p ? /* @__PURE__ */ n(
+    P,
+    {
+      ref: l,
+      items: w,
+      onSelect: S,
+      trigger: /* @__PURE__ */ n(c, { className: "size-3.5", "aria-hidden": !0 }),
+      triggerAriaLabel: "Add state wiring",
+      searchPlaceholder: "Search…",
+      anchor: "bottom end",
+      panelWidthClass: "w-72"
+    }
+  ) : /* @__PURE__ */ n(
+    "button",
+    {
+      type: "button",
+      onClick: o,
+      "aria-label": "Add state binding",
+      className: "text-neutral-content hover:text-base-content flex items-center justify-center rounded p-0.5",
+      children: /* @__PURE__ */ n(c, { className: "size-3.5", "aria-hidden": !0 })
+    }
+  );
+}
+export {
+  F as default
+};

package/dist/chunks/StateBindingsInput-iWiqvAVB.js

@@ -0,0 +1,103 @@
+import { jsxs as P, jsx as p, Fragment as A } from "react/jsx-runtime";
+import { useNode as k } from "@craftjs/core";
+import { useRef as v, useState as R, useEffect as x, Suspense as B, lazy as I } from "react";
+import { u as N, eF as S, C as $, e4 as b } from "./index-C66dAl3Q.js";
+import { u as q } from "./usePopoverPosition-83Vti7Aw.js";
+import { P as C, p as E } from "./popoverOpenRequestAtom-hBS_siXv.js";
+const T = I(() => import("./StateBindingEditorPanel-DKdcG5py.js")), _ = 380, D = "stateBindings";
+function F(l) {
+  var o, r, u;
+  const t = (u = (r = (o = l.conditions) == null ? void 0 : o[0]) == null ? void 0 : r.conditions) == null ? void 0 : u[0], e = t ? t.operator && t.operator.startsWith("not") ? `${t.key || "?"} ≠ ${t.value || "?"}` : t.operator === "exists" ? `${t.key || "?"} exists` : t.operator === "not-exists" ? `${t.key || "?"} missing` : `${t.key || "?"} = ${t.value || "?"}` : "(no condition)", c = Array.isArray(l.modifiers) ? l.modifiers : [], i = c.length === 0 ? "(no modifiers)" : c.slice(0, 3).join(", ") + (c.length > 3 ? "…" : "");
+  return { left: e, right: i };
+}
+function L({
+  binding: l,
+  onChange: t,
+  onRemove: e,
+  autoOpen: c,
+  onAutoOpenConsumed: i
+}) {
+  const [o, r] = R(!1), { triggerRef: u, initialPos: f, setInitialPos: m, computePosition: d } = q(_), g = () => {
+    m(d()), r(!0);
+  }, h = v(!1);
+  x(() => {
+    !c || h.current || (h.current = !0, requestAnimationFrame(() => {
+      m(d()), r(!0), i == null || i();
+    }));
+  }, [c]);
+  const { left: s, right: n } = F(l);
+  return /* @__PURE__ */ P(A, { children: [
+    /* @__PURE__ */ p(
+      $,
+      {
+        mode: "popover",
+        ref: u,
+        label: "When",
+        open: o,
+        onTriggerClick: () => o ? r(!1) : g(),
+        onClear: () => {
+          o && r(!1), e();
+        },
+        triggerAriaLabel: "Edit state binding",
+        clearAriaLabel: "Remove state binding",
+        leading: /* @__PURE__ */ p(b, { className: "size-3.5", "aria-hidden": !0 }),
+        summary: `${s}  →  ${n}`
+      }
+    ),
+    o && /* @__PURE__ */ p(B, { fallback: null, children: /* @__PURE__ */ p(
+      T,
+      {
+        binding: l,
+        onChange: t,
+        initialPosition: f,
+        onClose: () => r(!1)
+      }
+    ) })
+  ] });
+}
+const M = () => {
+  const {
+    id: l,
+    actions: { setProp: t },
+    list: e
+  } = k((s) => {
+    var n, a;
+    return {
+      id: s.id,
+      list: ((a = (n = s.data) == null ? void 0 : n.props) == null ? void 0 : a.stateModifiers) || []
+    };
+  }), i = N(C).get(E(l, D)) || 0, o = (s) => {
+    t((n) => {
+      n.stateModifiers = s;
+    });
+  }, r = (s, n) => {
+    o(e.map((a, y) => y === s ? n : a));
+  }, u = (s) => {
+    o(e.filter((n, a) => a !== s));
+  }, f = v(e.length), [m, d] = R(null);
+  x(() => {
+    e.length > f.current && d(e.length - 1), f.current = e.length;
+  }, [e.length]);
+  const g = v(0);
+  x(() => {
+    i === 0 || i === g.current || (g.current = i, e.length > 0 && d(e.length - 1));
+  }, [i, e.length]);
+  const h = () => d(null);
+  return e.length === 0 ? /* @__PURE__ */ P("div", { className: "text-neutral-content flex items-center gap-2 px-1 py-1 text-[10px]", children: [
+    /* @__PURE__ */ p(S, { className: "size-3.5", "aria-hidden": !0 }),
+    "Bind modifiers to state — click + above to add a rule."
+  ] }) : /* @__PURE__ */ p("div", { className: "flex flex-col gap-1", children: e.map((s, n) => /* @__PURE__ */ p(
+    L,
+    {
+      binding: s,
+      autoOpen: n === m,
+      onAutoOpenConsumed: h,
+      onChange: (a) => r(n, a),
+      onRemove: () => u(n)
+    },
+    n
+  )) });
+};
+export {
+  M as StateBindingsInput
+};

package/dist/chunks/TailwindInput-660FZtyK.js

@@ -0,0 +1,24 @@
+import { jsx as o } from "react/jsx-runtime";
+import { n as a, o as s } from "./index-C66dAl3Q.js";
+function u(t) {
+  const r = s[t];
+  return !Array.isArray(r) || r.length === 0 || !r.every((n) => typeof n == "string") ? null : r;
+}
+const y = ({ type: t = "select", propKey: r, min: n = 0, label: i, prop: l }) => {
+  const e = u(l);
+  return e ? /* @__PURE__ */ o(
+    a,
+    {
+      propKey: r,
+      type: t,
+      label: i,
+      max: e.length - 1,
+      min: n,
+      valueLabels: e,
+      inline: !0
+    }
+  ) : null;
+};
+export {
+  y as TailwindInput
+};