@pagehub/sdk 0.1.0

package/dist/chunks/BackgroundImageInputPopover-BwfeSxko.js

@@ -0,0 +1,93 @@
+import { jsxs as w, Fragment as E, jsx as t } from "react/jsx-runtime";
+import { useEditor as H, useNode as _ } from "@craftjs/core";
+import { useState as k, useMemo as j, Suspense as y, lazy as S } from "react";
+import { cg as C, bz as B, dG as D, dH as O, by as R, c1 as F, cD as G, dI as U, bf as W } from "./index-lNS44FHV.js";
+import { u as q } from "./usePopoverAutoOpen-BJbJARN-.js";
+const Q = S(() => import("./BackgroundImagePanel-BrzYJY3H.js")), $ = S(() => import("./ImageSettingsPanel-CT5fi4i-.js")), J = 480, K = 360;
+function ee({ def: o }) {
+  var P;
+  const [s, i] = k(!1), [p, c] = k(!1), r = C(J), l = C(K), { query: u } = H(), {
+    actions: { setProp: T },
+    id: x,
+    background: m
+  } = _((a) => {
+    var h, v;
+    return {
+      id: a.id,
+      background: (v = (h = a.data) == null ? void 0 : h.props) == null ? void 0 : v.background
+    };
+  }), { pageMedia: A } = j(() => B(u), [u]), d = m == null ? void 0 : m.image, n = !!d, e = n ? D(u, d) : null, f = (e == null ? void 0 : e.type) === "svg", b = f ? (P = e == null ? void 0 : e.metadata) == null ? void 0 : P.svg : null;
+  let g = null;
+  if (n && !f)
+    if ((e == null ? void 0 : e.type) === "cdn") {
+      const a = e.cdnId || e.id;
+      g = O(a, { width: 600, format: "auto" });
+    } else
+      g = R(A, d);
+  const I = () => {
+    r.setInitialPos(r.computePosition()), i(!0);
+  }, N = () => {
+    l.setInitialPos(l.computePosition()), c(!0);
+  };
+  q({ nodeId: x, defId: o == null ? void 0 : o.id, onOpen: I });
+  const z = () => {
+    T((a) => {
+      a.background || (a.background = {}), a.background.image = null, a.background.imageType = "cdn";
+    });
+  }, L = (o == null ? void 0 : o.label) ?? "Image";
+  return /* @__PURE__ */ w(E, { children: [
+    /* @__PURE__ */ t(
+      F,
+      {
+        mode: "popover",
+        ref: r.triggerRef,
+        label: L,
+        open: s,
+        onTriggerClick: () => s ? i(!1) : I(),
+        onClear: () => {
+          s && i(!1), p && c(!1), z();
+        },
+        triggerAriaLabel: n ? "Change image" : "Add image",
+        clearAriaLabel: "Clear image",
+        variant: n ? "preview" : "default",
+        leading: n ? b ? /* @__PURE__ */ t(
+          "span",
+          {
+            className: "text-base-content absolute inset-0 flex items-center justify-center [&>svg]:size-full [&>svg]:max-h-full [&>svg]:max-w-full",
+            dangerouslySetInnerHTML: { __html: b },
+            "aria-hidden": !0
+          }
+        ) : /* @__PURE__ */ t(
+          "span",
+          {
+            className: "absolute inset-0 bg-cover bg-center",
+            style: g ? { backgroundImage: `url(${g})` } : void 0,
+            "aria-hidden": !0
+          }
+        ) : /* @__PURE__ */ t(W, { className: "size-3.5", "aria-hidden": !0 }),
+        summary: n ? null : "Add...",
+        trailingExtras: n ? /* @__PURE__ */ t(
+          G,
+          {
+            ref: l.triggerRef,
+            ariaLabel: "Image settings",
+            tooltip: "Image settings",
+            onClick: N,
+            children: /* @__PURE__ */ t(U, { className: "size-3.5", "aria-hidden": !0 })
+          }
+        ) : null
+      }
+    ),
+    s && /* @__PURE__ */ t(y, { fallback: null, children: /* @__PURE__ */ t(Q, { initialPosition: r.initialPos, onClose: () => i(!1) }) }),
+    p && /* @__PURE__ */ t(y, { fallback: null, children: /* @__PURE__ */ t(
+      $,
+      {
+        initialPosition: l.initialPos,
+        onClose: () => c(!1)
+      }
+    ) })
+  ] });
+}
+export {
+  ee as default
+};

