@pagehub/sdk 0.1.5 → 0.1.7

package/dist/chunks/usePopoverAutoOpen-CxIjt0ez.js

@@ -0,0 +1,25 @@
+import { useRef as u, useEffect as a } from "react";
+import { P as A, p as R } from "./popoverOpenRequestAtom-hBS_siXv.js";
+import { u as f, S as q, i as v } from "./index-C66dAl3Q.js";
+function F({
+  nodeId: r,
+  defId: e,
+  enabled: t = !0,
+  onOpen: n
+}) {
+  const i = f(q), c = f(A), s = u(n);
+  s.current = n;
+  const p = u(!1);
+  a(() => {
+    !t || p.current || !e || i.has(v(r, e)) && (p.current = !0, requestAnimationFrame(() => s.current()));
+  }, [i, r, e, t]);
+  const m = u(0);
+  a(() => {
+    if (!t || !e) return;
+    const o = c.get(R(r, e)) || 0;
+    o === 0 || o === m.current || (m.current = o, requestAnimationFrame(() => s.current()));
+  }, [c, r, e, t]);
+}
+export {
+  F as u
+};

package/dist/chunks/usePopoverPosition-83Vti7Aw.js

@@ -0,0 +1,15 @@
+import { useRef as c, useState as m, useCallback as f } from "react";
+import { u as l, aK as g } from "./index-C66dAl3Q.js";
+function P(e) {
+  const r = c(null), o = l(g), [i, n] = m(), u = f(() => {
+    var s;
+    const t = (s = r.current) == null ? void 0 : s.getBoundingClientRect();
+    if (!t) return;
+    const a = o ? t.right + 8 : t.left - e - 8;
+    return { x: Math.max(8, a), y: Math.max(8, t.top) };
+  }, [o, e]);
+  return { triggerRef: r, initialPos: i, setInitialPos: n, computePosition: u, sidebarLeft: o };
+}
+export {
+  P as u
+};

package/dist/render/static/index.js

@@ -0,0 +1,9 @@
+import { dg as a, fv as t, fw as s, fx as i, fy as f, fz as g } from "../../chunks/index-C66dAl3Q.js";
+export {
+  a as PageHubError,
+  t as buildRootThemeCss,
+  s as generateThemeVars,
+  i as getCartBridgeScript,
+  f as getStaticPublishRuntimeScript,
+  g as renderToHTML
+};

package/dist/theme.css

