@pagehub/sdk 0.1.0

package/dist/define/types.d.ts

@@ -0,0 +1,197 @@
+import { default as React } from 'react';
+import { ToHTMLFn } from '../utils/staticHtml';
+export interface PropSchema {
+    /** Input type in the settings panel */
+    type: "text" | "number" | "select" | "checkbox" | "slider" | "color" | "url" | "textarea";
+    /** Human-readable label */
+    label: string;
+    /** Default value */
+    default?: any;
+    /** For select: the options list */
+    options?: Array<{
+        label: string;
+        value: string;
+    }>;
+    /** For slider/number: min, max, step */
+    min?: number;
+    max?: number;
+    step?: number;
+    /** Help text shown below the input */
+    description?: string;
+    /** Group in settings panel. Default: "Content" */
+    section?: string;
+}
+export interface PresetAddChildConfig {
+    /** Button label, e.g. "Add Item" or "Add Tab". */
+    label: string;
+    /**
+     * Returns a fresh `<Element>` tree (one new child) to append to the
+     * preset wrapper. Each call MUST return a brand-new tree — the SDK
+     * passes it through `query.parseReactElement().toNodeTree()` and
+     * mutating shared trees breaks the editor.
+     */
+    template: () => React.ReactElement;
+    /** Optional human-readable label for each existing child row in the editor list. */
+    childLabel?: (childNode: any, index: number) => string;
+}
+export interface ComponentPreset {
+    /** Label shown in the toolbox */
+    label: string;
+    /** Short description for the toolbox tooltip */
+    description?: string;
+    /** Override icon for this preset */
+    icon?: string | React.ReactElement | React.ComponentType;
+    /** Props applied when this preset is dropped */
+    props?: Record<string, any>;
+    /** Nested children for complex presets (nav menus, forms, etc.) */
+    children?: React.ReactNode | (() => React.ReactNode);
+    /**
+     * Override the toolbox category for this specific preset. Defaults to
+     * the host component's `category`. Use this when a preset variant
+     * belongs in a different toolbox section than its component (e.g.
+     * Container "Social Nav" lives under "Navigation").
+     */
+    category?: string;
+    /**
+     * When set, the dropped wrapper becomes editable as a list of children —
+     * a Component-tab row with an Add Item / delete UI that mutates the
+     * wrapper's children using the supplied factory. Functions don't survive
+     * JSON, so this stays in module memory and is looked up by `preset.label`.
+     */
+    addChild?: PresetAddChildConfig;
+}
+export interface ComponentModifier {
+    /** Modifier identifier. For single-class modifiers this IS the class (e.g. "btn-outline"). For composites it's a semantic name (e.g. "section-wrapper"). */
+    name: string;
+    /** Display label in the editor UI, e.g. "Outline" */
+    label: string;
+    /** Optional grouping for the UI, e.g. "Style", "Size", "Shape" */
+    category?: string;
+    /** When true, only one modifier in this category can be active at a time (radio behavior). */
+    exclusive?: boolean;
+    /** Base class that must be present for this modifier to work, e.g. "btn" for "btn-primary". Auto-added when toggling on. */
+    requires?: string;
+    /** Class patterns to remove when this modifier is toggled on. Supports exact matches and prefix patterns ending with * (e.g. "bg-*" removes all bg- classes). */
+    removes?: string[];
+    /** Multi-class composition. When set, toggling adds/removes ALL these classes instead of `name`. e.g. "flex flex-row gap-space-xs items-center w-full" */
+    classes?: string;
+    /** Extra utility classes applied when the modifier is toggled on (pattern presets). */
+    expands?: string;
+    /** Optional help text shown in the editor to explain what the modifier does. */
+    description?: string;
+    /**
+     * Peer copy from sibling (e.g. new Button next to existing Buttons): `true` = participate when active on reference;
+     * `false` = never (e.g. State modifiers). Omit = participate unless category is State (see applyPeerClassInherit).
+     */
+    peerInherit?: boolean;
+    /**
+     * Force a specific render type for the picker. By default the category
+     * derives one from `exclusive`/length (≥5 → dropdown, ≥2 → pills, else
+     * chips; Pattern always cards). Use this when long labels need card
+     * rendering even though entries are exclusive radios.
+     */
+    renderAs?: "patterns" | "pills" | "dropdown" | "chips";
+}
+/** When set on a component def, new nodes can inherit className chrome from a sibling (schema-driven). */
+export interface PeerInheritConfig {
+    /** Parent `name` values that enable this behavior (e.g. `["Container"]`). */
+    whenParentIs: string[];
+    /** Pick reference sibling: left neighbor first, else right. */
+    reference: "left-neighbor" | "right-neighbor";
+}
+export interface PageHubComponentDef<P extends Record<string, any> = Record<string, any>> {
+    /** Unique component type name. Must be PascalCase. */
+    name: string;
+    /** Display name in the toolbox and settings. Defaults to spaced name. */
+    displayName?: string;
+    /** Short description for the toolbox tooltip (used when no presets define their own). */
+    description?: string;
+    /** The React component that renders this element. */
+    component: React.ComponentType<P>;
+    /** Static HTML renderer. Auto-generated fallback if omitted.
+     *
+     * `props` is typed as `P` so authors get type narrowing on the props they
+     * declared via the generic — `defineComponent<{ title: string }>({ toHTML: ({ props }) => props.title.toUpperCase() })`.
+     */
+    toHTML?: ToHTMLFn<P>;
+    /** Icon for the toolbox. react-icons name string, element, or component. */
+    icon?: string | React.ReactElement | React.ComponentType;
+    /** Toolbox category. Default: "Custom" */
+    category?: string;
+    /** Can hold child components? Default: false */
+    canvas?: boolean;
+    /** Main settings panel component.
+     *
+     * NOTE: settings panels read props via CraftJS `useNode()` at runtime, not
+     * via a `props` React prop, so `P` is not propagated here. See
+     * `chrome/toolbar/inspector/mainTabs/*MainTab.tsx` for the canonical
+     * pattern (each panel calls `useNode(...)` internally).
+     */
+    settings?: React.ComponentType;
+    /** Advanced settings tab (second tab). Same `useNode()` pattern as `settings` — `P` is not propagated. */
+    advancedSettings?: React.ComponentType;
+    /** Auto-generate settings panel from prop schema. Ignored if `settings` is provided.
+     *
+     * Keys are constrained to `keyof P` so typos (`tittle` for `title`) are
+     * caught at type-check time when authors pass a typed generic.
+     */
+    props?: Partial<Record<keyof P, PropSchema>>;
+    /** Sections of Inspector to hide. */
+    disable?: string[];
+    /** Special toolbar layout mode. */
+    toolbarLayout?: "hidden" | string;
+    /** Hover variant type for the interactions tab. */
+    hoverClickVariant?: string;
+    /** CraftJS rules. */
+    rules?: {
+        canDrag?: boolean | ((node?: any, helpers?: any) => boolean);
+        canDelete?: boolean | ((node?: any) => boolean);
+        canMoveIn?: (nodes: any[], into?: any) => boolean;
+        canMoveOut?: boolean | ((node?: any) => boolean);
+    };
+    /** Inline editor tools (canvas overlays). Auto-generated if omitted. */
+    tools?: React.ReactNode[] | ((props: any) => React.ReactNode[]);
+    /** Optional JSX rendered next to toolbar chrome (e.g. header/footer toggles on Container). */
+    toolbarExtra?: React.ReactNode;
+    /** Group settings component (e.g. Image uses this). */
+    groupSettings?: React.ComponentType<any>;
+    /** Default props for new instances. Typed as `Partial<P>` so authors get
+     *  IntelliSense + typo-checking when they pass a typed generic. */
+    defaultProps?: Partial<P>;
+    /** Extra properties merged into .craft.props (for CraftJS default prop values). */
+    craftProps?: Record<string, any>;
+    /** Optional: inherit visual chrome from a same-name sibling when inserting into matching parent containers. */
+    peerInherit?: PeerInheritConfig;
+}
+/** Brand symbol so we can distinguish descriptors from raw components */
+export declare const COMPONENT_DEF_BRAND: unique symbol;
+export interface ResolvedComponentDef<P = any> {
+    readonly [COMPONENT_DEF_BRAND]: true;
+    readonly name: string;
+    readonly displayName: string;
+    readonly description: string | undefined;
+    readonly component: React.ComponentType<P>;
+    readonly toHTML: ToHTMLFn;
+    readonly icon: string | React.ReactElement | React.ComponentType | undefined;
+    readonly category: string;
+    readonly canvas: boolean;
+    readonly settings: React.ComponentType | undefined;
+    readonly advancedSettings: React.ComponentType | undefined;
+    readonly props: Record<string, PropSchema> | undefined;
+    readonly disable: string[];
+    readonly toolbarLayout: string | undefined;
+    readonly hoverClickVariant: string | undefined;
+    readonly rules: {
+        canDrag: (node?: any, helpers?: any) => boolean;
+        canDelete: (node?: any) => boolean;
+        canMoveIn: (nodes: any[], into?: any) => boolean;
+        canMoveOut?: (node?: any) => boolean;
+    };
+    readonly tools: React.ReactNode[] | ((props: any) => React.ReactNode[]) | undefined;
+    readonly toolbarExtra: React.ReactNode | undefined;
+    readonly groupSettings: React.ComponentType<any> | undefined;
+    readonly defaultProps: Record<string, any>;
+    readonly craftProps: Record<string, any>;
+    readonly peerInherit: PeerInheritConfig | undefined;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/define/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/define/types.ts"],"names":[],"mappings":"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"}

package/dist/define/validation.d.ts

@@ -0,0 +1,3 @@
+import { PageHubComponentDef } from './types';
+export declare function validate<P extends Record<string, any>>(def: PageHubComponentDef<P>, allowBuiltIn: boolean): void;
+//# sourceMappingURL=validation.d.ts.map

package/dist/define/validation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation.d.ts","sourceRoot":"","sources":["../../src/define/validation.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACpD,GAAG,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAC3B,YAAY,EAAE,OAAO,QAgEtB"}

package/dist/doc/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * `@pagehub/sdk/doc` — unified document model.
+ *
+ * One typed `Doc` / `NodeRef` interface, two backends:
+ *   - `createLiveDoc({ query, actions })` for client / editor consumers
+ *   - `createStaticDoc(flat)`            for server / mcp-core
+ *
+ * See `./types.ts` for the surface.
+ */
+export type { ComponentTypeName, Doc, InsertTarget, NodeData, NodeInput, NodeRef, } from './types';
+export { createLiveDoc } from './liveDoc';
+export type { CraftQuery, CraftActions } from './liveDoc';
+export { createStaticDoc } from './staticDoc';
+export type { FlatNodeMap } from './staticDoc';
+//# sourceMappingURL=index.d.ts.map

package/dist/doc/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/doc/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,YAAY,EACV,iBAAiB,EACjB,GAAG,EACH,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,OAAO,GACR,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC"}

package/dist/doc/liveDoc.d.ts

@@ -0,0 +1,32 @@
+import { Doc } from './types';
+/** Minimal subset of CraftJS `query` we rely on. */
+export interface CraftQuery {
+    getNodes(): Record<string, any>;
+    node(id: string): {
+        get(): any;
+    };
+    parseSerializedNode(serialized: any): {
+        toNode(callback?: (node: any) => void): any;
+    };
+}
+/** Minimal subset of CraftJS `actions` we rely on. */
+export interface CraftActions {
+    setProp(nodeId: string, mutator: (props: Record<string, unknown>) => void): void;
+    setCustom(nodeId: string, mutator: (custom: Record<string, unknown>) => void): void;
+    delete(nodeId: string): void;
+    move(nodeId: string, parentId: string, index: number): void;
+    addNodeTree(tree: {
+        rootNodeId: string;
+        nodes: Record<string, any>;
+    }, parentId: string, index?: number): void;
+}
+/**
+ * Wrap a CraftJS `{ query, actions }` pair in the unified `Doc` interface.
+ * Read methods reflect live state (cursor-style refs); writes go through
+ * `actions` so the editor receives notifications.
+ */
+export declare function createLiveDoc(craft: {
+    query: CraftQuery;
+    actions: CraftActions;
+}): Doc;
+//# sourceMappingURL=liveDoc.d.ts.map

package/dist/doc/liveDoc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"liveDoc.d.ts","sourceRoot":"","sources":["../../src/doc/liveDoc.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EACV,GAAG,EAKJ,MAAM,SAAS,CAAC;AAEjB,oDAAoD;AACpD,MAAM,WAAW,UAAU;IACzB,QAAQ,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAChC,IAAI,CAAC,EAAE,EAAE,MAAM,GAAG;QAAE,GAAG,IAAI,GAAG,CAAA;KAAE,CAAC;IACjC,mBAAmB,CAAC,UAAU,EAAE,GAAG,GAAG;QACpC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,GAAG,GAAG,CAAC;KAC7C,CAAC;CACH;AAED,sDAAsD;AACtD,MAAM,WAAW,YAAY;IAC3B,OAAO,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,GAAG,IAAI,CAAC;IACjF,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,GAAG,IAAI,CAAC;IACpF,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5D,WAAW,CACT,IAAI,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;KAAE,EACxD,QAAQ,EAAE,MAAM,EAChB,KAAK,CAAC,EAAE,MAAM,GACb,IAAI,CAAC;CACT;AAwKD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE;IACnC,KAAK,EAAE,UAAU,CAAC;IAClB,OAAO,EAAE,YAAY,CAAC;CACvB,GAAG,GAAG,CAyDN"}

package/dist/doc/staticDoc.d.ts

@@ -0,0 +1,25 @@
+import { Doc } from './types';
+/** The serialized shape of a single CraftJS node in the flat map. */
+interface StaticNode {
+    type: {
+        resolvedName: string;
+    };
+    isCanvas?: boolean;
+    props: Record<string, unknown>;
+    custom?: Record<string, unknown>;
+    displayName?: string;
+    parent: string | null;
+    hidden?: boolean;
+    nodes?: string[];
+    linkedNodes?: Record<string, string>;
+}
+/** Flat-map shape — keys are node ids, values are serialized nodes. */
+export type FlatNodeMap = Record<string, StaticNode>;
+/**
+ * Wrap a flat CraftJS node map in the unified `Doc` interface. The passed
+ * map is mutated in place — callers can keep their reference and observe
+ * changes directly. If the map has no ROOT, callers should seed one first.
+ */
+export declare function createStaticDoc(flat: FlatNodeMap): Doc;
+export {};
+//# sourceMappingURL=staticDoc.d.ts.map

package/dist/doc/staticDoc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"staticDoc.d.ts","sourceRoot":"","sources":["../../src/doc/staticDoc.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EACV,GAAG,EAKJ,MAAM,SAAS,CAAC;AAEjB,qEAAqE;AACrE,UAAU,UAAU;IAClB,IAAI,EAAE;QAAE,YAAY,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACtC;AAED,uEAAuE;AACvE,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;AAsLrD;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,WAAW,GAAG,GAAG,CAoDtD"}

package/dist/doc/types.d.ts

@@ -0,0 +1,99 @@
+/**
+ * Unified document model — typed wrapper over CraftJS state used by both
+ * the live editor (avocado-editor, future host adapters) and the static
+ * server-side mutators (mcp-core handlers).
+ *
+ * Two backends, one surface:
+ *   - `createLiveDoc({ query, actions })` — drives the editor at runtime
+ *   - `createStaticDoc(flat)` — mutates a serialized node map in place
+ *
+ * Hosts code against `Doc` / `NodeRef`; they never touch raw `getNodes()` /
+ * `setProp(id, draft => ...)` again.
+ */
+/** Component name (e.g. "Container", "Text", "AvocadoHero"). */
+export type ComponentTypeName = string;
+/** Frozen view of one node's stored data. */
+export interface NodeData {
+    /** Component name — the toolbox key that produced this node. */
+    type: ComponentTypeName;
+    /** Whether this node accepts children (CraftJS Canvas semantics). */
+    isCanvas: boolean;
+    /** Author-controlled props (settings-panel inputs land here). */
+    props: Readonly<Record<string, unknown>>;
+    /** Internal metadata (displayName, source pointer, host-block-id, etc.). */
+    custom: Readonly<Record<string, unknown>>;
+    /** Layers / breadcrumb label override. */
+    displayName?: string;
+    /** Whether the node is hidden from view. */
+    hidden: boolean;
+}
+/**
+ * Reference to one node in the document. Acts as a typed cursor — methods
+ * stay valid even if the underlying state replaces objects.
+ */
+export interface NodeRef {
+    readonly id: string;
+    /** Frozen snapshot of the node's data at call time. */
+    readonly data: NodeData;
+    /** Parent ref, or `null` for ROOT. */
+    parent(): NodeRef | null;
+    /** Direct children in order. */
+    children(): NodeRef[];
+    /** Ancestors, nearest first (excludes self). */
+    ancestors(): NodeRef[];
+    /** All descendants, depth-first (excludes self). */
+    descendants(): NodeRef[];
+    /** Shallow-merge a partial props patch. */
+    patchProps(patch: Record<string, unknown>): void;
+    /** Replace props entirely. */
+    setProps(props: Record<string, unknown>): void;
+    /** Shallow-merge a partial custom-metadata patch. */
+    setCustom(patch: Record<string, unknown>): void;
+    /** Remove this node and its descendants. */
+    delete(): void;
+    /** Relocate this node to a new target (kept identity / id). */
+    move(target: InsertTarget): void;
+    /** Deep-copy this node (with new ids) and insert at the target. Returns the new root ref. */
+    duplicate(target?: InsertTarget): NodeRef;
+}
+/** Insert-position specifier — pick one shape. */
+export type InsertTarget = {
+    parent: string;
+    index?: number;
+} | {
+    after: string;
+} | {
+    before: string;
+};
+/** Recursive node-creation payload. Children supply nested NodeInputs. */
+export interface NodeInput {
+    /** Optional id; auto-generated when omitted. */
+    id?: string;
+    type: ComponentTypeName;
+    /** Defaults to `false` (leaf) unless overridden. */
+    isCanvas?: boolean;
+    props?: Record<string, unknown>;
+    custom?: Record<string, unknown>;
+    displayName?: string;
+    hidden?: boolean;
+    children?: NodeInput[];
+}
+export interface Doc {
+    /** ROOT node ref — always present once the doc is initialised. */
+    root(): NodeRef;
+    /** Lookup by id; `null` if absent. */
+    node(id: string): NodeRef | null;
+    /** First node whose `props[key] === value`. */
+    findByProp(key: string, value: unknown): NodeRef | null;
+    /** First node whose `custom[key] === value`. */
+    findByCustom(key: string, value: unknown): NodeRef | null;
+    /** All nodes of the given component type. */
+    filterByType(type: ComponentTypeName): NodeRef[];
+    /** Predicate-based search across all nodes. */
+    filter(predicate: (node: NodeRef) => boolean): NodeRef[];
+    /** Create + insert a fresh subtree. Returns ref to the new root. */
+    insert(input: NodeInput, target: InsertTarget): NodeRef;
+    /** All node ids currently in the doc. */
+    ids(): string[];
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/doc/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/doc/types.ts"],"names":[],"mappings":"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"}

package/dist/editor.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration:initial;--tw-ease:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-font-weight:initial;--tw-border-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-leading:initial;--tw-tracking:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}.pagehub-sdk-root .input-hover{cursor:pointer;border-color:var(--base-300);transition-property:border-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.15s;--tw-ease:var(--ease-out,cubic-bezier(0, 0, .2, 1));transition-duration:.15s;transition-timing-function:var(--ease-out,cubic-bezier(0, 0, .2, 1))}.pagehub-sdk-root .input-hover:focus-within{border-color:var(--primary);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.pagehub-sdk-root .input-hover:focus-within{--tw-ring-color:color-mix(in oklab, var(--ring) 45%, transparent)}}@media(hover:hover){.pagehub-sdk-root .input-hover:hover{border-color:var(--primary)}}.pagehub-sdk-root .btn{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);background-color:var(--primary);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);white-space:nowrap;color:var(--primary-content);--tw-shadow:var(--shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:.5rem;display:inline-flex}@media(hover:hover){.pagehub-sdk-root .btn:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.pagehub-sdk-root .btn:hover{background-color:color-mix(in oklab,var(--primary) 90%,transparent)}}}.pagehub-sdk-root .btn:focus{--tw-outline-style:none;outline-style:none}.pagehub-sdk-root .btn:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--ring);--tw-outline-style:none;outline-style:none}.pagehub-sdk-root .btn:disabled{pointer-events:none;opacity:.5}.pagehub-sdk-root .btn svg{pointer-events:none;width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);flex-shrink:0}.pagehub-sdk-root.mobile-preview .md\:hidden,.pagehub-sdk-root.mobile-preview .md\:flex,.pagehub-sdk-root.mobile-preview .md\:block{display:none!important}.pagehub-sdk-root.mobile-preview .block.md\:hidden{display:block!important}.pagehub-sdk-root.mobile-preview .flex.md\:hidden{display:flex!important}.pagehub-sdk-root{--pagehub-editor-outline-offset:-1px;--pagehub-outline-halo:inset 0 0 0 2px #ffffff73, inset 0 0 0 2px #00000026;--ph-editor-accent:#3b82f6}body[data-ph-drag-copy=true] .pagehub-sdk-root [data-dragging=true]{opacity:1!important}body:not([data-ph-drag-copy=true]) .pagehub-sdk-root [data-dragging=true]{opacity:1!important;box-shadow:none!important;color:#0000!important;background:#3b82f62e!important;border-color:#0000!important;border-radius:4px!important;outline:none!important}body:not([data-ph-drag-copy=true]) .pagehub-sdk-root [data-dragging=true]>*{visibility:hidden!important}.pagehub-sdk-root .drag-control{cursor:move;border-style:var(--tw-border-style)!important;background-color:currentColor!important;border-width:0!important}.pagehub-sdk-root [role=tooltip]{pointer-events:none;z-index:50;cursor:none}.pagehub-sdk-root [data-selected=true],.pagehub-sdk-root [data-hover=true]{cursor:grab}body[data-is-dragging=true],body[data-is-dragging=true] *{cursor:grabbing!important}body[data-ph-edge=right],body[data-ph-edge=right] *{cursor:ew-resize!important}body[data-ph-edge=bottom],body[data-ph-edge=bottom] *{cursor:ns-resize!important}body[data-ph-rotate=true],body[data-ph-rotate=true] *{cursor:var(--ph-rotate-cursor,grab)!important}.pagehub-sdk-root [data-selected=true] iframe,.pagehub-sdk-root [data-selected=true] a{pointer-events:none}.pagehub-sdk-root [data-lastpass-icon-root]{display:none}.pagehub-sdk-root .drop-zone-active{opacity:.8;border-width:4px!important}body[data-dragging-type=section] .pagehub-sdk-root [data-node-type=page],body[data-dragging-type=section] .pagehub-sdk-root [data-node-type=header],body[data-dragging-type=section] .pagehub-sdk-root [data-node-type=footer],body[data-dragging-type=section] .pagehub-sdk-root [data-node-type=component]{outline-offset:-2px;outline:2px dashed;transition:outline .15s}.pagehub-sdk-root [data-show-gridlines=true] [data-enabled=true][node-id]:not([data-selected=true]){outline-offset:var(--pagehub-editor-outline-offset,-1px);box-shadow:var(--pagehub-outline-halo);outline:1px dashed!important}.pagehub-sdk-root [data-enabled=true][data-selected=true]{box-shadow:inset 0 0 0 1px var(--ph-editor-accent),var(--pagehub-outline-halo);outline:none!important}.pagehub-sdk-root [data-enabled=true][data-parent-of-selected=true]{box-shadow:var(--pagehub-outline-halo);outline:none!important}.pagehub-sdk-root [data-enabled=true][data-hover=true]{box-shadow:inset 0 0 0 1px var(--ph-editor-accent);outline:none!important}@supports (color:color-mix(in lab,red,red)){.pagehub-sdk-root [data-enabled=true][data-hover=true]{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--ph-editor-accent) 60%,transparent)}}.pagehub-sdk-root img[data-enabled=true][data-selected=true]{outline-offset:-1px;box-shadow:var(--pagehub-outline-halo);outline:1px solid var(--ph-editor-accent)!important}.pagehub-sdk-root [data-show-hidden=true] .hidden{border-style:var(--tw-border-style);--tw-border-style:dotted;border:1px dotted;display:flex!important}.pagehub-sdk-root iframe{border:0;width:100%;height:100%}.pagehub-sdk-root #viewport [data-active]{height:calc(var(--spacing,.25rem) * 8);width:calc(var(--spacing,.25rem) * 8);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));justify-content:center;display:flex}@media(hover:hover){.pagehub-sdk-root #viewport [data-active]:hover{font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)))}}.pagehub-sdk-root #viewport [data-active]:active{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))}.pagehub-sdk-root #viewport [data-active][data-direction=flex-col][data-position=before]{border-style:var(--tw-border-style);border-width:2px;border-bottom-style:var(--tw-border-style);border-bottom-width:0;border-radius:.5rem}.pagehub-sdk-root #viewport [data-active][data-direction=flex-col][data-position=after]{border-style:var(--tw-border-style);border-width:2px;border-top-style:var(--tw-border-style);border-top-width:0;border-radius:.5rem}.pagehub-sdk-root #viewport [data-active][data-direction=flex-row][data-position=before]{border-style:var(--tw-border-style);border-width:2px;border-right-style:var(--tw-border-style);border-right-width:0;border-radius:.5rem}.pagehub-sdk-root #viewport [data-active][data-direction=flex-row][data-position=after]{border-style:var(--tw-border-style);border-width:2px;border-left-style:var(--tw-border-style);border-left-width:0;border-radius:.5rem}.pagehub-sdk-root .fontfamily-base{font-family:var(--font-sans)}.pagehub-sdk-root{font-family:var(--font-sans);-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;-webkit-text-size-adjust:none;word-wrap:break-word;scroll-behavior:smooth;min-width:320px;font-weight:400}.pagehub-sdk-root [data-root=true]{scroll-behavior:smooth}.pagehub-sdk-root button{cursor:pointer}.pagehub-sdk-root [contenteditable=true]{outline:none}.pagehub-sdk-root .cursor-move{cursor:move!important}.pagehub-sdk-root .scrollbar::-webkit-scrollbar{width:8px;height:8px}.pagehub-sdk-root .scrollbar ::-webkit-scrollbar{width:8px;height:8px}.pagehub-sdk-root .scrollbar::-webkit-scrollbar-track{background-color:#0000;border-radius:8px}.pagehub-sdk-root .scrollbar ::-webkit-scrollbar-track{background-color:#0000;border-radius:8px}.pagehub-sdk-root .scrollbar::-webkit-scrollbar-thumb{background-color:var(--neutral);cursor:pointer;border-radius:3px}.pagehub-sdk-root .scrollbar ::-webkit-scrollbar-thumb{background-color:var(--neutral);cursor:pointer;border-radius:3px}.pagehub-sdk-root .scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--neutral)}.pagehub-sdk-root .scrollbar ::-webkit-scrollbar-thumb:hover{background-color:var(--neutral)}.pagehub-sdk-root .scrollbar-light::-webkit-scrollbar{width:8px;height:8px}.pagehub-sdk-root .scrollbar-light ::-webkit-scrollbar{width:8px;height:8px}.pagehub-sdk-root .scrollbar-light::-webkit-scrollbar-track{background-color:var(--base-100);border-radius:8px}.pagehub-sdk-root .scrollbar-light ::-webkit-scrollbar-track{background-color:var(--base-100);border-radius:8px}.pagehub-sdk-root .scrollbar-light::-webkit-scrollbar-thumb{background-color:var(--base-300);cursor:pointer;border-radius:8px}.pagehub-sdk-root .scrollbar-light ::-webkit-scrollbar-thumb{background-color:var(--base-300);cursor:pointer;border-radius:8px}.pagehub-sdk-root .scrollbar-light::-webkit-scrollbar-thumb:hover{background-color:var(--neutral-content)}.pagehub-sdk-root .scrollbar-light ::-webkit-scrollbar-thumb:hover{background-color:var(--neutral-content)}.pagehub-sdk-root .scrollbar-dark::-webkit-scrollbar{width:8px;height:8px}.pagehub-sdk-root .scrollbar-dark ::-webkit-scrollbar{width:8px;height:8px}.pagehub-sdk-root .scrollbar-dark::-webkit-scrollbar-track{background-color:#0000;border-radius:8px}.pagehub-sdk-root .scrollbar-dark ::-webkit-scrollbar-track{background-color:#0000;border-radius:8px}.pagehub-sdk-root .scrollbar-dark::-webkit-scrollbar-thumb{cursor:pointer;background-color:var(--neutral-content);border-radius:8px}@supports (color:color-mix(in lab,red,red)){.pagehub-sdk-root .scrollbar-dark::-webkit-scrollbar-thumb{background-color:color-mix(in oklab,var(--neutral-content) 30%,transparent)}}.pagehub-sdk-root .scrollbar-dark ::-webkit-scrollbar-thumb{cursor:pointer;background-color:var(--neutral-content);border-radius:8px}@supports (color:color-mix(in lab,red,red)){.pagehub-sdk-root .scrollbar-dark ::-webkit-scrollbar-thumb{background-color:color-mix(in oklab,var(--neutral-content) 30%,transparent)}}.pagehub-sdk-root .scrollbar-dark::-webkit-scrollbar-thumb:hover{background-color:var(--neutral-content)}@supports (color:color-mix(in lab,red,red)){.pagehub-sdk-root .scrollbar-dark::-webkit-scrollbar-thumb:hover{background-color:color-mix(in oklab,var(--neutral-content) 50%,transparent)}}.pagehub-sdk-root .scrollbar-dark ::-webkit-scrollbar-thumb:hover{background-color:var(--neutral-content)}@supports (color:color-mix(in lab,red,red)){.pagehub-sdk-root .scrollbar-dark ::-webkit-scrollbar-thumb:hover{background-color:color-mix(in oklab,var(--neutral-content) 50%,transparent)}}.pagehub-sdk-root [data-no-scrollbars=true]::-webkit-scrollbar{background:0 0}.pagehub-sdk-root .scrollbar-hide{overflow:visible}.pagehub-sdk-root .scrollbar-hide::-webkit-scrollbar{background:0 0;width:8px}.pagehub-sdk-root .scrollbar-hide::-webkit-scrollbar-thumb{background:0 0}.pagehub-sdk-root .scrollbar-hide::-webkit-scrollbar-track{background:0 0}.pagehub-sdk-root [data-custom-scroll]{scrollbar-width:none!important;scrollbar-gutter:auto!important}.pagehub-sdk-root [data-custom-scroll]::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.pagehub-sdk-root .scrollbar [data-custom-scroll]::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.pagehub-sdk-root input[type=range]::-webkit-slider-thumb{height:calc(var(--spacing,.25rem) * 3);width:calc(var(--spacing,.25rem) * 3);background-color:var(--primary)}.pagehub-sdk-root input[type=range]::-webkit-slider-thumb:hover{background-color:var(--primary)}.pagehub-sdk-root input[type=range]::-moz-range-thumb{background-color:var(--primary)}.pagehub-sdk-root input[type=range]::-ms-thumb{background-color:var(--primary)}.pagehub-sdk-root #viewport{transform:translateZ(0);container:ph-editor-canvas/inline-size}@container ph-editor-canvas (max-width:639px){.pagehub-sdk-root #viewport .sm\:flex,.pagehub-sdk-root #viewport .sm\:inline-flex,.pagehub-sdk-root #viewport .sm\:block{display:none!important}}@container ph-editor-canvas (max-width:767px){.pagehub-sdk-root #viewport .md\:flex,.pagehub-sdk-root #viewport .md\:inline-flex,.pagehub-sdk-root #viewport .md\:block{display:none!important}}@container ph-editor-canvas (max-width:1023px){.pagehub-sdk-root #viewport .lg\:flex,.pagehub-sdk-root #viewport .lg\:inline-flex,.pagehub-sdk-root #viewport .lg\:block{display:none!important}}@container ph-editor-canvas (max-width:1279px){.pagehub-sdk-root #viewport .xl\:flex,.pagehub-sdk-root #viewport .xl\:inline-flex,.pagehub-sdk-root #viewport .xl\:block{display:none!important}}.pagehub-sdk-root #viewport .w-screen{width:100%!important}.pagehub-sdk-root #viewport,.pagehub-sdk-root [data-container=true]{max-width:100%}.pagehub-sdk-root [data-renderer=true]{box-sizing:border-box;max-width:100%;overflow:visible!important}.pagehub-sdk-root #viewport>*{box-sizing:border-box;max-width:100%}.pagehub-sdk-root [data-isolated=true] [data-renderer].h-screen,.pagehub-sdk-root [data-isolated=true] [data-renderer].md\:h-screen{height:100%!important}.pagehub-sdk-root [data-isolated=false] [data-renderer].h-screen,.pagehub-sdk-root [data-isolated=false] [data-renderer].md\:h-screen{justify-content:flex-start!important;height:100%!important}.pagehub-sdk-root [data-renderer] .w-screen,.pagehub-sdk-root [data-renderer] .md\:w-screen{width:100%!important}.pagehub-sdk-root .input{cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-300);background-color:var(--base-200);width:100%;color:var(--base-content);border-radius:.5rem}@media(hover:hover){.pagehub-sdk-root .input:hover{border-color:var(--primary)}}.pagehub-sdk-root .input:focus,.pagehub-sdk-root .input:active{border-color:var(--ring)}.pagehub-sdk-root .input-dialog{cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-300);width:100%;color:var(--base-content);border-radius:.5rem;background-color:var(--base-200)!important}@media(hover:hover){.pagehub-sdk-root .input-dialog:hover{border-color:var(--primary)}}.pagehub-sdk-root .input-dialog:focus,.pagehub-sdk-root .input-dialog:active{border-color:var(--ring)}.pagehub-sdk-root .input-plain{cursor:pointer;border-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 1);color:var(--base-content);--tw-outline-style:none;background-color:#0000;border-width:0;outline-style:none}.pagehub-sdk-root .input-plain:focus{--tw-outline-style:none;outline-style:none}.pagehub-sdk-root .input-plain-search{height:calc(var(--spacing,.25rem) * 9);cursor:pointer;border-style:var(--tw-border-style);width:100%;padding-block:calc(var(--spacing,.25rem) * 2);padding-right:calc(var(--spacing,.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--base-content);--tw-outline-style:none;background-color:#0000;border-width:0;outline-style:none}.pagehub-sdk-root .input-plain-search::placeholder{color:var(--neutral-content)}.pagehub-sdk-root .input-plain-search:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;outline-style:none}.pagehub-sdk-root .ph-media-grid-card{border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-300);background-color:var(--base-200);border-radius:.5rem}@supports (color:color-mix(in lab,red,red)){.pagehub-sdk-root .ph-media-grid-card{background-color:color-mix(in oklab,var(--base-200) 50%,transparent)}}.pagehub-sdk-root .ph-media-grid-card{padding:calc(var(--spacing,.25rem) * 4);text-align:left;--tw-backdrop-blur:blur(var(--blur-sm,8px));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media(hover:hover){.pagehub-sdk-root .ph-media-grid-card:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y);border-color:var(--primary);background-color:var(--base-200);--tw-shadow:var(--shadow-lg);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.pagehub-sdk-root .ph-media-grid-card:active{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.pagehub-sdk-root .ph-menu-trigger{justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-300);background-color:var(--base-200);width:100%;padding-inline:calc(var(--spacing,.25rem) * 3);color:var(--base-content);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:.5rem;display:flex}@media(hover:hover){.pagehub-sdk-root .ph-menu-trigger:hover{background-color:var(--neutral)}}.pagehub-sdk-root .ph-menu-trigger:disabled{cursor:not-allowed;opacity:.5}.pagehub-sdk-root .ph-menu-trigger.ph-menu-trigger--chrome-rail{padding-inline:calc(var(--spacing,.25rem) * 2)!important}.pagehub-sdk-root .ph-panel{border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-300);background-color:var(--base-100);--tw-shadow:var(--shadow-xl);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:.5rem}.pagehub-sdk-root .ph-panel-soft{border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-300);background-color:var(--base-100);--tw-shadow:var(--shadow-lg);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:.5rem}.pagehub-sdk-root .ph-panel-inset{border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-300);background-color:var(--base-100);--tw-shadow:var(--shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:.5rem}.pagehub-sdk-root .ph-panel-heavy{border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-300);background-color:var(--base-100);--tw-shadow:var(--shadow-2xl);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:.5rem}.pagehub-sdk-root .ph-modal-surface,.pagehub-sdk-root.ph-modal-surface{border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-300);background-color:var(--base-100);--tw-shadow:var(--shadow-xl);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:.5rem;animation:.2s ease-out both modal-in}.pagehub-sdk-root .ph-modal-surface-heavy,.pagehub-sdk-root.ph-modal-surface-heavy{border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-300);background-color:var(--base-100);--tw-shadow:var(--shadow-2xl);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:.5rem;animation:.2s ease-out both modal-in}.pagehub-sdk-root.ph-modal-backdrop{inset:calc(var(--spacing,.25rem) * 0);background-color:var(--base-100);animation:.15s ease-out both backdrop-in;position:fixed}@supports (color:color-mix(in lab,red,red)){.pagehub-sdk-root.ph-modal-backdrop{background-color:color-mix(in oklab,var(--base-100) 75%,transparent)}}.pagehub-sdk-root.ph-modal-backdrop{--tw-backdrop-blur:blur(var(--blur-sm,8px));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.pagehub-sdk-root.ph-modal-backdrop--center{padding:calc(var(--spacing,.25rem) * 4);justify-content:center;align-items:center;display:flex}.pagehub-sdk-root.ph-modal-backdrop--light{inset:calc(var(--spacing,.25rem) * 0);background-color:var(--base-content);animation:.15s ease-out both backdrop-in;position:fixed}@supports (color:color-mix(in lab,red,red)){.pagehub-sdk-root.ph-modal-backdrop--light{background-color:color-mix(in oklab,var(--base-content) 15%,transparent)}}.pagehub-sdk-root.ph-modal-backdrop--light{--tw-backdrop-blur: ;-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.pagehub-sdk-root .input-dialog-sm{cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-300);width:100%;color:var(--base-content);border-radius:.5rem;background-color:var(--base-200)!important;padding-inline:calc(var(--spacing,.25rem) * 2)!important;padding-block:calc(var(--spacing,.25rem) * 1)!important;font-size:var(--text-xs,.75rem)!important;line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))!important}.pagehub-sdk-root .input-dialog-sm::placeholder{color:var(--neutral-content)}@media(hover:hover){.pagehub-sdk-root .input-dialog-sm:hover{border-color:var(--primary)}}.pagehub-sdk-root .input-dialog-sm:focus,.pagehub-sdk-root .input-dialog-sm:active{border-color:var(--ring)}.pagehub-sdk-root .input-dialog-md{cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-300);width:100%;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--base-content);border-radius:.5rem;background-color:var(--base-200)!important;padding-inline:calc(var(--spacing,.25rem) * 3)!important;padding-block:calc(var(--spacing,.25rem) * 2)!important}@media(hover:hover){.pagehub-sdk-root .input-dialog-md:hover{border-color:var(--primary)}}.pagehub-sdk-root .input-dialog-md:focus,.pagehub-sdk-root .input-dialog-md:active{border-color:var(--ring)}.pagehub-sdk-root .input-dialog-leading{cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-300);width:100%;color:var(--base-content);border-radius:.5rem;background-color:var(--base-200)!important;padding-block:calc(var(--spacing,.25rem) * 1.5)!important;padding-right:calc(var(--spacing,.25rem) * 3)!important;padding-left:calc(var(--spacing,.25rem) * 9)!important;font-size:var(--text-xs,.75rem)!important;line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))!important}.pagehub-sdk-root .input-dialog-leading::placeholder{color:var(--neutral-content)}@media(hover:hover){.pagehub-sdk-root .input-dialog-leading:hover{border-color:var(--primary)}}.pagehub-sdk-root .input-dialog-leading:focus,.pagehub-sdk-root .input-dialog-leading:active{border-color:var(--ring)}.pagehub-sdk-root select.input-plain{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:calc(var(--spacing,.25rem) * 6);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%230f0f0f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:.75rem}.dark .pagehub-sdk-root select.input-plain,:is(.dark *) .pagehub-sdk-root select.input-plain{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23e8e8e8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.pagehub-sdk-root .btn-sm{height:calc(var(--spacing,.25rem) * 6)!important;padding-inline:calc(var(--spacing,.25rem) * 1.5)!important;padding-block:calc(var(--spacing,.25rem) * 0)!important;font-size:var(--text-xs,.75rem)!important;line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))!important}.pagehub-sdk-root .btn-secondary{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);white-space:nowrap;--tw-shadow:var(--shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:.5rem;display:inline-flex}.pagehub-sdk-root .btn-secondary:focus{--tw-outline-style:none;outline-style:none}.pagehub-sdk-root .btn-secondary:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--ring);--tw-outline-style:none;outline-style:none}.pagehub-sdk-root .btn-secondary:disabled{pointer-events:none;opacity:.5}.pagehub-sdk-root .btn-secondary svg{pointer-events:none;width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);flex-shrink:0}.pagehub-sdk-root .btn-secondary{border-style:var(--tw-border-style)!important;border-width:1px!important;border-color:var(--base-300)!important;background-color:var(--secondary)!important;color:var(--secondary-content)!important}@media(hover:hover){.pagehub-sdk-root .btn-secondary:hover{background-color:var(--primary)!important;color:var(--primary-content)!important}}.pagehub-sdk-root .btn-primary{height:calc(var(--spacing,.25rem) * 8);justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);background-color:var(--primary);padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);white-space:nowrap;color:var(--primary-content);--tw-shadow:var(--shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:.5rem;display:inline-flex}@media(hover:hover){.pagehub-sdk-root .btn-primary:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.pagehub-sdk-root .btn-primary:hover{background-color:color-mix(in oklab,var(--primary) 90%,transparent)}}}.pagehub-sdk-root .btn-primary:focus{--tw-outline-style:none;outline-style:none}.pagehub-sdk-root .btn-primary:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--ring);--tw-outline-style:none;outline-style:none}.pagehub-sdk-root .btn-primary:disabled{pointer-events:none;opacity:.5}.pagehub-sdk-root .btn-primary svg{pointer-events:none;width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);flex-shrink:0}.pagehub-sdk-root .tool-bg{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-radius:var(--radius-box);border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-300);display:flex}@supports (color:color-mix(in lab,red,red)){.pagehub-sdk-root .tool-bg{border-color:color-mix(in oklab,var(--base-300) 50%,transparent)}}.pagehub-sdk-root .tool-bg{background-color:var(--base-100);padding:calc(var(--spacing,.25rem) * 1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:var(--leading-normal,1.5);line-height:var(--leading-normal,1.5);--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);--tw-tracking:var(--tracking-normal,0em);letter-spacing:var(--tracking-normal,0em);color:var(--base-content);--tw-shadow:var(--shadow-xl);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.pagehub-sdk-root .tool-bg-flat{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-radius:var(--radius-box);border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-300);display:flex}@supports (color:color-mix(in lab,red,red)){.pagehub-sdk-root .tool-bg-flat{border-color:color-mix(in oklab,var(--base-300) 50%,transparent)}}.pagehub-sdk-root .tool-bg-flat{background-color:var(--base-100);padding:calc(var(--spacing,.25rem) * 1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:var(--leading-normal,1.5);line-height:var(--leading-normal,1.5);--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);--tw-tracking:var(--tracking-normal,0em);letter-spacing:var(--tracking-normal,0em);color:var(--base-content);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.pagehub-sdk-root .node-control{font-family:var(--font-sans);margin:calc(var(--spacing,.25rem) * 1);border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-300);background-color:var(--neutral);padding:calc(var(--spacing,.25rem) * 1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:var(--leading-normal,1.5);line-height:var(--leading-normal,1.5);--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);--tw-tracking:var(--tracking-normal,0em);letter-spacing:var(--tracking-normal,0em);color:var(--base-content);--tw-shadow:var(--shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:.5rem;justify-content:center;align-items:center;display:flex}@keyframes node-control-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.animate-modal-in{animation:.2s ease-out both modal-in}.animate-backdrop-in{animation:.15s ease-out both backdrop-in}@keyframes slide-up-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:.4s cubic-bezier(.22,1,.36,1) both slide-up-fade-in}.pagehub-sdk-root .tool-button{cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 1.5);border-style:var(--tw-border-style);padding:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);white-space:nowrap;color:var(--base-content);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.15s;background-color:#0000;border-width:0;border-radius:.375rem;transition-duration:.15s;display:inline-flex}@media(hover:hover){.pagehub-sdk-root .tool-button:hover{background-color:var(--base-200)}}.pagehub-sdk-root .tool-button:focus{--tw-outline-style:none;outline-style:none}.pagehub-sdk-root .tool-button:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--ring);--tw-outline-style:none;outline-style:none}.pagehub-sdk-root .tool-button:active{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.pagehub-sdk-root .tool-button:disabled{pointer-events:none;opacity:.5}.pagehub-sdk-root .tool-button svg{pointer-events:none;flex-shrink:0;width:18px;height:18px;margin:calc(var(--spacing,.25rem) * 0)!important;padding:calc(var(--spacing,.25rem) * 0)!important}.pagehub-sdk-root .panel-btn{cursor:pointer;border-style:var(--tw-border-style);padding:calc(var(--spacing,.25rem) * 1);color:var(--base-content);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.15s;background-color:#0000;border-width:0;border-radius:.25rem;justify-content:center;align-items:center;transition-duration:.15s;display:inline-flex}@media(hover:hover){.pagehub-sdk-root .panel-btn:hover{background-color:var(--base-200)}}.pagehub-sdk-root .panel-btn:focus{--tw-outline-style:none;outline-style:none}.pagehub-sdk-root .panel-btn:active{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.pagehub-sdk-root .panel-btn svg{pointer-events:none;width:calc(var(--spacing,.25rem) * 3.5);height:calc(var(--spacing,.25rem) * 3.5);flex-shrink:0;margin:calc(var(--spacing,.25rem) * 0)!important;padding:calc(var(--spacing,.25rem) * 0)!important}.pagehub-sdk-root .text-xxs{font-size:11.5px}.pagehub-sdk-root .btn-search{right:calc(var(--spacing,.25rem) * 2.5);bottom:calc(var(--spacing,.25rem) * 2.5);z-index:20;height:calc(var(--spacing,.25rem) * 8);border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-300);background-color:var(--primary);padding-inline:calc(var(--spacing,.25rem) * 5);padding-block:calc(var(--spacing,.25rem) * 1.5);color:var(--primary-content);border-radius:.5rem;position:absolute}@media(hover:hover){.pagehub-sdk-root .btn-search:hover{background-color:var(--primary)}}.pagehub-sdk-root .input-wrapper,.pagehub-sdk-root #toolbarContents .input{cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-300);background-color:var(--base-200);width:100%;padding-inline:calc(var(--spacing,.25rem) * 1);padding-block:calc(var(--spacing,.25rem) * 0);transition-property:border-color,box-shadow,background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.15s;--tw-ease:var(--ease-out,cubic-bezier(0, 0, .2, 1));transition-duration:.15s;transition-timing-function:var(--ease-out,cubic-bezier(0, 0, .2, 1));border-radius:.5rem}@media(hover:hover){:is(.pagehub-sdk-root .input-wrapper,.pagehub-sdk-root #toolbarContents .input):hover{border-color:var(--primary);background-color:var(--base-300)}@supports (color:color-mix(in lab,red,red)){:is(.pagehub-sdk-root .input-wrapper,.pagehub-sdk-root #toolbarContents .input):hover{background-color:color-mix(in oklab,var(--base-300) 25%,transparent)}}}:is(.pagehub-sdk-root .input-wrapper,.pagehub-sdk-root #toolbarContents .input):focus-within{border-color:var(--ring);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.pagehub-sdk-root .input-wrapper>button{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;outline-style:none}.pagehub-sdk-root .input-wrapper>button:focus,.pagehub-sdk-root .input-wrapper>button:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;outline-style:none}.pagehub-sdk-root #toolbarContents .input,.pagehub-sdk-root #toolbarContents .input-dialog,.pagehub-sdk-root #toolbarContents .input-dialog-sm,.pagehub-sdk-root #toolbarContents .input-dialog-md,.pagehub-sdk-root #toolbarContents .input-dialog-leading,.pagehub-sdk-root #toolbarContents .input-plain,.pagehub-sdk-root #toolbarContents select.input-plain{height:calc(var(--spacing,.25rem) * 8);padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * .5);font-size:var(--text-xs,.75rem)!important;line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))!important}:is(.pagehub-sdk-root #toolbarContents .input,.pagehub-sdk-root #toolbarContents .input-dialog,.pagehub-sdk-root #toolbarContents .input-dialog-sm,.pagehub-sdk-root #toolbarContents .input-dialog-md,.pagehub-sdk-root #toolbarContents .input-dialog-leading,.pagehub-sdk-root #toolbarContents .input-plain,.pagehub-sdk-root #toolbarContents select.input-plain)::placeholder{color:var(--neutral-content)}:is(.pagehub-sdk-root #toolbarContents .input,.pagehub-sdk-root #toolbarContents .input-dialog,.pagehub-sdk-root #toolbarContents .input-dialog-sm,.pagehub-sdk-root #toolbarContents .input-dialog-md,.pagehub-sdk-root #toolbarContents .input-dialog-leading,.pagehub-sdk-root #toolbarContents .input-plain,.pagehub-sdk-root #toolbarContents select.input-plain):focus{border-color:var(--ring);--tw-ring-color:var(--ring)}.pagehub-sdk-root #toolbarContents button.input-plain:focus{--tw-shadow:0 0 #0000;--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#0000}.pagehub-sdk-root #toolbarContents button.input-plain:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(.pagehub-sdk-root #toolbarContents .input-wrapper>input.input-plain,.pagehub-sdk-root #toolbarContents .input-wrapper>textarea.input-plain):focus{--tw-shadow:0 0 #0000;--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#0000}:is(.pagehub-sdk-root #toolbarContents .input-wrapper>input.input-plain,.pagehub-sdk-root #toolbarContents .input-wrapper>textarea.input-plain):focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.pagehub-sdk-root #toolbarContents .btn{height:calc(var(--spacing,.25rem) * 8);padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * .5);font-size:var(--text-sm,.875rem)!important;line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))!important}.pagehub-sdk-root #toolbarContents .btn:focus{border-color:var(--ring);--tw-ring-color:var(--ring)}.pagehub-sdk-root #toolbarContents textarea.input-plain{height:auto}.pagehub-sdk-root option{background-color:var(--base-200);color:var(--base-content)}.pagehub-sdk-root #toolbarContents .btn-search{top:50%;right:calc(var(--spacing,.25rem) * 1.5);z-index:20;width:calc(var(--spacing,.25rem) * 7);height:calc(var(--spacing,.25rem) * 7);--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);border-style:var(--tw-border-style);background-color:var(--primary);padding:calc(var(--spacing,.25rem) * 0);color:var(--primary-content);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-width:0;border-radius:.375rem;justify-content:center;align-items:center;display:flex;bottom:auto}@media(hover:hover){.pagehub-sdk-root #toolbarContents .btn-search:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.pagehub-sdk-root #toolbarContents .btn-search:hover{background-color:color-mix(in oklab,var(--primary) 90%,transparent)}}}.pagehub-sdk-root #toolbarContents .btn-search svg{flex-shrink:0}.ph-toolbar-dashed-btn{cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 1.5);border-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-width:1px;border-color:var(--base-300);width:100%;padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 1.5);color:var(--neutral-content);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:.375rem;font-size:11px;display:flex}@media(hover:hover){.ph-toolbar-dashed-btn:hover{border-color:var(--primary);color:var(--base-content)}}.pagehub-sdk-root .toolbar-label{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--base-content)}.pagehub-sdk-root .slider::-webkit-slider-thumb{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 4);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-full,9999px);background-color:var(--primary);--tw-shadow:var(--shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.pagehub-sdk-root .slider::-moz-range-thumb{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 4);cursor:pointer;border-radius:var(--radius-full,9999px);border-style:var(--tw-border-style);background-color:var(--primary);--tw-shadow:var(--shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-width:0}.pagehub-sdk-root .slider::-webkit-slider-track{background-color:var(--neutral);border-radius:.5rem}.pagehub-sdk-root .slider::-moz-range-track{background-color:var(--neutral);border-radius:.5rem}.pagehub-sdk-root .input-transparent{height:calc(var(--spacing,.25rem) * 9);border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-300);width:100%;padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 1);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));background-color:#0000;border-radius:.5rem;display:flex}.pagehub-sdk-root .input-transparent::file-selector-button{border-style:var(--tw-border-style);border-width:0}.pagehub-sdk-root .input-transparent::file-selector-button{background-color:#0000}.pagehub-sdk-root .input-transparent::file-selector-button{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.pagehub-sdk-root .input-transparent::file-selector-button{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.pagehub-sdk-root .input-transparent::file-selector-button{color:var(--base-content)}.pagehub-sdk-root .input-transparent::placeholder{color:var(--neutral-content)}.pagehub-sdk-root .input-transparent:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--ring);--tw-outline-style:none;outline-style:none}.pagehub-sdk-root .input-transparent:disabled{cursor:not-allowed;opacity:.5}@media(min-width:48rem){.pagehub-sdk-root .input-transparent{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}}.pagehub-sdk-root .sketch-picker{background:var(--background)!important;box-shadow:none!important;border:none!important}.pagehub-sdk-root .sketch-picker label{color:var(--muted-foreground)!important}.pagehub-sdk-root .sketch-picker input{background:var(--muted)!important;color:var(--foreground)!important;border-color:var(--base-300)!important;border-radius:.375rem!important}@keyframes ph-popover-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ph-popover-fade-out{0%{opacity:1}to{opacity:0}}[data-ph-popover][data-state=open]{animation:75ms ease-out ph-popover-fade-in}[data-ph-popover][data-state=closed]{animation:75ms ease-in forwards ph-popover-fade-out}.pagehub-sdk-root.ph-select-content{min-width:calc(var(--spacing,.25rem) * 32);border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-300);background-color:var(--base-100);padding:calc(var(--spacing,.25rem) * 1);color:var(--base-content);--tw-shadow:var(--shadow-lg);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:.5rem;z-index:11000!important;outline:none!important;max-height:none!important;font-size:14px!important;line-height:1.4!important;overflow:visible!important}.pagehub-sdk-root.ph-select-content[data-open]{animation:75ms ease-out ph-popover-fade-in}.pagehub-sdk-root.ph-select-content[data-closed]{animation:75ms ease-in forwards ph-popover-fade-out}.pagehub-sdk-root.ph-select-content .ph-select-scroll-area{max-height:264px}.pagehub-sdk-root.ph-select-content *{font-size:inherit!important}.pagehub-sdk-root.ph-select-content .ph-select-group{font-size:11px!important}.pagehub-sdk-root.ph-select-content .ph-select-item,.pagehub-sdk-root .ph-select-item-host .ph-select-item{cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem) * 1);width:100%;padding-block:calc(var(--spacing,.25rem) * 1.5);padding-right:calc(var(--spacing,.25rem) * 2);padding-left:calc(var(--spacing,.25rem) * 1.5);text-align:left;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-outline-style:none;-webkit-user-select:none;user-select:none;border-radius:.125rem;outline-style:none;display:flex;font-size:13px!important}@media(hover:hover){:is(.pagehub-sdk-root.ph-select-content .ph-select-item,.pagehub-sdk-root .ph-select-item-host .ph-select-item):hover{background-color:var(--accent);color:var(--accent-content)}}:is(.pagehub-sdk-root.ph-select-content .ph-select-item,.pagehub-sdk-root .ph-select-item-host .ph-select-item):focus,:is(.pagehub-sdk-root.ph-select-content .ph-select-item,.pagehub-sdk-root .ph-select-item-host .ph-select-item)[data-focus]{background-color:var(--accent);color:var(--accent-content)}:is(.pagehub-sdk-root.ph-select-content .ph-select-item,.pagehub-sdk-root .ph-select-item-host .ph-select-item)[data-disabled]{pointer-events:none;opacity:.5}:is(.pagehub-sdk-root.ph-select-content .ph-select-item,.pagehub-sdk-root .ph-select-item-host .ph-select-item)[data-selected],:is(.pagehub-sdk-root.ph-select-content .ph-select-item,.pagehub-sdk-root .ph-select-item-host .ph-select-item)[data-state=checked]{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.pagehub-sdk-root.ph-select-content .ph-select-scroll-indicator{z-index:10;cursor:default;opacity:0;pointer-events:none;justify-content:center;align-items:center;width:100%;height:0;display:flex;position:sticky;overflow:hidden}.pagehub-sdk-root.ph-select-content .ph-select-scroll-indicator.active{opacity:1;pointer-events:auto;height:24px}.pagehub-sdk-root.ph-select-content .ph-select-scroll-indicator.top{background:linear-gradient(to bottom,var(--background) 40%,transparent);top:0}.pagehub-sdk-root.ph-select-content .ph-select-scroll-indicator.bottom{background:linear-gradient(to top,var(--background) 40%,transparent);bottom:0}.pagehub-sdk-root.ph-select-content.ph-assistant-command-menu{min-width:300px;font-size:12px!important;line-height:1.35!important}.pagehub-sdk-root.ph-select-content.ph-assistant-command-menu .ph-assistant-menu-section-heading{font-size:10px!important;line-height:1.3!important}.pagehub-sdk-root.ph-select-content.ph-assistant-command-menu .ph-select-item.ph-assistant-menu-item{gap:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 1.5);padding-right:calc(var(--spacing,.25rem) * 2.5);padding-left:calc(var(--spacing,.25rem) * 2);font-size:11px!important;line-height:1.35!important}.pagehub-sdk-root.ph-select-content.ph-assistant-command-menu--mega{width:min(720px,100vw - 16px);min-width:min(280px,100vw - 16px);max-width:calc(100vw - 16px)}.pagehub-sdk-root.ph-select-content.ph-assistant-command-menu--mega .ph-assistant-command-menu-mega-scroll{max-height:min(70vh,480px)}.btn-outline{background:0 0;border:1px solid}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--muted,#0000000d)}.btn-sm{padding:.375rem .75rem;font-size:.875rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn-pill{border-radius:9999px}.btn-wide{width:100%}.btn-square{aspect-ratio:1;justify-content:center;padding:0}.pad-sm{padding:.75rem}@media(min-width:768px){.pad-sm{padding:1.25rem}}.pad-md{padding:1.5rem}@media(min-width:768px){.pad-md{padding:3rem}}.pad-lg{padding-inline:var(--container-padding-x,2rem);padding-block:var(--container-padding-y,3rem)}.w-half{width:100%}@media(min-width:768px){.w-half{width:50%}}.w-third{width:100%}@media(min-width:768px){.w-third{width:33.333%}}.w-two-thirds{width:100%}@media(min-width:768px){.w-two-thirds{width:66.666%}}.h-half-screen{height:50vh}.centered{text-align:center;justify-content:center;align-items:center;margin-inline:auto}.img-rounded{border-radius:var(--radius,.5rem)}.img-circle{border-radius:9999px}.img-cover{object-fit:cover;width:100%;height:100%}.img-contain{object-fit:contain}.aspect-4-3{aspect-ratio:4/3}.theme-transition,.theme-transition *,.theme-transition :before,.theme-transition :after{transition:none!important}#viewport .pagehub-sdk-root,#viewport .tool-bg,#viewport .tool-bg-flat,#viewport .node-control,#viewport [data-node-control=true],#device-tools-portal .pagehub-sdk-root,#device-tools-portal .tool-bg,#device-tools-portal .tool-bg-flat,#device-tools-portal .node-control,#device-tools-portal [data-node-control=true]{--primary:#171717;--secondary:#f5f5f5;--accent:#f5f5f5;--base-300:#e6e6e6;--neutral:#f5f5f5;--neutral-content:#737373;--base-100:#fff;--base-200:#fafafa;--base-content:#0f0f0f;--primary-content:#fff;--secondary-content:#171717;--accent-content:#171717;--ring:#171717;--border:1px;--radius-box:.5rem;--radius-field:.25rem;--radius-selector:.5rem;--radius:var(--radius-box);--card-radius:var(--radius-box);--shadow-2xs:1px 2px 4.5px 0px #00000012;--shadow-xs:1px 2px 4.5px 0px #00000012;--shadow-sm:1px 2px 4.5px 0px #00000024, 1px 1px 2px -1px #00000024;--shadow:1px 2px 4.5px 0px #00000024, 1px 1px 2px -1px #00000024;--shadow-md:1px 2px 4.5px 0px #00000024, 1px 2px 4px -1px #00000024;--shadow-lg:1px 2px 4.5px 0px #00000024, 1px 4px 6px -1px #00000024;--shadow-xl:1px 2px 4.5px 0px #00000024, 1px 8px 10px -1px #00000024;--shadow-2xl:1px 2px 4.5px 0px #00000059;--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";--sidebar-foreground:#3f3f46;--sidebar-border:#dadce2;--color-sidebar-foreground:var(--sidebar-foreground);--color-sidebar-border:var(--sidebar-border)}.dark #viewport .pagehub-sdk-root,.dark #viewport .tool-bg,.dark #viewport .tool-bg-flat,.dark #viewport .node-control,.dark #viewport [data-node-control=true],.dark #device-tools-portal .pagehub-sdk-root,.dark #device-tools-portal .tool-bg,.dark #device-tools-portal .tool-bg-flat,.dark #device-tools-portal .node-control,.dark #device-tools-portal [data-node-control=true],#viewport.dark .pagehub-sdk-root,#viewport.dark .tool-bg,#viewport.dark .tool-bg-flat,#viewport.dark .node-control,#viewport.dark [data-node-control=true]{--primary:#ededed;--secondary:#3d3d3d;--accent:#525252;--base-300:#525252;--neutral:#333;--neutral-content:#adadad;--base-100:#1f1f1f;--base-200:#2e2e2e;--base-content:#ededed;--primary-content:#171717;--secondary-content:#ededed;--accent-content:#ededed;--ring:#ededed;--border:1px;--radius-box:.5rem;--radius-field:.25rem;--radius-selector:.5rem;--radius:var(--radius-box);--card-radius:var(--radius-box);--shadow-2xs:1px 2px 4.5px 0px #00000012;--shadow-xs:1px 2px 4.5px 0px #00000012;--shadow-sm:1px 2px 4.5px 0px #00000024, 1px 1px 2px -1px #00000024;--shadow:1px 2px 4.5px 0px #00000024, 1px 1px 2px -1px #00000024;--shadow-md:1px 2px 4.5px 0px #00000024, 1px 2px 4px -1px #00000024;--shadow-lg:1px 2px 4.5px 0px #00000024, 1px 4px 6px -1px #00000024;--shadow-xl:1px 2px 4.5px 0px #00000024, 1px 8px 10px -1px #00000024;--shadow-2xl:1px 2px 4.5px 0px #00000059;--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";--sidebar-foreground:#fafafa;--sidebar-border:#424242;--color-sidebar-foreground:var(--sidebar-foreground);--color-sidebar-border:var(--sidebar-border)}.pagehub-sdk-root aside#toolbar{--sidebar-border:#dadce2;--color-sidebar-border:var(--sidebar-border)}html.dark .pagehub-sdk-root aside#toolbar,.dark .pagehub-sdk-root aside#toolbar{--sidebar-border:#424242;--color-sidebar-border:var(--sidebar-border)}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}

package/dist/editor.d.ts

@@ -0,0 +1,44 @@
+import { default as React } from 'react';
+import { ResolvedComponentDef } from './define/types';
+import { PageHubCallbacks, PageHubConfig, PageHubFeatures, PageHubTheme } from './types';
+interface PageHubEditorProps {
+    /** CraftJS resolver components */
+    resolver?: Record<string, React.ComponentType<any>>;
+    /** Custom components registered via defineComponent() */
+    components?: ResolvedComponentDef[];
+    /** Callback to receive the CraftJS query object */
+    onQueryReady?: (query: any) => void;
+    /** Callback for when nodes are changed */
+    onNodesChange?: (query: any) => void;
+    /** Your integration callbacks (onLoad, onSave, etc.) */
+    callbacks?: PageHubCallbacks;
+    /** Visual theming */
+    theme?: PageHubTheme;
+    /** Feature toggles */
+    features?: Partial<PageHubFeatures>;
+    /** PageHub API base URL. Default: "https://pagehub.dev/api" */
+    apiBaseUrl?: string;
+    /** Start in read-only mode. Default: false */
+    readOnly?: boolean;
+    /** Host-rendered docked panel (e.g. assistant). Same as `PageHubConfig.aiPanel`. */
+    aiPanel?: PageHubConfig["aiPanel"];
+    /** Content rendered inside the CraftJS <Editor> tree (has access to useEditor) */
+    children?: React.ReactNode;
+}
+/**
+ * The main editor React component.
+ *
+ * Can be used standalone (pass callbacks/theme/features directly)
+ * or nested inside a <PageHubProvider> for advanced control.
+ *
+ * Standalone:
+ *   <PageHubEditor callbacks={{ onLoad, onSave }} theme={{ primaryColor: "#e11d48" }} />
+ *
+ * With provider:
+ *   <PageHubProvider config={config} emitter={emitter}>
+ *     <PageHubEditor />
+ *   </PageHubProvider>
+ */
+export declare function PageHubEditor(props: PageHubEditorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=editor.d.ts.map

package/dist/editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../src/editor.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAOH,OAAO,KAAmD,MAAM,OAAO,CAAC;AAcxE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,KAAK,EAEV,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,YAAY,EACb,MAAM,SAAS,CAAC;AAiDjB,OAAO,6CAA6C,CAAC;AAyOrD,UAAU,kBAAkB;IAC1B,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC;IACpD,yDAAyD;IACzD,UAAU,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACpC,mDAAmD;IACnD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,0CAA0C;IAC1C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAGrC,wDAAwD;IACxD,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,qBAAqB;IACrB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACpC,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oFAAoF;IACpF,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,kFAAkF;IAClF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAiBtD"}

package/dist/entry/init.d.ts

@@ -0,0 +1,14 @@
+import { PageHubConfig, PageHubInstance } from '../types';
+/**
+ * Initialize the PageHub editor.
+ *
+ * This is the primary integration point for non-React apps.
+ * It mounts a React tree into the specified container and returns
+ * a controller object for programmatic access.
+ */
+export declare function init(config: PageHubConfig): PageHubInstance;
+declare const PageHub: {
+    init: typeof init;
+};
+export default PageHub;
+//# sourceMappingURL=init.d.ts.map

package/dist/entry/init.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../../src/entry/init.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAyBH,OAAO,KAAK,EAEV,aAAa,EAGb,eAAe,EAKhB,MAAM,UAAU,CAAC;AASlB,OAAO,8CAA8C,CAAC;AAStD;;;;;;GAMG;AACH,wBAAgB,IAAI,CAAC,MAAM,EAAE,aAAa,GAAG,eAAe,CA4O3D;AAGD,QAAA,MAAM,OAAO;;CAAW,CAAC;AACzB,eAAe,OAAO,CAAC"}