@pagehub/sdk 0.1.5 → 0.1.7

package/README.md

@@ -397,7 +397,7 @@ const PricingCardDef = defineComponent({
 
 Vanilla JS is the same — pass `components: [PricingCardDef]` into `PageHub.init()`.
 
-**Working starter:** [`examples/hello-component/`](./examples/hello-component) — copy/paste to get a custom component running in a few minutes.
+**Working starters:** [PageHubApp/demos](https://github.com/PageHubApp/demos) — runnable `vanilla-html`, `vite-react`, and `nextjs` integrations (the `vite-react` / `nextjs` ones register a custom `defineComponent`).
 
 **Full reference:** [`docs/sdk/registration-host.md`](../../docs/sdk/registration-host.md) — every field on `defineComponent`, custom inspector UIs, `toHTML` rules, viewer/static parity, common gotchas.
 

package/dist/chrome/viewport/Viewport/hooks/usePageLoadIndicator.d.ts

@@ -5,8 +5,8 @@
  * (unmount mid-animation).
  */
 export declare function usePageLoadIndicator(): {
-    pageLoad: "loading" | "done" | "idle";
-    setPageLoad: import('react').Dispatch<import('react').SetStateAction<"loading" | "done" | "idle">>;
+    pageLoad: "idle" | "done" | "loading";
+    setPageLoad: import('react').Dispatch<import('react').SetStateAction<"idle" | "done" | "loading">>;
     handleLoadComplete: () => void;
 };
 //# sourceMappingURL=usePageLoadIndicator.d.ts.map

package/dist/chrome/viewport/design-system/hooks/useDesignSystem.d.ts

@@ -13,7 +13,7 @@ export declare function useDesignSystem(isOpen: boolean): {
     expandedSections: Record<string, boolean>;
     toggleSection: (section: string) => void;
     darkModeEnabled: boolean;
-    colorMode: "dark" | "light";
+    colorMode: "light" | "dark";
     toggleDarkMode: () => void;
     disableDarkMode: () => void;
     palettes: PaletteColor[];
@@ -31,7 +31,7 @@ export declare function useDesignSystem(isOpen: boolean): {
     updateColorNameInMode: (mode: "light" | "dark", index: number, name: string) => void;
     addColorInMode: (mode: "light" | "dark") => void;
     deleteColorInMode: (mode: "light" | "dark", index: number) => void;
-    setColorMode: import('react').Dispatch<import('react').SetStateAction<"dark" | "light">>;
+    setColorMode: import('react').Dispatch<import('react').SetStateAction<"light" | "dark">>;
     customFonts: CustomFont[];
     setCustomFonts: import('react').Dispatch<import('react').SetStateAction<CustomFont[]>>;
     updateFontName: (index: number, name: string) => void;

package/dist/chrome/viewport/design-system/hooks/usePaletteState.d.ts

@@ -6,8 +6,8 @@ export declare function usePaletteState(): {
     setDarkPalettes: import('react').Dispatch<import('react').SetStateAction<PaletteColor[]>>;
     darkModeEnabled: boolean;
     setDarkModeEnabled: import('react').Dispatch<import('react').SetStateAction<boolean>>;
-    colorMode: "dark" | "light";
-    setColorMode: import('react').Dispatch<import('react').SetStateAction<"dark" | "light">>;
+    colorMode: "light" | "dark";
+    setColorMode: import('react').Dispatch<import('react').SetStateAction<"light" | "dark">>;
     activePalettes: PaletteColor[];
     setActivePalettes: import('react').Dispatch<import('react').SetStateAction<PaletteColor[]>>;
     colorButtonRefs: import('react').RefObject<Record<number, HTMLButtonElement>>;

package/dist/chunks/ActionEditorPanel-9v50QUwu.js

@@ -0,0 +1,89 @@
+import { jsx as r, jsxs as p } from "react/jsx-runtime";
+import { W as f, aO as v, f2 as u, bY as b } from "./index-C66dAl3Q.js";
+import { F as g } from "./FloatingPanel-DJP5Vhua.js";
+import { a as x, A } from "./ActionInput-CTt7sOs6.js";
+import { C as T } from "./ConversionFields-Bpfl-SGP.js";
+function E({
+  action: t,
+  onChange: o,
+  onRemove: l,
+  initialPosition: d,
+  onClose: a,
+  selfId: h,
+  ensureSelfId: c
+}) {
+  const m = (e) => {
+    if (!e) {
+      l(), a();
+      return;
+    }
+    o(A[e]);
+  }, s = (e) => o({ ...t, ...e });
+  return /* @__PURE__ */ r(
+    g,
+    {
+      isOpen: !0,
+      onClose: a,
+      title: "Action",
+      storageKey: "action-input",
+      minWidth: 300,
+      maxWidth: 520,
+      minHeight: 240,
+      initialPosition: d,
+      zIndex: f,
+      scrollable: !0,
+      children: /* @__PURE__ */ p("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ p(
+          v,
+          {
+            value: t.type ?? "",
+            onChange: m,
+            propKey: "actionType",
+            placeholder: "None",
+            append: /* @__PURE__ */ r(
+              "button",
+              {
+                type: "button",
+                onClick: () => {
+                  l(), a();
+                },
+                className: "text-neutral-content hover:bg-error hover:text-error-content flex shrink-0 items-center justify-center rounded p-1 text-xs transition-colors",
+                "aria-label": "Remove action",
+                children: /* @__PURE__ */ r(b, {})
+              }
+            ),
+            children: [
+              /* @__PURE__ */ r("option", { value: "", children: "None" }),
+              u.filter((e) => !e.group).map((e) => /* @__PURE__ */ r("option", { value: e.value, children: e.label }, e.value)),
+              Array.from(
+                u.reduce((e, n) => (n.group && (e.has(n.group) || e.set(n.group, []), e.get(n.group).push(n)), e), /* @__PURE__ */ new Map()).entries()
+              ).map(([e, n]) => /* @__PURE__ */ r("optgroup", { label: e, children: n.map((i) => /* @__PURE__ */ r("option", { value: i.value, children: i.label }, i.value)) }, e))
+            ]
+          }
+        ),
+        /* @__PURE__ */ r(
+          x,
+          {
+            action: t,
+            patch: s,
+            replace: o,
+            selfId: h,
+            ensureSelfId: c
+          }
+        ),
+        /* @__PURE__ */ r(
+          T,
+          {
+            conversion: t.conversion,
+            onChange: (e) => s({ conversion: e }),
+            actionType: t.type,
+            href: t.href
+          }
+        )
+      ] })
+    }
+  );
+}
+export {
+  E as default
+};