@pagehub/sdk 0.1.0

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

@@ -0,0 +1,18 @@
+interface UseInitialPageNavigationArgs {
+    query: any;
+    actions: any;
+    editorPageIdsKey: string;
+    isolate: string;
+    setIsolate: (next: string) => void;
+    config: any;
+    setPageLoad: (next: "idle" | "loading" | "done") => void;
+}
+/**
+ * Bootstraps the page navigation store with the URL strategy + slug→pageId
+ * resolver + onIsolate callback, then isolates the initial page (URL >
+ * localStorage > home page). Re-binds the `onIsolate` callback whenever it
+ * changes to avoid stale closures inside the nav store.
+ */
+export declare function useInitialPageNavigation({ query, actions, editorPageIdsKey, isolate, setIsolate, config, setPageLoad, }: UseInitialPageNavigationArgs): void;
+export {};
+//# sourceMappingURL=useInitialPageNavigation.d.ts.map

package/dist/chrome/viewport/Viewport/hooks/useInitialPageNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInitialPageNavigation.d.ts","sourceRoot":"","sources":["../../../../../src/chrome/viewport/Viewport/hooks/useInitialPageNavigation.ts"],"names":[],"mappings":"AAaA,UAAU,4BAA4B;IACpC,KAAK,EAAE,GAAG,CAAC;IACX,OAAO,EAAE,GAAG,CAAC;IACb,gBAAgB,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,EAAE,GAAG,CAAC;IACZ,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,KAAK,IAAI,CAAC;CAC1D;AAED;;;;;GAKG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,EACL,OAAO,EACP,gBAAgB,EAChB,OAAO,EACP,UAAU,EACV,MAAM,EACN,WAAW,GACZ,EAAE,4BAA4B,QA2E9B"}

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

@@ -0,0 +1,12 @@
+/**
+ * Page-load progress state for `LoadingBar`. Single enum (idle/loading/done)
+ * instead of two booleans. `done` flips back to `idle` when LoadingBar's
+ * `onComplete` fires; a 2s safety net resets it if onComplete never fires
+ * (unmount mid-animation).
+ */
+export declare function usePageLoadIndicator(): {
+    pageLoad: "loading" | "done" | "idle";
+    setPageLoad: import('react').Dispatch<import('react').SetStateAction<"loading" | "done" | "idle">>;
+    handleLoadComplete: () => void;
+};
+//# sourceMappingURL=usePageLoadIndicator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePageLoadIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/chrome/viewport/Viewport/hooks/usePageLoadIndicator.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,wBAAgB,oBAAoB;;;;EAYnC"}

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

@@ -0,0 +1,7 @@
+/**
+ * `beforeunload` + Next.js `routeChangeStart` warning when the editor has
+ * dirty changes. Page switches use `pushState` (not Next.js router), so
+ * `routeChangeStart` only fires for genuine navigations away from the editor.
+ */
+export declare function useUnsavedChangesWarning(unsavedChanges: string | null): void;
+//# sourceMappingURL=useUnsavedChangesWarning.d.ts.map

package/dist/chrome/viewport/Viewport/hooks/useUnsavedChangesWarning.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUnsavedChangesWarning.d.ts","sourceRoot":"","sources":["../../../../../src/chrome/viewport/Viewport/hooks/useUnsavedChangesWarning.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,cAAc,EAAE,MAAM,GAAG,IAAI,QAuBrE"}

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

@@ -0,0 +1,14 @@
+/**
+ * Right-click + double-click handlers for the canvas. Right-click opens the
+ * element context menu at the pointer (skipping text fields); double-click
+ * uses the same node-resolution logic, then forwards to the regular
+ * double-click handler so node-level activation still happens.
+ */
+export declare function useViewportContextMenu({ enabled, handleDoubleClick, }: {
+    enabled: boolean;
+    handleDoubleClick: (e: React.MouseEvent<HTMLDivElement>) => void;
+}): {
+    handleViewportContextMenuCapture: (e: React.MouseEvent<HTMLDivElement>) => void;
+    handleViewportDoubleClickCapture: (e: React.MouseEvent<HTMLDivElement>) => void;
+};
+//# sourceMappingURL=useViewportContextMenu.d.ts.map

package/dist/chrome/viewport/Viewport/hooks/useViewportContextMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useViewportContextMenu.d.ts","sourceRoot":"","sources":["../../../../../src/chrome/viewport/Viewport/hooks/useViewportContextMenu.ts"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,EACP,iBAAiB,GAClB,EAAE;IACD,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CAClE;0CA2BO,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC;0CAOhC,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC;EASvC"}

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

@@ -0,0 +1,2 @@
+export declare function useViewportSetupEffects(): void;
+//# sourceMappingURL=useViewportSetupEffects.d.ts.map