@@ -0,0 +1,168 @@
+/* ═══ @pagehub/sdk Default Theme (DaisyUI 5) ═════════════════════════════════
+   Canonical design tokens: palette, aliases, style, shadows, fonts.
+   Import this in any Tailwind 4 entry point to get the full DaisyUI 5 theme.
+
+   ⚠️  GENERATED FILE — do not edit. Source: packages/sdk/src/utils/design/tokenSource.ts
+   Run `pnpm exec tsx scripts/generate-theme-css.mjs` (also runs in prebuild).
+   ═════════════════════════════════════════════════════════════════════════════ */
+
+@custom-variant dark (&:is(.dark *):not(#viewport:not(.dark) *));
+
+/* ─── Light palette ────────────────────────────────────────────────────────── */
+
+:root {
+  /* DaisyUI 5 canonical tokens (oklch) */
+  --primary: oklch(14% 0 0);
+  --primary-content: oklch(100% 0 0);
+  --secondary: oklch(96.5% 0 0);
+  --secondary-content: oklch(14% 0 0);
+  --accent: oklch(96.5% 0 0);
+  --accent-content: oklch(14% 0 0);
+  --neutral: oklch(96.5% 0 0);
+  --neutral-content: oklch(55% 0 0);
+  --base-100: oklch(100% 0 0);
+  --base-200: oklch(100% 0 0);
+  --base-300: oklch(92% 0 0);
+  --base-content: oklch(0% 0 0);
+  --error: oklch(63.7% 0.208 26.3);
+  --error-content: oklch(98% 0 0);
+  --info: oklch(62% 0.214 259);
+  --info-content: oklch(100% 0 0);
+  --success: oklch(62% 0.178 155);
+  --success-content: oklch(100% 0 0);
+  --warning: oklch(75% 0.183 70);
+  --warning-content: oklch(0% 0 0);
+  --ring: oklch(14% 0 0);
+  /* --border is a WIDTH in DaisyUI 5, not a color. Border color uses --base-300 */
+  --border: 1px;
+
+  /* DaisyUI 5 style tokens */
+  --radius-box: 0.5rem;
+  --radius-field: 0.25rem;
+  --radius-selector: 0.5rem;
+  --size-field: 0.25rem;
+  --size-selector: 0.25rem;
+  --depth: 1;
+  --noise: 0;
+  /* Radius aliases */
+  --radius: var(--radius-box);
+  --card-radius: var(--radius-box);
+  --input-border-radius: var(--radius-field);
+
+  /* Sidebar chrome (editor only — kept here so --color-sidebar-* aliases resolve) */
+  --sidebar-foreground: var(--base-content);
+  --sidebar-border: var(--base-300);
+
+  /* Font stacks */
+  --font-sans:
+    ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+    "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
+    "Segoe UI Symbol", "Noto Color Emoji";
+  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+  --font-mono:
+    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
+    monospace;
+
+  /* Shadow primitives */
+  --shadow-x: 1px;
+  --shadow-y: 2px;
+  --shadow-blur: 4.5px;
+  --shadow-spread: 0px;
+  --shadow-opacity: 0.14;
+  --shadow-color: #000000;
+  /* Shadow composites */
+  --shadow-2xs: 1px 2px 4.5px 0px hsl(0 0% 0% / 0.07);
+  --shadow-xs: 1px 2px 4.5px 0px hsl(0 0% 0% / 0.07);
+  --shadow-sm: 1px 2px 4.5px 0px hsl(0 0% 0% / 0.14), 1px 1px 2px -1px hsl(0 0% 0% / 0.14);
+  --shadow: 1px 2px 4.5px 0px hsl(0 0% 0% / 0.14), 1px 1px 2px -1px hsl(0 0% 0% / 0.14);
+  --shadow-md: 1px 2px 4.5px 0px hsl(0 0% 0% / 0.14), 1px 2px 4px -1px hsl(0 0% 0% / 0.14);
+  --shadow-lg: 1px 2px 4.5px 0px hsl(0 0% 0% / 0.14), 1px 4px 6px -1px hsl(0 0% 0% / 0.14);
+  --shadow-xl: 1px 2px 4.5px 0px hsl(0 0% 0% / 0.14), 1px 8px 10px -1px hsl(0 0% 0% / 0.14);
+  --shadow-2xl: 1px 2px 4.5px 0px hsl(0 0% 0% / 0.35);
+
+  --tracking-normal: 0em;
+  --spacing: 0.25rem;
+}
+
+/* ─── Dark palette ─────────────────────────────────────────────────────────── */
+
+.dark {
+  --primary: oklch(98% 0 0);
+  --primary-content: oklch(14% 0 0);
+  --secondary: oklch(24% 0 0);
+  --secondary-content: oklch(98% 0 0);
+  --accent: oklch(32% 0 0);
+  --accent-content: oklch(98% 0 0);
+  --neutral: oklch(20% 0 0);
+  --neutral-content: oklch(78% 0 0);
+  --base-100: oklch(12% 0 0);
+  --base-200: oklch(18% 0 0);
+  --base-300: oklch(32% 0 0);
+  --base-content: oklch(98% 0 0);
+  --error: oklch(55% 0.15 26);
+  --error-content: oklch(98% 0 0);
+  --info: oklch(62% 0.214 259);
+  --info-content: oklch(14% 0 0);
+  --success: oklch(62% 0.178 155);
+  --success-content: oklch(14% 0 0);
+  --warning: oklch(75% 0.183 70);
+  --warning-content: oklch(14% 0 0);
+  --ring: oklch(85% 0 0);
+}
+
+/* ─── Tailwind Theme Mapping ───────────────────────────────────────────────── */
+
+@theme inline {
+  /* DaisyUI 5 canonical color tokens */
+  --color-primary: var(--primary);
+  --color-primary-content: var(--primary-content);
+  --color-secondary: var(--secondary);
+  --color-secondary-content: var(--secondary-content);
+  --color-accent: var(--accent);
+  --color-accent-content: var(--accent-content);
+  --color-neutral: var(--neutral);
+  --color-neutral-content: var(--neutral-content);
+  --color-base-100: var(--base-100);
+  --color-base-200: var(--base-200);
+  --color-base-300: var(--base-300);
+  --color-base-content: var(--base-content);
+  --color-error: var(--error);
+  --color-error-content: var(--error-content);
+  --color-info: var(--info);
+  --color-info-content: var(--info-content);
+  --color-success: var(--success);
+  --color-success-content: var(--success-content);
+  --color-warning: var(--warning);
+  --color-warning-content: var(--warning-content);
+  --color-border: var(--base-300);
+  --color-input: var(--base-300);
+  --color-ring: var(--ring);
+
+  /* Fonts */
+  --font-sans: var(--sans-font-family, var(--font-sans));
+  --font-mono: var(--mono-font-family, var(--font-mono));
+  --font-serif: var(--serif-font-family, var(--font-serif));
+  --font-heading: var(--heading-font-family), sans-serif;
+  --font-body: var(--body-font-family), sans-serif;
+  --font-accent: var(--accent-font-family), sans-serif;
+
+  /* Border Radius */
+  --radius-box: var(--radius-box);
+  --radius-field: var(--radius-field);
+  --radius-selector: var(--radius-selector);
+  --radius-full: var(--radius-full, 9999px);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+
+  /* Shadows */
+  --shadow-2xs: var(--shadow-2xs);
+  --shadow-xs: var(--shadow-xs);
+  --shadow-sm: var(--shadow-sm);
+  --shadow: var(--shadow);
+  --shadow-md: var(--shadow-md);
+  --shadow-lg: var(--shadow-lg);
+  --shadow-xl: var(--shadow-xl);
+  --shadow-2xl: var(--shadow-2xl);
+}

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@pagehub/sdk",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "Embeddable visual page builder SDK — drop a full drag-and-drop page editor into any web app, or render published sites anywhere JS runs.",
   "type": "module",
-  "main": "./dist/pagehub.umd.cjs",
+  "main": "./dist/pagehub.js",
   "module": "./dist/pagehub.js",
   "types": "./dist/index.d.ts",
   "sideEffects": [
@@ -19,19 +19,30 @@
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/pagehub.js",
-      "require": "./dist/pagehub.umd.cjs"
+      "default": "./dist/pagehub.js"
+    },
+    "./react": {
+      "types": "./dist/viewer.d.ts",
+      "import": "./dist/pagehub-viewer.js",
+      "default": "./dist/pagehub-viewer.js"
     },
     "./viewer": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/viewer.d.ts",
       "import": "./dist/pagehub-viewer.js",
-      "require": "./dist/pagehub-viewer.umd.cjs"
+      "default": "./dist/pagehub-viewer.js"
+    },
+    "./html": {
+      "types": "./dist/render/static/index.d.ts",
+      "import": "./dist/render/static/index.js",
+      "default": "./dist/render/static/index.js"
     },
     "./render/static": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/pagehub.js",
-      "require": "./dist/pagehub.umd.cjs"
+      "types": "./dist/render/static/index.d.ts",
+      "import": "./dist/render/static/index.js",
+      "default": "./dist/render/static/index.js"
     },