package/dist/chunks/BackgroundImagePanel-BrzYJY3H.js

@@ -0,0 +1,98 @@
+import { jsxs as u, Fragment as f, jsx as t } from "react/jsx-runtime";
+import { useEditor as g, useNode as p } from "@craftjs/core";
+import { useEffect as h } from "react";
+import { fl as M, c5 as v, d8 as P, fm as y, fn as k, fo as C, fp as I, dG as x, fq as w } from "./index-lNS44FHV.js";
+const O = 480, S = 600;
+function F({ initialPosition: s, onClose: a }) {
+  const { query: r, actions: l } = g(), {
+    actions: { setProp: m },
+    id: c
+  } = p((i) => ({ id: i.id })), d = (i) => {
+    if (!i) return;
+    const n = x(r, i);
+    m((o) => {
+      o.background || (o.background = {}), o.background.image = i, o.background.imageType = (n == null ? void 0 : n.type) || "cdn";
+    }), w(
+      r,
+      l,
+      i,
+      (n == null ? void 0 : n.type) || "cdn",
+      c
+    ), a();
+  }, e = M({
+    isOpen: !0,
+    onClose: a,
+    onSelect: d,
+    selectionMode: !0
+  });
+  return h(() => {
+    e.kindFilter !== "all" && e.setKindFilter("all");
+  }, [e.kindFilter, e.setKindFilter]), /* @__PURE__ */ u(f, { children: [
+    /* @__PURE__ */ t(
+      v,
+      {
+        isOpen: !0,
+        onClose: a,
+        title: "Select Image",
+        storageKey: "background-image-picker",
+        autoSize: !1,
+        defaultWidth: O,
+        defaultHeight: S,
+        minWidth: 360,
+        maxWidth: 720,
+        minHeight: 420,
+        initialPosition: s,
+        persistSize: !1,
+        zIndex: P,
+        children: /* @__PURE__ */ t(
+          y,
+          {
+            manager: e,
+            selectionMode: !0,
+            onSelect: d,
+            onClose: a,
+            popover: !0
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ t(
+      k,
+      {
+        previewMedia: e.previewMedia,
+        filteredMedia: e.filteredMedia,
+        onClose: () => e.setPreviewMedia(null),
+        onPrevious: e.handlePreviewPrevious,
+        onNext: e.handlePreviewNext
+      }
+    ),
+    /* @__PURE__ */ t(
+      C,
+      {
+        isOpen: e.cropMedia !== null,
+        onClose: () => e.setCropMedia(null),
+        media: e.cropMedia,
+        onSave: e.handleSaveCroppedImage,
+        settings: e.settings
+      },
+      "image-crop-modal"
+    ),
+    /* @__PURE__ */ t(
+      I,
+      {
+        isOpen: e.deleteConfirm.isOpen,
+        onClose: () => e.setDeleteConfirm({ isOpen: !1, mediaIds: [] }),
+        onConfirm: e.confirmDelete,
+        title: "Delete Media",
+        message: e.deleteConfirm.mediaIds.length > 1 ? `Are you sure you want to delete ${e.deleteConfirm.mediaIds.length} media items? This action cannot be undone.` : "Are you sure you want to delete this media item? This action cannot be undone.",
+        confirmText: "Delete",
+        cancelText: "Cancel",
+        variant: "danger"
+      },
+      "delete-confirm-dialog"
+    )
+  ] });
+}
+export {
+  F as default
+};

package/dist/chunks/BackgroundMainTab-CHAIrTjf.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 s = () => e({
+  Content: /* @__PURE__ */ o(r, { collapsible: !1, children: /* @__PURE__ */ o(t, { id: "settings/ai-button" }) })
+});
+export {
+  s as BackgroundMainTab
+};

package/dist/chunks/BundleRowPanel-Czf-Ge8c.js

@@ -0,0 +1,31 @@
+import { jsx as r } from "react/jsx-runtime";
+import { c5 as l, d8 as m, eb as s } from "./index-lNS44FHV.js";
+function f({
+  title: n,
+  icon: t,
+  storageKey: a,
+  initialPosition: i,
+  onClose: o,
+  properties: d
+}) {
+  return /* @__PURE__ */ r(
+    l,
+    {
+      isOpen: !0,
+      onClose: o,
+      title: n,
+      icon: t,
+      storageKey: a,
+      minWidth: 260,
+      maxWidth: 480,
+      minHeight: 120,
+      initialPosition: i,
+      zIndex: m,
+      scrollable: !0,
+      children: d.map((e) => /* @__PURE__ */ r(s, { def: e }, e.id))
+    }
+  );
+}
+export {
+  f as default
+};

package/dist/chunks/Button.modifiers-CduEfqha.js

@@ -0,0 +1,213 @@
+import { eA as e } from "./index-lNS44FHV.js";
+const t = [
+  // State modifier — canonical "active" styling for any state-bound trigger
+  // (tab buttons, drawer triggers, accordion summaries, etc.). Bind via
+  // `props.stateModifiers` referencing this name. Authors override at the
+  // site level via "Save modifier" to swap classes without touching every
+  // binding.
+  {
+    name: "tab-active",
+    label: "Active",
+    category: "State",
+    description: "Active styling for state-bound triggers — applied when the binding's state condition matches.",
+    classes: "border-primary text-primary"
+  },
+  {
+    name: "dot-active",
+    label: "Dot active",
+    category: "State",
+    description: "Carousel / pagination dot indicator — fills with primary and scales up when the bound state matches.",
+    classes: "bg-primary scale-125"
+  },
+  // Composite patterns — canonical CTA buttons with spatial tokens + consistent height
+  {
+    name: "cta-responsive",
+    label: "CTA Responsive",
+    category: "Pattern",
+    description: "Canonical primary CTA — spatial padding, 48px min height, full-width on mobile and auto-width on desktop",
+    requires: "btn btn-primary",
+    expands: "rounded-box px-space-md py-space-xs min-h-12 font-semibold w-full md:w-auto"
+  },
+  {
+    name: "cta-outline-responsive",
+    label: "CTA Outline",
+    category: "Pattern",
+    description: "Canonical outline CTA — matches CTA Responsive sizing with a base-content border and no fill",
+    requires: "btn btn-outline",
+    expands: "rounded-box px-space-md py-space-xs min-h-12 font-semibold border-base-content/30 text-base-content w-full md:w-auto"
+  },
+  // DaisyUI color variants
+  {
+    name: "btn-primary",
+    label: "Primary",
+    category: "Color",
+    description: "Solid fill using the primary brand color",
+    exclusive: !0,
+    requires: "btn",
+    removes: ["bg-(--*", "text-(--*", "bg-transparent"]
+  },
+  {
+    name: "btn-secondary",
+    label: "Secondary",
+    category: "Color",
+    description: "Solid fill using the secondary brand color",
+    exclusive: !0,
+    requires: "btn",
+    removes: ["bg-(--*", "text-(--*", "bg-transparent"]
+  },
+  {
+    name: "btn-accent",
+    label: "Accent",
+    category: "Color",
+    description: "Solid fill using the accent color",
+    exclusive: !0,
+    requires: "btn",
+    removes: ["bg-(--*", "text-(--*", "bg-transparent"]
+  },
+  {
+    name: "btn-neutral",
+    label: "Neutral",
+    category: "Color",
+    description: "Solid fill using the neutral/dark color",
+    exclusive: !0,
+    requires: "btn",
+    removes: ["bg-(--*", "text-(--*", "bg-transparent"]
+  },
+  {
+    name: "btn-info",
+    label: "Info",
+    category: "Color",
+    description: "Solid fill using the info (blue) color",
+    exclusive: !0,
+    requires: "btn",
+    removes: ["bg-(--*", "text-(--*", "bg-transparent"]
+  },
+  {
+    name: "btn-success",
+    label: "Success",
+    category: "Color",
+    description: "Solid fill using the success (green) color",
+    exclusive: !0,
+    requires: "btn",
+    removes: ["bg-(--*", "text-(--*", "bg-transparent"]
+  },
+  {
+    name: "btn-warning",
+    label: "Warning",
+    category: "Color",
+    description: "Solid fill using the warning (yellow/orange) color",
+    exclusive: !0,
+    requires: "btn",
+    removes: ["bg-(--*", "text-(--*", "bg-transparent"]
+  },
+  {
+    name: "btn-error",
+    label: "Error",
+    category: "Color",
+    description: "Solid fill using the error (red) color",
+    exclusive: !0,
+    requires: "btn",
+    removes: ["bg-(--*", "text-(--*", "bg-transparent"]
+  },
+  // DaisyUI style variants
+  {
+    name: "btn-outline",
+    label: "Outline",
+    category: "Style",
+    description: "Border only, no fill — color fills on hover",
+    requires: "btn",
+    removes: ["bg-(--*", "text-(--*", "bg-transparent", "border*"]
+  },
+  {
+    name: "btn-ghost",
+    label: "Ghost",
+    category: "Style",
+    description: "No border or fill — text-only, subtle appearance with hover state",
+    requires: "btn",
+    removes: ["bg-(--*", "text-(--*", "bg-transparent", "border*"]
+  },
+  {
+    name: "btn-link",
+    label: "Link",
+    category: "Style",
+    description: "Looks like a hyperlink with no button frame",
+    requires: "btn",
+    removes: ["bg-(--*", "text-(--*", "bg-transparent", "border*"]
+  },
+  {
+    name: "btn-soft",
+    label: "Soft",
+    category: "Style",
+    description: "Soft tinted fill at reduced opacity — gentler than solid",
+    requires: "btn",
+    removes: ["bg-(--*", "text-(--*", "bg-transparent", "border*"]
+  },
+  {
+    name: "btn-dash",
+    label: "Dash",
+    category: "Style",
+    description: "Dashed border instead of solid",
+    requires: "btn",
+    removes: ["bg-(--*", "text-(--*", "bg-transparent", "border*"]
+  },
+  // DaisyUI size variants
+  { name: "btn-xs", label: "Tiny", category: "Size", exclusive: !0, requires: "btn" },
+  { name: "btn-sm", label: "Small", category: "Size", exclusive: !0, requires: "btn" },
+  { name: "btn-md", label: "Medium", category: "Size", exclusive: !0, requires: "btn" },
+  { name: "btn-lg", label: "Large", category: "Size", exclusive: !0, requires: "btn" },
+  { name: "btn-xl", label: "XL", category: "Size", exclusive: !0, requires: "btn" },
+  {
+    name: "btn-wide",
+    label: "Wide",
+    category: "Size",
+    description: "Fixed wide width — good for consistent button widths in a row",
+    exclusive: !0,
+    requires: "btn"
+  },
+  {
+    name: "btn-block",
+    label: "Full Width",
+    category: "Size",
+    description: "Stretches to fill its parent container",
+    exclusive: !0,
+    requires: "btn"
+  },
+  // DaisyUI shape variants
+  {
+    name: "btn-circle",
+    label: "Circle",
+    category: "Shape",
+    description: "Circular shape — best for icon-only buttons",
+    exclusive: !0,
+    requires: "btn"
+  },
+  {
+    name: "btn-square",
+    label: "Square",
+    category: "Shape",
+    description: "Square shape — best for icon-only buttons",
+    exclusive: !0,
+    requires: "btn"
+  },
+  // State
+  {
+    name: "btn-disabled",
+    label: "Disabled",
+    category: "State",
+    description: "Visually muted and non-interactive",
+    requires: "btn",
+    peerInherit: !1
+  },
+  {
+    name: "loading",
+    label: "Loading",
+    category: "State",
+    description: "Shows a loading spinner inside the button",
+    requires: "btn",
+    peerInherit: !1
+  }
+];
+e("Button", t);
+export {
+  t as buttonModifiers
+};

package/dist/chunks/Button.presets-zjEMODS2.js

@@ -0,0 +1,15 @@
+import { ez as t } from "./index-lNS44FHV.js";
+const e = [
+  {
+    label: "Button",
+    description: "A clickable button — your main call-to-action.",
+    props: {
+      text: "Button",
+      className: "btn btn-primary rounded-box px-space-md py-space-xs min-h-12 font-semibold self-start"
+    }
+  }
+];
+t("Button", e);
+export {
+  e as buttonPresets
+};

package/dist/chunks/ButtonMainTab-xw9YbePR.js

@@ -0,0 +1,42 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { useNode as p } from "@craftjs/core";
+import { M as s, bU as i, cb as b, c1 as c, c6 as m } from "./index-lNS44FHV.js";
+import { r as u } from "./helpers-Bnp6O4wY.js";
+const y = [
+  { value: "button", label: "Button" },
+  { value: "submit", label: "Submit" },
+  { value: "reset", label: "Reset" }
+];
+function T() {
+  const {
+    actions: { setProp: a },
+    type: r
+  } = p((o) => {
+    var t, n;
+    return {
+      type: ((n = (t = o.data) == null ? void 0 : t.props) == null ? void 0 : n.type) || "button"
+    };
+  });
+  return /* @__PURE__ */ e(c, { label: "Type", frame: "bare", children: /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ e(
+    m,
+    {
+      dense: !0,
+      "aria-label": "Button type",
+      value: r,
+      onChange: (o) => a((t) => {
+        t.type = o;
+      }, 0),
+      options: y
+    }
+  ) }) });
+}
+const h = () => u({
+  Content: /* @__PURE__ */ l(s, { collapsible: !1, children: [
+    /* @__PURE__ */ e(i, { propKey: "text", type: "text", label: "Text", propType: "component" }),
+    /* @__PURE__ */ e(b, { propKey: "icon" }),
+    /* @__PURE__ */ e(T, {})
+  ] })
+});
+export {
+  h as ButtonMainTab
+};

package/dist/chunks/CSSEditorInput-CboK8r0F.js

@@ -0,0 +1,73 @@
+import { jsx as p } from "react/jsx-runtime";
+import { C as h, l as m } from "./CodeEditor-DBNpuBny.js";
+import { useEditor as u, useNode as g } from "@craftjs/core";
+import { D as y, bn as f, cH as S, M as b, bP as v } from "./index-lNS44FHV.js";
+const C = m((i) => {
+  const s = [], e = i.state.doc.toString();
+  try {
+    const n = (e.match(/{/g) || []).length, a = (e.match(/}/g) || []).length;
+    n !== a && s.push({
+      from: 0,
+      to: e.length,
+      severity: "error",
+      message: "Unmatched braces in CSS"
+    }), e.split(`
+`).forEach((r, l) => {
+      const t = r.trim();
+      if (t && t.includes(":") && !t.endsWith(";") && !t.endsWith("{") && !t.endsWith("}") && !t.startsWith("/*") && !t.startsWith("//")) {
+        const o = e.split(`
+`).slice(0, l).join(`
+`).length + l;
+        s.push({
+          from: o,
+          to: o + r.length,
+          severity: "warning",
+          message: "Missing semicolon"
+        });
+      }
+    });
+  } catch {
+  }
+  return s;
+}), M = () => {
+  const i = y(f), { query: s, actions: e } = u(), {
+    actions: { setProp: n },
+    nodeProps: a,
+    id: c
+  } = g((o) => {
+    var d;
+    return {
+      nodeProps: ((d = o.data) == null ? void 0 : d.props) || {},
+      id: o.id
+    };
+  }), { value: r } = S({ propKey: "style", propType: "root" }, i, a);
+  return /* @__PURE__ */ p(b, { title: "Inline Style", nested: !0, collapsible: !0, defaultOpen: !1, accordionPassive: !0, children: /* @__PURE__ */ p(
+    h,
+    {
+      value: r,
+      onChange: (o) => {
+        v({
+          propKey: "style",
+          value: o,
+          setProp: n,
+          view: "root",
+          propType: "root",
+          query: s,
+          actions: e,
+          nodeId: c
+        });
+      },
+      language: "css",
+      extensions: [C],
+      height: "150px",
+      lineNumbers: !1,
+      theme: "auto",
+      placeholder: "color: tomato; border-style: dotted;",
+      autoFormatOnMount: !0,
+      autoFormatMountKey: c
+    }
+  ) });
+};
+export {
+  M as CSSEditorInput
+};