package/dist/chrome/viewport/Viewport/hooks/useViewportSetupEffects.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useViewportSetupEffects.d.ts","sourceRoot":"","sources":["../../../../../src/chrome/viewport/Viewport/hooks/useViewportSetupEffects.ts"],"names":[],"mappings":"AAkBA,wBAAgB,uBAAuB,SA+EtC"}

package/dist/chrome/viewport/Viewport/parts/BreakpointMarkers.d.ts

@@ -0,0 +1,14 @@
+import { BpKey } from '../constants';
+/**
+ * Per-breakpoint vertical markers (sm/md/lg/xl/2xl) overlaid on the canvas.
+ * Drag to live-preview a new px value (dashed indigo line); release to commit.
+ * Custom (theme-overridden) breakpoints render with a stronger dashed line.
+ */
+export declare function BreakpointMarkers({ themeBreakpoints, pendingBreakpointOverride, getEffectiveBpPx, handleMarkerPointerDown, resetMarkerBreakpoint, }: {
+    themeBreakpoints: Record<string, number> | undefined;
+    pendingBreakpointOverride: Record<string, number>;
+    getEffectiveBpPx: (bp: BpKey) => number;
+    handleMarkerPointerDown: (bp: BpKey) => (e: React.PointerEvent) => void;
+    resetMarkerBreakpoint: (bp: BpKey) => () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BreakpointMarkers.d.ts.map

package/dist/chrome/viewport/Viewport/parts/BreakpointMarkers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreakpointMarkers.d.ts","sourceRoot":"","sources":["../../../../../src/chrome/viewport/Viewport/parts/BreakpointMarkers.tsx"],"names":[],"mappings":"AACA,OAAO,EAAyB,KAAK,KAAK,EAAE,MAAM,cAAc,CAAC;AAEjE;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,gBAAgB,EAChB,yBAAyB,EACzB,gBAAgB,EAChB,uBAAuB,EACvB,qBAAqB,GACtB,EAAE;IACD,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC;IACrD,yBAAyB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClD,gBAAgB,EAAE,CAAC,EAAE,EAAE,KAAK,KAAK,MAAM,CAAC;IACxC,uBAAuB,EAAE,CAAC,EAAE,EAAE,KAAK,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,YAAY,KAAK,IAAI,CAAC;IACxE,qBAAqB,EAAE,CAAC,EAAE,EAAE,KAAK,KAAK,MAAM,IAAI,CAAC;CAClD,2CA6CA"}

package/dist/chrome/viewport/Viewport/parts/CanvasEdgeHandles.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Drag handles on the left/right edges of the breakpoint canvas. Single
+ * left/right pair shown only when a real breakpoint is active and the
+ * editor is enabled. Drag is wired by `useCanvasEdgeResize`.
+ */
+export declare function CanvasEdgeHandles({ breakpointWidthPx, handlePointerDownEdge, resetBreakpointWidth, }: {
+    breakpointWidthPx: number | null;
+    handlePointerDownEdge: (side: "left" | "right") => (e: React.PointerEvent) => void;
+    resetBreakpointWidth: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CanvasEdgeHandles.d.ts.map

package/dist/chrome/viewport/Viewport/parts/CanvasEdgeHandles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasEdgeHandles.d.ts","sourceRoot":"","sources":["../../../../../src/chrome/viewport/Viewport/parts/CanvasEdgeHandles.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,GACrB,EAAE;IACD,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,qBAAqB,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,YAAY,KAAK,IAAI,CAAC;IACnF,oBAAoB,EAAE,MAAM,IAAI,CAAC;CAClC,2CA+BA"}

package/dist/chrome/viewport/Viewport/parts/DeviceFrameChrome.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Header bar that floats above the device-frame canvas. Phones get a
+ * full DeviceSelector (model picker); tablets/laptops/monitors get a
+ * minimal label + dimensions readout. Both include an exit button and
+ * a CanvasZoom control.
+ */
+export declare function DeviceFrameChrome({ deviceFrame, setDevice, }: {
+    deviceFrame: {
+        kind: "phone" | "tablet" | "laptop" | "monitor";
+        innerWidth: number;
+        innerHeight: number;
+        bezelX: number;
+        bezelY: number;
+    };
+    setDevice: (next: boolean) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DeviceFrameChrome.d.ts.map

package/dist/chrome/viewport/Viewport/parts/DeviceFrameChrome.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceFrameChrome.d.ts","sourceRoot":"","sources":["../../../../../src/chrome/viewport/Viewport/parts/DeviceFrameChrome.tsx"],"names":[],"mappings":"AAMA;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,SAAS,GACV,EAAE;IACD,WAAW,EAAE;QACX,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;QAChD,UAAU,EAAE,MAAM,CAAC;QACnB,WAAW,EAAE,MAAM,CAAC;QACpB,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC,2CA0CA"}

package/dist/chrome/viewport/Viewport/parts/DeviceFrameDecorations.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Cosmetic accents on top/bottom of device frames — phone notch, monitor
+ * stand, laptop chin, etc. Render INSIDE the canvas (absolute), so they
+ * sit relative to the frame's bezel.
+ */
+export declare function DeviceFrameTopDecoration({ decoration, }: {
+    decoration: "notch" | "camera-top" | "camera-side" | "laptop-chin" | "monitor-stand" | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DeviceFrameBottomDecoration({ decoration, }: {
+    decoration: "notch" | "camera-top" | "camera-side" | "laptop-chin" | "monitor-stand" | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DeviceFrameDecorations.d.ts.map

package/dist/chrome/viewport/Viewport/parts/DeviceFrameDecorations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceFrameDecorations.d.ts","sourceRoot":"","sources":["../../../../../src/chrome/viewport/Viewport/parts/DeviceFrameDecorations.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,UAAU,GACX,EAAE;IACD,UAAU,EAAE,OAAO,GAAG,YAAY,GAAG,aAAa,GAAG,aAAa,GAAG,eAAe,GAAG,SAAS,CAAC;CAClG,2CAuBA;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,UAAU,GACX,EAAE;IACD,UAAU,EAAE,OAAO,GAAG,YAAY,GAAG,aAAa,GAAG,aAAa,GAAG,eAAe,GAAG,SAAS,CAAC;CAClG,2CAuBA"}

package/dist/chrome/viewport/Viewport/parts/DeviceGuides.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Informational vertical guides for common device widths (iPhone SE, iPad,
+ * MacBook, etc.). Non-draggable, dotted. Toggled by `ShowDeviceGuidesAtom`.
+ */
+export declare function DeviceGuides(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DeviceGuides.d.ts.map

package/dist/chrome/viewport/Viewport/parts/DeviceGuides.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceGuides.d.ts","sourceRoot":"","sources":["../../../../../src/chrome/viewport/Viewport/parts/DeviceGuides.tsx"],"names":[],"mappings":"AAGA;;;GAGG;AACH,wBAAgB,YAAY,4CAyB3B"}

package/dist/chrome/viewport/Viewport/parts/PreviewEditButton.d.ts

@@ -0,0 +1,18 @@
+interface PreviewEditButtonProps {
+    sideBarLeft: boolean;
+    lastActive: string;
+    query: any;
+    actions: any;
+    setOptions: (mut: (options: {
+        enabled: boolean;
+    }) => void) => void;
+    setPreview: (next: boolean) => void;
+}
+/**
+ * Floating "Edit" button shown in preview mode (`!enabled`). Clicking it
+ * re-enables the editor and re-selects the previously-active node so the
+ * inspector returns to its prior context.
+ */
+export declare function PreviewEditButton({ sideBarLeft, lastActive, query, actions, setOptions, setPreview, }: PreviewEditButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PreviewEditButton.d.ts.map

package/dist/chrome/viewport/Viewport/parts/PreviewEditButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewEditButton.d.ts","sourceRoot":"","sources":["../../../../../src/chrome/viewport/Viewport/parts/PreviewEditButton.tsx"],"names":[],"mappings":"AAGA,UAAU,sBAAsB;IAC9B,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,GAAG,CAAC;IACX,OAAO,EAAE,GAAG,CAAC;IACb,UAAU,EAAE,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,KAAK,IAAI,CAAC;IACnE,UAAU,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACrC;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,UAAU,EACV,KAAK,EACL,OAAO,EACP,UAAU,EACV,UAAU,GACX,EAAE,sBAAsB,2CAmCxB"}

package/dist/chrome/viewport/ViewportTopBar/BreakpointSwitcher.d.ts

@@ -0,0 +1,2 @@
+export declare function BreakpointSwitcher(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BreakpointSwitcher.d.ts.map

package/dist/chrome/viewport/ViewportTopBar/BreakpointSwitcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreakpointSwitcher.d.ts","sourceRoot":"","sources":["../../../../src/chrome/viewport/ViewportTopBar/BreakpointSwitcher.tsx"],"names":[],"mappings":"AAwDA,wBAAgB,kBAAkB,4CAoNjC"}

package/dist/chrome/viewport/ViewportTopBar/HeaderItem.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+interface HeaderItemProps {
+    onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    onMouseDown?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    children: React.ReactNode;
+    disabled?: boolean;
+    className?: string;
+    ariaLabel?: string;
+}
+export declare function HeaderItem({ onClick, onMouseDown, children, disabled, className, ariaLabel, ...rest }: HeaderItemProps & Record<string, unknown>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=HeaderItem.d.ts.map

package/dist/chrome/viewport/ViewportTopBar/HeaderItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderItem.d.ts","sourceRoot":"","sources":["../../../../src/chrome/viewport/ViewportTopBar/HeaderItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,eAAe;IACvB,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC1D,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,WAAW,EACX,QAAQ,EACR,QAAgB,EAChB,SAAc,EACd,SAAc,EACd,GAAG,IAAI,EACR,EAAE,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,2CAgB3C"}

package/dist/chrome/viewport/ViewportTopBar/SaveIndicator.d.ts

@@ -0,0 +1,3 @@
+/** Save status icon driven by the SDK save coordinator. */
+export declare function SaveIndicator(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SaveIndicator.d.ts.map

package/dist/chrome/viewport/ViewportTopBar/SaveIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SaveIndicator.d.ts","sourceRoot":"","sources":["../../../../src/chrome/viewport/ViewportTopBar/SaveIndicator.tsx"],"names":[],"mappings":"AAaA,2DAA2D;AAC3D,wBAAgB,aAAa,4CAuC5B"}

package/dist/chrome/viewport/ViewportTopBar/SideBySideRow.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Side-by-side mirror toggle. Lives inside the canvas-width dropdown.
+ * Capped at 2 frames — the secondary is always read-only and the choice of
+ * which bp it shows is independent of the primary canvas view.
+ */
+export declare function SideBySideRow(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SideBySideRow.d.ts.map

package/dist/chrome/viewport/ViewportTopBar/SideBySideRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideBySideRow.d.ts","sourceRoot":"","sources":["../../../../src/chrome/viewport/ViewportTopBar/SideBySideRow.tsx"],"names":[],"mappings":"AAaA;;;;GAIG;AACH,wBAAgB,aAAa,4CAmC5B"}

package/dist/chrome/viewport/ViewportTopBar/ViewportTopBar.d.ts

@@ -0,0 +1,2 @@
+export declare const ViewportTopBar: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ViewportTopBar.d.ts.map

package/dist/chrome/viewport/ViewportTopBar/ViewportTopBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewportTopBar.d.ts","sourceRoot":"","sources":["../../../../src/chrome/viewport/ViewportTopBar/ViewportTopBar.tsx"],"names":[],"mappings":"AA0DA,eAAO,MAAM,cAAc,+CAsK1B,CAAC"}

package/dist/chrome/viewport/ViewportTopBar/useComponentVisible.d.ts

@@ -0,0 +1,6 @@
+export declare function useComponentVisible(initialIsVisible: boolean): {
+    ref: import('react').RefObject<HTMLDivElement>;
+    isComponentVisible: boolean;
+    setIsComponentVisible: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+};
+//# sourceMappingURL=useComponentVisible.d.ts.map

package/dist/chrome/viewport/ViewportTopBar/useComponentVisible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComponentVisible.d.ts","sourceRoot":"","sources":["../../../../src/chrome/viewport/ViewportTopBar/useComponentVisible.ts"],"names":[],"mappings":"AAEA,wBAAgB,mBAAmB,CAAC,gBAAgB,EAAE,OAAO;;;;EAkB5D"}

package/dist/chrome/viewport/ViewportTopBar/useDarkMode.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Site light/dark mode for the editor preview. Source of truth is
+ * `DarkModeAtom` (Phase 2 C2b lift) so the `ph.ui.toggleDarkMode` command can
+ * flip it from outside React. The hook hydrates the atom from
+ * `phStorage["theme"]` + `prefers-color-scheme` on first mount, and a
+ * separate effect mirrors the atom into the `<html>` class + phStorage on
+ * every change. Transitions are suppressed during the switch to avoid oklch
+ * interpolation artifacts on the chrome.
+ */
+export declare function useDarkMode(): {
+    isDarkMode: boolean;
+    toggleTheme: () => boolean;
+};
+//# sourceMappingURL=useDarkMode.d.ts.map

package/dist/chrome/viewport/ViewportTopBar/useDarkMode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDarkMode.d.ts","sourceRoot":"","sources":["../../../../src/chrome/viewport/ViewportTopBar/useDarkMode.ts"],"names":[],"mappings":"AAKA;;;;;;;;GAQG;AACH,wBAAgB,WAAW;;;EAiC1B"}

package/dist/chrome/viewport/ViewportTopBar/useTopBarComponents.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Reads ROOT children, filters `props.type === "component"`, and writes a
+ * serialized payload for the components dropdown into `ComponentsAtom`.
+ * Re-runs on `componentFingerprint` changes (string built from the component
+ * containers' nested counts in the parent's `useEditor` selector).
+ */
+export declare function useTopBarComponents({ query, enabled, componentFingerprint, }: {
+    query: any;
+    enabled: boolean;
+    componentFingerprint: string;
+}): void;
+//# sourceMappingURL=useTopBarComponents.d.ts.map

package/dist/chrome/viewport/ViewportTopBar/useTopBarComponents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTopBarComponents.d.ts","sourceRoot":"","sources":["../../../../src/chrome/viewport/ViewportTopBar/useTopBarComponents.ts"],"names":[],"mappings":"AAKA;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,OAAO,EACP,oBAAoB,GACrB,EAAE;IACD,KAAK,EAAE,GAAG,CAAC;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,oBAAoB,EAAE,MAAM,CAAC;CAC9B,QAiDA"}

package/dist/chrome/viewport/canvas/CanvasAnnotationLayer.d.ts

@@ -0,0 +1,17 @@
+import { CanvasAnnotation } from '../../../utils/component/componentCanvas';
+interface Props {
+    annotations: CanvasAnnotation[];
+    onChange: (next: CanvasAnnotation[]) => void;
+}
+/**
+ * Floating text annotations (labels + titles).
+ *
+ * Same React-bypass pattern as ComponentCanvasItem: pan/zoom are read from
+ * CSS vars on the surface (`--ph-pan-x`, `--ph-pan-y`, `--ph-zoom`) via a
+ * calc-based transform, so panning/zooming costs zero React renders. Drag
+ * writes `--ph-ann-x/y` directly to the wrapper ref + commits to onChange
+ * only on pointerup.
+ */
+export declare function CanvasAnnotationLayer({ annotations, onChange }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CanvasAnnotationLayer.d.ts.map

package/dist/chrome/viewport/canvas/CanvasAnnotationLayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasAnnotationLayer.d.ts","sourceRoot":"","sources":["../../../../src/chrome/viewport/canvas/CanvasAnnotationLayer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAKjF,UAAU,KAAK;IACb,WAAW,EAAE,gBAAgB,EAAE,CAAC;IAChC,QAAQ,EAAE,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAC;CAC9C;AAID;;;;;;;;GAQG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,KAAK,2CA0DrE"}

package/dist/chrome/viewport/canvas/CanvasFloatingToolbar.d.ts

@@ -0,0 +1,13 @@
+interface CanvasFloatingToolbarProps {
+    /** Truthy while a component is isolated — collapses the toolbar to just zoom. */
+    isolated: boolean;
+    /** Count of cards on the canvas (component label). */
+    componentCount: number;
+    onCreateComponent: () => void;
+    onArrange: (axis: "horizontal" | "vertical") => void;
+    onAddAnnotation: (kind: "label" | "title") => void;
+}
+/** Floating top-right toolbar for the component canvas (new / arrange / annotate / zoom). */
+export declare function CanvasFloatingToolbar({ isolated, componentCount, onCreateComponent, onArrange, onAddAnnotation, }: CanvasFloatingToolbarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CanvasFloatingToolbar.d.ts.map

package/dist/chrome/viewport/canvas/CanvasFloatingToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasFloatingToolbar.d.ts","sourceRoot":"","sources":["../../../../src/chrome/viewport/canvas/CanvasFloatingToolbar.tsx"],"names":[],"mappings":"AAWA,UAAU,0BAA0B;IAClC,iFAAiF;IACjF,QAAQ,EAAE,OAAO,CAAC;IAClB,sDAAsD;IACtD,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,SAAS,EAAE,CAAC,IAAI,EAAE,YAAY,GAAG,UAAU,KAAK,IAAI,CAAC;IACrD,eAAe,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,OAAO,KAAK,IAAI,CAAC;CACpD;AAED,6FAA6F;AAC7F,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,cAAc,EACd,iBAAiB,EACjB,SAAS,EACT,eAAe,GAChB,EAAE,0BAA0B,2CAiF5B"}

package/dist/chrome/viewport/canvas/CanvasScopeBand.d.ts

@@ -0,0 +1,2 @@
+export declare function CanvasScopeBand(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CanvasScopeBand.d.ts.map

package/dist/chrome/viewport/canvas/CanvasScopeBand.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasScopeBand.d.ts","sourceRoot":"","sources":["../../../../src/chrome/viewport/canvas/CanvasScopeBand.tsx"],"names":[],"mappings":"AA0BA,wBAAgB,eAAe,4CA0C9B"}

package/dist/chrome/viewport/canvas/CanvasZoom.d.ts

@@ -0,0 +1,41 @@
+export declare const zoomPresets: {
+    label: string;
+    value: number;
+}[];
+/**
+ * Step a numeric zoom value to the next preset in the given direction.
+ * Used by the inline window listener AND by the registry `ph.canvas.zoom*`
+ * commands so both paths agree on which preset is "next".
+ */
+export declare function nextZoomPreset(current: number, direction: 1 | -1): number;
+type FitMode = {
+    kind: "height";
+    target: number;
+    chromeOffset?: number;
+    max?: number;
+} | {
+    kind: "width";
+    target: number;
+    chromeOffset?: number;
+    max?: number;
+} | {
+    kind: "both";
+    targetW: number;
+    targetH: number;
+    chromeOffsetW?: number;
+    chromeOffsetH?: number;
+    max?: number;
+};
+interface CanvasZoomProps {
+    zoomAtom: any;
+    fitMode: FitMode;
+    /** Unique key used to scope Ctrl/Cmd +/−/0 shortcuts to this instance. */
+    activeKey: string;
+    /** When true, controls are inert but still occupy their normal space. */
+    disabled?: boolean;
+    /** phStorage key to persist zoom value + fit-to-window flag. */
+    storageKey?: string;
+}
+export declare function CanvasZoom({ zoomAtom, fitMode, activeKey, disabled, storageKey, }: CanvasZoomProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CanvasZoom.d.ts.map

package/dist/chrome/viewport/canvas/CanvasZoom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasZoom.d.ts","sourceRoot":"","sources":["../../../../src/chrome/viewport/canvas/CanvasZoom.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,WAAW;;;GAkBvB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,CAOzE;AAED,KAAK,OAAO,GACR;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,GACvE;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,GACtE;IACE,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEN,UAAU,eAAe;IAGvB,QAAQ,EAAE,GAAG,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,0EAA0E;IAC1E,SAAS,EAAE,MAAM,CAAC;IAClB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gEAAgE;IAChE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,OAAO,EACP,SAAS,EACT,QAAgB,EAChB,UAAU,GACX,EAAE,eAAe,2CAoNjB"}

package/dist/chrome/viewport/canvas/ComponentCanvasViewport.d.ts

@@ -0,0 +1,6 @@
+interface Props {
+    className?: string;
+}
+export declare function ComponentCanvasViewport({ className }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ComponentCanvasViewport.d.ts.map

package/dist/chrome/viewport/canvas/ComponentCanvasViewport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentCanvasViewport.d.ts","sourceRoot":"","sources":["../../../../src/chrome/viewport/canvas/ComponentCanvasViewport.tsx"],"names":[],"mappings":"AA8BA,UAAU,KAAK;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA2BD,wBAAgB,uBAAuB,CAAC,EAAE,SAAc,EAAE,EAAE,KAAK,2CAoahE"}

package/dist/chrome/viewport/canvas/DeviceScrollbar.d.ts

@@ -0,0 +1,11 @@
+interface DeviceScrollbarProps {
+    deviceWidth: number;
+    deviceHeight: number;
+    deviceZoom: number;
+    sideBarOpen: boolean;
+    sideBarLeft: boolean;
+}
+/** External scrollbar that sits to the right of the mobile device frame */
+export declare function DeviceScrollbar({ deviceWidth, deviceHeight, deviceZoom }: DeviceScrollbarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DeviceScrollbar.d.ts.map

package/dist/chrome/viewport/canvas/DeviceScrollbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceScrollbar.d.ts","sourceRoot":"","sources":["../../../../src/chrome/viewport/canvas/DeviceScrollbar.tsx"],"names":[],"mappings":"AAGA,UAAU,oBAAoB;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,2EAA2E;AAC3E,wBAAgB,eAAe,CAAC,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,EAAE,oBAAoB,2CA4G9F"}

package/dist/chrome/viewport/canvas/DeviceSelector.d.ts

@@ -0,0 +1,6 @@
+interface DeviceSelectorProps {
+    onClose: () => void;
+}
+export declare function DeviceSelector({ onClose }: DeviceSelectorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DeviceSelector.d.ts.map

package/dist/chrome/viewport/canvas/DeviceSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceSelector.d.ts","sourceRoot":"","sources":["../../../../src/chrome/viewport/canvas/DeviceSelector.tsx"],"names":[],"mappings":"AAUA,UAAU,mBAAmB;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,EAAE,mBAAmB,2CA+I9D"}

package/dist/chrome/viewport/canvas/SideBySideFrame.d.ts

@@ -0,0 +1,20 @@
+import { ViewMode } from '../../../core/store';
+interface Props {
+    /** Which bp width the secondary should render at. */
+    secondaryView: ViewMode;
+    /** Outer wrapper class. */
+    className?: string;
+    /** Px width to render the secondary at. */
+    widthPx: number;
+    /** Sync a scrollTop value from the primary into secondary (and vice versa). */
+    scrollMirrorRef: React.MutableRefObject<{
+        primary: HTMLDivElement | null;
+        secondary: HTMLDivElement | null;
+        isMirroring: boolean;
+    }>;
+}
+export declare function SideBySideFrame({ secondaryView, className, widthPx, scrollMirrorRef, }: Props): import("react/jsx-runtime").JSX.Element;
+/** Resolve px width for a secondary view from the site's theme (or defaults). */
+export declare function resolveSecondaryWidthPx(view: ViewMode, themeBreakpoints?: Record<string, number>): number;
+export {};
+//# sourceMappingURL=SideBySideFrame.d.ts.map

package/dist/chrome/viewport/canvas/SideBySideFrame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideBySideFrame.d.ts","sourceRoot":"","sources":["../../../../src/chrome/viewport/canvas/SideBySideFrame.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAGpD,UAAU,KAAK;IACb,qDAAqD;IACrD,aAAa,EAAE,QAAQ,CAAC;IACxB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,OAAO,EAAE,MAAM,CAAC;IAChB,+EAA+E;IAC/E,eAAe,EAAE,KAAK,CAAC,gBAAgB,CAAC;QACtC,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC;QAC/B,SAAS,EAAE,cAAc,GAAG,IAAI,CAAC;QACjC,WAAW,EAAE,OAAO,CAAC;KACtB,CAAC,CAAC;CACJ;AAED,wBAAgB,eAAe,CAAC,EAC9B,aAAa,EACb,SAAc,EACd,OAAO,EACP,eAAe,GAChB,EAAE,KAAK,2CA8FP;AAED,iFAAiF;AACjF,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,QAAQ,EACd,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GACxC,MAAM,CAKR"}

package/dist/chrome/viewport/canvas/ViewportMeta.d.ts

@@ -0,0 +1,2 @@
+export declare const ViewportMeta: () => any;
+//# sourceMappingURL=ViewportMeta.d.ts.map

package/dist/chrome/viewport/canvas/ViewportMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewportMeta.d.ts","sourceRoot":"","sources":["../../../../src/chrome/viewport/canvas/ViewportMeta.tsx"],"names":[],"mappings":"AAuEA,eAAO,MAAM,YAAY,WA+OxB,CAAC"}

package/dist/chrome/viewport/canvas/ViewportScopeCoachmark.d.ts

@@ -0,0 +1,2 @@
+export declare function ViewportScopeCoachmark(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ViewportScopeCoachmark.d.ts.map

package/dist/chrome/viewport/canvas/ViewportScopeCoachmark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewportScopeCoachmark.d.ts","sourceRoot":"","sources":["../../../../src/chrome/viewport/canvas/ViewportScopeCoachmark.tsx"],"names":[],"mappings":"AA6BA,wBAAgB,sBAAsB,4CAmErC"}

package/dist/chrome/viewport/canvas/deviceFrames.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Device frame specs for the editor canvas Device mode.
+ *
+ * Each Tailwind canvas breakpoint (mobile / sm / md / lg / xl / 2xl) maps to a
+ * frame "kind" — phone, tablet, laptop, monitor — with its own bezel chrome,
+ * inner content dimensions, and a small decoration overlay (notch, camera dot,
+ * laptop chin, monitor stand).
+ *
+ * Width/height are *content* dimensions; bezel padding is added around the
+ * inner viewport. Auto-fit zoom uses (innerW + bezelX, innerH + bezelY).
+ */
+export type DeviceFrameKind = "phone" | "tablet" | "laptop" | "monitor";
+export declare const DEVICE_FRAME_BY_VIEW: Record<string, DeviceFrameKind>;
+export type DeviceFrameSpec = {
+    kind: DeviceFrameKind;
+    /** Content (inner) width in CSS px. */
+    innerWidth: number;
+    /** Content (inner) height in CSS px. */
+    innerHeight: number;
+    /** Total horizontal bezel chrome (left + right) added to innerWidth. */
+    bezelX: number;
+    /** Total vertical bezel chrome (top + bottom) added to innerHeight. */
+    bezelY: number;
+    /** Tailwind classes for the outer frame box. */
+    outerClassName: string;
+    /** Tailwind classes for the inner viewport box. */
+    innerClassName: string;
+    /** Inline padding for the outer frame (asymmetric for laptop/monitor chins). */
+    framePadding: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    /** Decoration kind for the chrome overlay (notch / camera / chin / stand). */
+    decoration: "notch" | "camera-top" | "camera-side" | "laptop-chin" | "monitor-stand" | null;
+};
+export declare function getDeviceFrameSpec(view: string, customPhone?: {
+    width: number;
+    height: number;
+}, 
+/** Resolved breakpoint pixel widths from `getCanvasBreakpointPx(theme)`. */
+bp?: {
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    "2xl": number;
+}): DeviceFrameSpec;
+//# sourceMappingURL=deviceFrames.d.ts.map

package/dist/chrome/viewport/canvas/deviceFrames.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deviceFrames.d.ts","sourceRoot":"","sources":["../../../../src/chrome/viewport/canvas/deviceFrames.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;AAExE,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAOhE,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,eAAe,CAAC;IACtB,uCAAuC;IACvC,UAAU,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,WAAW,EAAE,MAAM,CAAC;IACpB,wEAAwE;IACxE,MAAM,EAAE,MAAM,CAAC;IACf,uEAAuE;IACvE,MAAM,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,cAAc,EAAE,MAAM,CAAC;IACvB,mDAAmD;IACnD,cAAc,EAAE,MAAM,CAAC;IACvB,gFAAgF;IAChF,YAAY,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3E,8EAA8E;IAC9E,UAAU,EAAE,OAAO,GAAG,YAAY,GAAG,aAAa,GAAG,aAAa,GAAG,eAAe,GAAG,IAAI,CAAC;CAC7F,CAAC;AAQF,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,MAAM,EACZ,WAAW,CAAC,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE;AAC/C,4EAA4E;AAC5E,EAAE,CAAC,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACrE,eAAe,CAsEjB"}

package/dist/chrome/viewport/canvas/editorCanvasLayout.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Editor canvas chrome by preview mode:
+ * - mobile: phone frame (deviceClasses in Viewport — not defined here)
+ * - sm–2xl: canvas narrows to the breakpoint width; no device metaphor
+ *
+ * Width is applied inline at the render site (so it can be drag-overridden);
+ * this helper only returns the layout/scroll classes.
+ */
+export declare function getEditorWidthOnlyCanvasClasses(enabled: boolean): [string, string];
+//# sourceMappingURL=editorCanvasLayout.d.ts.map

package/dist/chrome/viewport/canvas/editorCanvasLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editorCanvasLayout.d.ts","sourceRoot":"","sources":["../../../../src/chrome/viewport/canvas/editorCanvasLayout.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,wBAAgB,+BAA+B,CAAC,OAAO,EAAE,OAAO,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAclF"}

package/dist/chrome/viewport/canvas/useCanvasModeBody.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Owns the `body[data-ph-canvas-mode="true"]` contract for the component canvas.
+ *
+ * Tags body + injects the style sheet on mount; cleans up on unmount. Lifts
+ * `overflow:hidden` on every clipping ancestor of `#viewport` so absolutely-
+ * positioned components paint outside the (collapsed) viewport bounds, and
+ * clears the `transform` on those ancestors so `position:fixed` children escape
+ * the containing block. Restores every edited style on unmount (even if a React
+ * error-boundary fires).
+ *
+ * MUST be called as the FIRST effect in `ComponentCanvasViewport` so its mount /
+ * cleanup ordering relative to the pan/zoom + isolation effects is preserved.
+ */
+export declare function useCanvasModeBody(): void;
+//# sourceMappingURL=useCanvasModeBody.d.ts.map

package/dist/chrome/viewport/canvas/useCanvasModeBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCanvasModeBody.d.ts","sourceRoot":"","sources":["../../../../src/chrome/viewport/canvas/useCanvasModeBody.ts"],"names":[],"mappings":"AA8CA;;;;;;;;;;;;GAYG;AACH,wBAAgB,iBAAiB,SAsChC"}

package/dist/chrome/viewport/design-system/components/DesignSystemAccordion.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+interface DesignSystemAccordionProps {
+    title: string;
+    open: boolean;
+    onToggle: () => void;
+    children: ReactNode;
+    icon?: ReactNode;
+    rightContent?: ReactNode;
+    bodyClassName?: string;
+}
+export declare function DesignSystemAccordion({ title, open, onToggle, children, icon, rightContent, bodyClassName, }: DesignSystemAccordionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DesignSystemAccordion.d.ts.map

package/dist/chrome/viewport/design-system/components/DesignSystemAccordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignSystemAccordion.d.ts","sourceRoot":"","sources":["../../../../../src/chrome/viewport/design-system/components/DesignSystemAccordion.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,0BAA0B;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,aAA6D,GAC9D,EAAE,0BAA0B,2CAoC5B"}

package/dist/chrome/viewport/design-system/components/StylesTab.d.ts

@@ -0,0 +1,7 @@
+import { UseDesignSystemReturn } from '../hooks/useDesignSystem';
+interface StylesTabProps {
+    ds: UseDesignSystemReturn;
+}
+export declare function StylesTab({ ds }: StylesTabProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=StylesTab.d.ts.map

package/dist/chrome/viewport/design-system/components/StylesTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StylesTab.d.ts","sourceRoot":"","sources":["../../../../../src/chrome/viewport/design-system/components/StylesTab.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAUtE,UAAU,cAAc;IACtB,EAAE,EAAE,qBAAqB,CAAC;CAC3B;AAmMD,wBAAgB,SAAS,CAAC,EAAE,EAAE,EAAE,EAAE,cAAc,2CA2C/C"}