-    "./editor.css": "./dist/editor.css"
+    "./editor.css": "./dist/editor.css",
+    "./theme.css": "./dist/theme.css"
   },
   "files": [
     "dist"
@@ -226,7 +237,7 @@
     "style-to-object": "^1.0.14",
     "tailwind-merge": "^3.5.0",
     "uuid": "^10.0.0",
-    "@pagehub/daisyui-spatial": "0.1.0"
+    "@pagehub/daisyui-spatial": "0.1.1"
   },
   "devDependencies": {
     "@codemirror/autocomplete": "^6.20.1",
@@ -314,12 +325,12 @@
   },
   "scripts": {
     "dev": "vite build --watch",
-    "build": "vite build && vite build --config vite.editor-css.config.ts && pnpm run build:viewer && pnpm run build:demo-css",
+    "build": "vite build && vite build --config vite.editor-css.config.ts && pnpm run build:viewer && pnpm run build:static && pnpm run build:theme-css",
     "build:editor-css": "vite build --config vite.editor-css.config.ts",
     "build:viewer": "vite build --mode viewer",
-    "build:demo-css": "tailwindcss -i ./demo/tailwind.input.css -o ./demo/demo.tailwind.css --minify",
+    "build:static": "vite build --mode static",
+    "build:theme-css": "cp src/css/theme.css dist/theme.css",
     "preview": "vite preview",
-    "typecheck": "tsc --noEmit",
-    "demo": "vite --config vite.demo.config.ts"
+    "typecheck": "tsc --noEmit"
   }
 }