@pagehub/sdk 0.1.0

package/dist/chunks/SaveModifierPanel-Dlst8-Dg.js

@@ -0,0 +1,129 @@
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { c1 as y, c as S, c5 as E, fw as M } from "./index-lNS44FHV.js";
+import { useMemo as O, useState as p, useRef as P, useEffect as v } from "react";
+import { u as j } from "./useModifiers-BUaftv28.js";
+function k(s) {
+  const a = /* @__PURE__ */ new Set(), r = [];
+  for (const c of s.split(/\s+/)) {
+    const n = c.trim();
+    !n || a.has(n) || (a.add(n), r.push(n));
+  }
+  return r;
+}
+function A({ onClose: s }) {
+  const { currentClassName: a, nodeTypeName: r, saveAsModifier: c } = j(), n = O(() => k(a), [a]), [m, N] = p(/* @__PURE__ */ new Set()), [d, T] = p(""), [u, f] = p(r), h = P(null);
+  v(() => f(r), [r]), v(() => {
+    var e;
+    (e = h.current) == null || e.focus();
+  }, []);
+  const x = n.filter((e) => !m.has(e)), w = x.join(" "), b = !!d.trim() && !!u.trim() && x.length > 0, C = (e) => {
+    N((i) => {
+      const o = new Set(i);
+      return o.has(e) ? o.delete(e) : o.add(e), o;
+    });
+  }, g = () => {
+    b && (c(d, u, w), s());
+  };
+  return n.length === 0 ? /* @__PURE__ */ t("div", { className: "text-neutral-content py-6 text-center text-xs", children: "This node has no classes to save." }) : /* @__PURE__ */ l("div", { className: "flex h-full min-h-0 flex-col gap-2", children: [
+    /* @__PURE__ */ l("div", { className: "flex flex-col gap-0.5", children: [
+      /* @__PURE__ */ t("label", { className: "text-neutral-content px-0.5 text-[10px] font-medium", children: "Modifier name" }),
+      /* @__PURE__ */ t(y, { children: /* @__PURE__ */ t(
+        "input",
+        {
+          ref: h,
+          type: "text",
+          value: d,
+          onChange: (e) => T(e.target.value),
+          placeholder: "e.g. my-card-style",
+          onKeyDown: (e) => {
+            e.key === "Enter" && g(), e.key === "Escape" && s();
+          },
+          className: "h-full w-full bg-transparent px-1 text-xs outline-none"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "flex flex-col gap-0.5", children: [
+      /* @__PURE__ */ t("label", { className: "text-neutral-content px-0.5 text-[10px] font-medium", children: "Component type" }),
+      /* @__PURE__ */ t(y, { children: /* @__PURE__ */ t(
+        "input",
+        {
+          type: "text",
+          value: u,
+          onChange: (e) => f(e.target.value),
+          placeholder: "e.g. Button, Container",
+          className: "h-full w-full bg-transparent px-1 text-xs outline-none"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "flex min-h-0 flex-1 flex-col gap-1", children: [
+      /* @__PURE__ */ l("div", { className: "flex items-baseline justify-between px-0.5", children: [
+        /* @__PURE__ */ t("span", { className: "text-neutral-content text-[10px] font-medium", children: "Classes to include" }),
+        /* @__PURE__ */ l("span", { className: "text-neutral-content/70 text-[10px]", children: [
+          x.length,
+          " / ",
+          n.length
+        ] })
+      ] }),
+      /* @__PURE__ */ t("div", { className: "border-base-300 bg-base-100 min-h-0 flex-1 overflow-y-auto rounded-md border p-1.5", children: /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-1", children: n.map((e) => {
+        const i = m.has(e);
+        return /* @__PURE__ */ l(
+          "button",
+          {
+            type: "button",
+            onClick: () => C(e),
+            className: i ? "border-base-300 text-neutral-content/50 inline-flex items-center gap-1 rounded border bg-transparent px-1.5 py-0.5 font-mono text-[10px] line-through" : "border-primary/40 bg-primary/10 text-primary inline-flex items-center gap-1 rounded border px-1.5 py-0.5 font-mono text-[10px]",
+            "aria-pressed": !i,
+            "aria-label": i ? `Include ${e}` : `Exclude ${e}`,
+            children: [
+              /* @__PURE__ */ t("span", { children: e }),
+              !i && /* @__PURE__ */ t(S, { size: 10, "aria-hidden": !0 })
+            ]
+          },
+          e
+        );
+      }) }) })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "flex shrink-0 gap-1.5 pt-1", children: [
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          onClick: g,
+          disabled: !b,
+          className: "bg-primary text-primary-content disabled:bg-neutral disabled:text-neutral-content/60 h-7 flex-1 rounded-md px-3 text-xs font-medium",
+          children: "Save modifier"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          onClick: s,
+          className: "border-base-300 hover:bg-base-200 h-7 rounded-md border px-3 text-xs",
+          children: "Cancel"
+        }
+      )
+    ] })
+  ] });
+}
+function D({ initialPosition: s, onClose: a }) {
+  return /* @__PURE__ */ t(
+    E,
+    {
+      isOpen: !0,
+      onClose: a,
+      title: "Save as modifier",
+      storageKey: "save-modifier-panel",
+      minWidth: 280,
+      maxWidth: 420,
+      minHeight: 320,
+      initialPosition: s,
+      zIndex: M,
+      scrollable: !0,
+      children: /* @__PURE__ */ t(A, { onClose: a })
+    }
+  );
+}
+export {
+  D as default
+};

package/dist/chunks/ScrollEffectEditorPanel-CN0l6WB3.js

@@ -0,0 +1,25 @@
+import { jsx as e } from "react/jsx-runtime";
+import { c5 as o, d8 as i, ef as l } from "./index-lNS44FHV.js";
+import { ContainerScrollEffectSection as n } from "./ContainerScrollEffectSection-DKYCjFgT.js";
+function s({ initialPosition: r, onClose: t }) {
+  return /* @__PURE__ */ e(
+    o,
+    {
+      isOpen: !0,
+      onClose: t,
+      title: "Scroll Effect",
+      icon: /* @__PURE__ */ e(l, { "aria-hidden": !0 }),
+      storageKey: "effects-builder-scroll",
+      minWidth: 300,
+      maxWidth: 480,
+      minHeight: 260,
+      initialPosition: r,
+      zIndex: i,
+      scrollable: !0,
+      children: /* @__PURE__ */ e(n, {})
+    }
+  );
+}
+export {
+  s as default
+};