@pagehub/sdk 0.1.0

package/dist/chrome/toolbar/primitives/ItemSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemSelector.d.ts","sourceRoot":"","sources":["../../../../src/chrome/toolbar/primitives/ItemSelector.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,WAAW;;;;;;;;IAgBvB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,iDAA6D,GAAG,4CA+D1F,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI;;;;;CAAmD,4CAa/E,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,+BAI/B;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,4CAkBA,CAAC"}

package/dist/chrome/toolbar/primitives/MenuIcon.d.ts

@@ -0,0 +1,8 @@
+declare const MenuItem: ({ tooltip, onClick, children, animate }: {
+    tooltip: any;
+    onClick: any;
+    children: any;
+    animate?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export default MenuItem;
+//# sourceMappingURL=MenuIcon.d.ts.map

package/dist/chrome/toolbar/primitives/MenuIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuIcon.d.ts","sourceRoot":"","sources":["../../../../src/chrome/toolbar/primitives/MenuIcon.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,QAAQ,GAAI;;;;;CAA+C,4CAQhE,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/chrome/toolbar/primitives/ParseTree.d.ts

@@ -0,0 +1,4 @@
+export declare const ParseTree: ({ tree }: {
+    tree: any;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ParseTree.d.ts.map

package/dist/chrome/toolbar/primitives/ParseTree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParseTree.d.ts","sourceRoot":"","sources":["../../../../src/chrome/toolbar/primitives/ParseTree.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,GAAI;;CAAQ,4CAuCjC,CAAC"}

package/dist/chrome/toolbar/primitives/Spinner.d.ts

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

package/dist/chrome/toolbar/primitives/Spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../../src/chrome/toolbar/primitives/Spinner.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAsBpE"}

package/dist/chrome/toolbar/primitives/ToolbarDashedButton.d.ts

@@ -0,0 +1,15 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+export type ToolbarDashedButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type"> & {
+    /** Omit default plus: `icon={null}`. Custom leading icon: pass a node. */
+    icon?: ReactNode | null;
+};
+/**
+ * Shared dashed full-width toolbar CTA (same chrome as Actions → Add Action).
+ * Styles: `.ph-toolbar-dashed-btn` in `packages/sdk/src/css/editor-partials/toolbar-forms.css`
+ * (SDK `editor.css` bundle) and duplicated in root `styles/editor.css` for the Next app (which does not import SDK toolbar-forms).
+ */
+export declare const ToolbarDashedButton: import('react').ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type"> & {
+    /** Omit default plus: `icon={null}`. Custom leading icon: pass a node. */
+    icon?: ReactNode | null;
+} & import('react').RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=ToolbarDashedButton.d.ts.map

package/dist/chrome/toolbar/primitives/ToolbarDashedButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarDashedButton.d.ts","sourceRoot":"","sources":["../../../../src/chrome/toolbar/primitives/ToolbarDashedButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9E,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,GAAG;IAC7F,0EAA0E;IAC1E,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;CACzB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB;IAT9B,0EAA0E;WACnE,SAAS,GAAG,IAAI;qDAsBxB,CAAC"}

package/dist/chrome/toolbar/primitives/ToolbarSegmentedControl.d.ts

@@ -0,0 +1,40 @@
+import { ReactNode } from 'react';
+export declare const TOOLBAR_SEGMENTED_ACTIVE = "bg-base-100 text-base-content shadow-sm";
+export declare const TOOLBAR_SEGMENTED_INACTIVE = "text-neutral-content hover:text-base-content";
+export type ToolbarSegmentedOption<T extends string = string> = {
+    value: T;
+    label: ReactNode;
+    /** Optional per-option tooltip text (rendered through the global RTT surface). */
+    tooltip?: string;
+    ariaLabel?: string;
+    /** Override the default option width sizing — e.g. `"flex-none w-7"` on a
+     *  narrow clear/none chip so the surrounding `flex-1` siblings divide the
+     *  remaining track evenly. When omitted, falls back to the control-level
+     *  default (`flex-1` in fill mode, content-width in compact mode). */
+    widthClass?: string;
+};
+type Props<T extends string> = {
+    value: T;
+    onChange: (value: T) => void;
+    options: ToolbarSegmentedOption<T>[];
+    /** Compact text (e.g. Animation engine). Default fits icon + label. */
+    dense?: boolean;
+    /** Tight track that sizes by content instead of stretching to `w-full`.
+     *  Use for inline togglers in flex rows (ShorthandInput mode toggle). */
+    compact?: boolean;
+    /** Extra classes appended to every option button (e.g. `w-7` for icon-only). */
+    optionClassName?: string;
+    className?: string;
+    "aria-label"?: string;
+    /** Extra control on the same neutral track (e.g. layout display-variant chevron). */
+    trailing?: ReactNode;
+    /** Tooltip surface id forwarded to per-option `data-tooltip-id` when an option provides `tooltip`. */
+    tooltipId?: string;
+};
+/**
+ * Pill / segmented control: light neutral track, active segment is base-100 + shadow.
+ * Used for Animation engine toggle, Import/Export, etc.
+ */
+export declare function ToolbarSegmentedControl<T extends string>({ value, onChange, options, dense, compact, optionClassName, className, "aria-label": ariaLabel, trailing, tooltipId, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ToolbarSegmentedControl.d.ts.map

package/dist/chrome/toolbar/primitives/ToolbarSegmentedControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarSegmentedControl.d.ts","sourceRoot":"","sources":["../../../../src/chrome/toolbar/primitives/ToolbarSegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,eAAO,MAAM,wBAAwB,4CAA4C,CAAC;AAClF,eAAO,MAAM,0BAA0B,iDAAiD,CAAC;AAEzF,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IAC9D,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,SAAS,CAAC;IACjB,kFAAkF;IAClF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;0EAGsE;IACtE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,KAAK,CAAC,CAAC,SAAS,MAAM,IAAI;IAC7B,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC;IACrC,uEAAuE;IACvE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;6EACyE;IACzE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gFAAgF;IAChF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qFAAqF;IACrF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,sGAAsG;IACtG,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,MAAM,EAAE,EACxD,KAAK,EACL,QAAQ,EACR,OAAO,EACP,KAAa,EACb,OAAe,EACf,eAAoB,EACpB,SAAc,EACd,YAAY,EAAE,SAAS,EACvB,QAAQ,EACR,SAAS,GACV,EAAE,KAAK,CAAC,CAAC,CAAC,2CA0CV"}

package/dist/chrome/toolbar/primitives/componentConverters.d.ts

@@ -0,0 +1,26 @@
+export declare const ConvertToRegularComponent: ({ query, actions, id }: {
+    query: any;
+    actions: any;
+    id: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const NoSettings: ({ actions, id, query }: {
+    actions: any;
+    id: any;
+    query: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ConvertToStyledComponent: ({ actions, id }: {
+    actions: any;
+    id: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ConvertToContentComponent: ({ actions, id }: {
+    actions: any;
+    id: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const RenderChildren: ({ props, children, query, actions, id }: {
+    props: any;
+    children: any;
+    query: any;
+    actions: any;
+    id: any;
+}) => any;
+//# sourceMappingURL=componentConverters.d.ts.map

package/dist/chrome/toolbar/primitives/componentConverters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"componentConverters.d.ts","sourceRoot":"","sources":["../../../../src/chrome/toolbar/primitives/componentConverters.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,yBAAyB,GAAI;;;;CAAsB,4CAY/D,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI;;;;CAAsB,4CAKhD,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI;;;CAAe,4CAOvD,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI;;;CAAe,4CAOxD,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI;;;;;;CAAuC,QA6FrE,CAAC"}

package/dist/chrome/toolbar/primitives/tableBodyControls.d.ts

@@ -0,0 +1,20 @@
+export declare const TableBodyStyleControl: ({ children, actions, activeTab, head, tab, query }: {
+    children: any;
+    actions: any;
+    activeTab: any;
+    head: any;
+    tab: any;
+    query: any;
+}) => any;
+export declare const TBWrap: ({ head, children, unified, activeSection }: {
+    head: any;
+    children: any;
+    unified?: boolean;
+    activeSection?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const TBNoSettings: ({ query, actions, id }: {
+    query: any;
+    actions: any;
+    id: any;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=tableBodyControls.d.ts.map

package/dist/chrome/toolbar/primitives/tableBodyControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableBodyControls.d.ts","sourceRoot":"","sources":["../../../../src/chrome/toolbar/primitives/tableBodyControls.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,qBAAqB,GAAI;;;;;;;CAAkD,QAmBvF,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI;;;;;CAAuD,4CAI7E,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI;;;;CAAsB,4CAMlD,CAAC"}

package/dist/chrome/toolbar/toolbarInputAttrs.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Props for toolbar / design-system fields so browser autofill & heuristics
+ * don’t overlay native dropdowns on Tailwind tokens, numbers, etc.
+ */
+export declare const toolbarInputNoAutocompleteProps: {
+    autoComplete: string;
+    autoCorrect: "off";
+    autoCapitalize: "off";
+    spellCheck: boolean;
+};
+//# sourceMappingURL=toolbarInputAttrs.d.ts.map

package/dist/chrome/toolbar/toolbarInputAttrs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbarInputAttrs.d.ts","sourceRoot":"","sources":["../../../src/chrome/toolbar/toolbarInputAttrs.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,+BAA+B;;;;;CAK3C,CAAC"}

package/dist/chrome/viewport/ComponentCanvasItem/constants.d.ts

@@ -0,0 +1,7 @@
+export declare const HANDLE_HEIGHT = 24;
+export declare const HANDLE_GAP = 8;
+export declare const CARD_PAD = 12;
+export declare const SURFACE_SELECTOR = "[data-canvas-zoom-component-canvas]";
+export declare const RESIZE_BAND = 8;
+export type ResizeSide = "right" | "bottom" | "corner";
+//# sourceMappingURL=constants.d.ts.map

package/dist/chrome/viewport/ComponentCanvasItem/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/chrome/viewport/ComponentCanvasItem/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,KAAK,CAAC;AAChC,eAAO,MAAM,UAAU,IAAI,CAAC;AAC5B,eAAO,MAAM,QAAQ,KAAK,CAAC;AAC3B,eAAO,MAAM,gBAAgB,wCAAwC,CAAC;AACtE,eAAO,MAAM,WAAW,IAAI,CAAC;AAE7B,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC"}

package/dist/chrome/viewport/ComponentCanvasItem/hooks/useCanvasItemDrag.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+import { CanvasPos, CanvasPosKey } from '../../../../utils/component/componentCanvas';
+interface Args {
+    containerId: string;
+    posKey: CanvasPosKey;
+    actions: any;
+    wrapperRef: React.RefObject<HTMLDivElement | null>;
+    livePosRef: React.RefObject<CanvasPos>;
+    applyPinRef: React.RefObject<() => void>;
+    readZoom: () => number;
+}
+/**
+ * Drag handlers attach to window on pointerdown so a missed pointerup —
+ * mouse released over an overlay menu, off the document, or after a
+ * mid-drag re-render — can never strand the drag. setPointerCapture on the
+ * handle isn't enough: capture is lost when the handle DOM re-renders or
+ * when a higher-z overlay swallows the up event.
+ */
+export declare function useCanvasItemDrag({ containerId, posKey, actions, wrapperRef, livePosRef, applyPinRef, readZoom, }: Args): {
+    onPointerDown: (e: React.PointerEvent) => void;
+    dragRef: React.RefObject<{
+        startCanvas: CanvasPos;
+        startScreenX: number;
+        startScreenY: number;
+    }>;
+};
+export {};
+//# sourceMappingURL=useCanvasItemDrag.d.ts.map

package/dist/chrome/viewport/ComponentCanvasItem/hooks/useCanvasItemDrag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCanvasItemDrag.d.ts","sourceRoot":"","sources":["../../../../../src/chrome/viewport/ComponentCanvasItem/hooks/useCanvasItemDrag.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,SAAS,EACT,YAAY,EACb,MAAM,6CAA6C,CAAC;AAIrD,UAAU,IAAI;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,YAAY,CAAC;IACrB,OAAO,EAAE,GAAG,CAAC;IACb,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IACvC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,CAAC;IACzC,QAAQ,EAAE,MAAM,MAAM,CAAC;CACxB;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,MAAM,EACN,OAAO,EACP,UAAU,EACV,UAAU,EACV,WAAW,EACX,QAAQ,GACT,EAAE,IAAI;uBA8DC,KAAK,CAAC,YAAY;;qBA5DT,SAAS;sBACR,MAAM;sBACN,MAAM;;EAyIvB"}

package/dist/chrome/viewport/ComponentCanvasItem/hooks/useCanvasItemResize.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+import { CanvasSize } from '../../../../utils/component/componentCanvas';
+import { ResizeSide } from '../constants';
+interface Args {
+    containerId: string;
+    actions: any;
+    slotRef: React.RefObject<HTMLDivElement | null>;
+    innerRef: React.RefObject<HTMLDivElement | null>;
+    liveSizeRef: React.RefObject<CanvasSize>;
+    applyPinRef: React.RefObject<() => void>;
+    readZoom: () => number;
+}
+/** Resize handlers — same window-listener pattern as drag. */
+export declare function useCanvasItemResize({ containerId, actions, slotRef, innerRef, liveSizeRef, applyPinRef, readZoom, }: Args): {
+    onResizePointerDown: (side: ResizeSide) => (e: React.PointerEvent) => void;
+    resizeRef: React.RefObject<{
+        side: ResizeSide;
+        startScreenX: number;
+        startScreenY: number;
+        startW: number;
+        startH: number;
+    }>;
+};
+export {};
+//# sourceMappingURL=useCanvasItemResize.d.ts.map

package/dist/chrome/viewport/ComponentCanvasItem/hooks/useCanvasItemResize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCanvasItemResize.d.ts","sourceRoot":"","sources":["../../../../../src/chrome/viewport/ComponentCanvasItem/hooks/useCanvasItemResize.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAIL,UAAU,EACX,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAY,UAAU,EAAE,MAAM,cAAc,CAAC;AAGpD,UAAU,IAAI;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,GAAG,CAAC;IACb,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACjD,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IACzC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,CAAC;IACzC,QAAQ,EAAE,MAAM,MAAM,CAAC;CACxB;AAED,8DAA8D;AAC9D,wBAAgB,mBAAmB,CAAC,EAClC,WAAW,EACX,OAAO,EACP,OAAO,EACP,QAAQ,EACR,WAAW,EACX,WAAW,EACX,QAAQ,GACT,EAAE,IAAI;gCA6DI,UAAU,SAAS,KAAK,CAAC,YAAY;;cA3DtC,UAAU;sBACF,MAAM;sBACN,MAAM;gBACZ,MAAM;gBACN,MAAM;;EAkJjB"}

package/dist/chrome/viewport/ComponentCanvasItem/hooks/useLiveDomPin.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+import { CanvasSize } from '../../../../utils/component/componentCanvas';
+interface Args {
+    containerId: string;
+    isStatePin: boolean;
+    wrapperRef: React.RefObject<HTMLDivElement | null>;
+    slotRef: React.RefObject<HTMLDivElement | null>;
+    innerRef: React.RefObject<HTMLDivElement | null>;
+    liveSizeRef: React.RefObject<CanvasSize>;
+    applyPinRef: React.RefObject<() => void>;
+}
+/**
+ * Pin the live CraftJS-rendered DOM to our slot via position: fixed in
+ * screen coords. The element stays in its React-managed parent so
+ * reconciliation isn't broken; we just override its visual position.
+ *
+ * Re-runs on:
+ *  - mount + containerId change
+ *  - ph-canvas-tick from the surface (pan/zoom changed)
+ *  - ResizeObserver on slot (slot height changed)
+ *  - scroll/resize (slot screen position shifted)
+ *  - savedPos change (caller invokes applyPinRef.current())
+ *  - pointermove (drag handler invokes applyPinRef.current())
+ *  - registry change (Container mounts/unmounts the live element)
+ */
+export declare function useLiveDomPin({ containerId, isStatePin, wrapperRef, slotRef, innerRef, liveSizeRef, applyPinRef, }: Args): void;
+export {};
+//# sourceMappingURL=useLiveDomPin.d.ts.map

package/dist/chrome/viewport/ComponentCanvasItem/hooks/useLiveDomPin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLiveDomPin.d.ts","sourceRoot":"","sources":["../../../../../src/chrome/viewport/ComponentCanvasItem/hooks/useLiveDomPin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,UAAU,EACX,MAAM,6CAA6C,CAAC;AAOrD,UAAU,IAAI;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACjD,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IACzC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,CAAC;CAC1C;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,aAAa,CAAC,EAC5B,WAAW,EACX,UAAU,EACV,UAAU,EACV,OAAO,EACP,QAAQ,EACR,WAAW,EACX,WAAW,GACZ,EAAE,IAAI,QAmJN"}

package/dist/chrome/viewport/ComponentCanvasItem/hooks/useStateCardPin.d.ts

@@ -0,0 +1,10 @@
+/**
+ * State-card pin: remove the `hidden` Tailwind token from the live DOM so
+ * the natural display class (flex/grid/etc) takes over — without this, a
+ * Dropdown panel with `hidden flex-col` would lose its flex layout.
+ *
+ * useLayoutEffect so the class change lands BEFORE the pin effect's first
+ * apply() reads `offsetHeight`. Restore on unmount.
+ */
+export declare function useStateCardPin(containerId: string, isStatePin: boolean): void;
+//# sourceMappingURL=useStateCardPin.d.ts.map

package/dist/chrome/viewport/ComponentCanvasItem/hooks/useStateCardPin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStateCardPin.d.ts","sourceRoot":"","sources":["../../../../../src/chrome/viewport/ComponentCanvasItem/hooks/useStateCardPin.ts"],"names":[],"mappings":"AAMA;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,QA4CvE"}

package/dist/chrome/viewport/ComponentCanvasItem/index.d.ts

@@ -0,0 +1,45 @@
+import { CanvasPos } from '../../../utils/component/componentCanvas';
+interface Props {
+    containerId: string;
+    index: number;
+    /** When true, the wrapper renders without its drag handle (the user is
+        focused on this single component). The position-pinning effect still
+        runs so the component stays at its slot. */
+    isolated?: boolean;
+    /** Used in canvas isolation when the master is shown alongside state cards.
+        Overrides the 4-col auto-layout default. The auto-write effect commits
+        this value (not the auto-layout fallback) when the node has no saved
+        canvasPos yet, so the state card persists at its first-displayed spot. */
+    defaultPos?: CanvasPos;
+    /** Hide the focus button + noop double-click. Required for state cards —
+        isolating a non-`type === "component"` node would trip the safety
+        effect in ComponentCanvasViewport and immediately exit isolation. */
+    disableIsolate?: boolean;
+    /** Tag the live DOM with `data-canvas-state-pin="true"` while this card is
+        mounted. Pairs with the body-scoped CSS rule that overrides Tailwind
+        `hidden` so the state subtree renders with a real bbox to pin. */
+    isStatePin?: boolean;
+    /** Picks which `props.custom` key persists this card's position. List view
+        uses `canvasPos`; isolation view uses `canvasIsolatePos` so dragging in
+        one canvas doesn't shift the layout of the other. Defaults to list. */
+    isIsolationCanvas?: boolean;
+}
+/**
+ * Canvas slot for a single component.
+ *
+ * Pan + zoom are read from CSS variables on the surface (`--ph-pan-x`,
+ * `--ph-pan-y`, `--ph-zoom`) via a calc-based transform on the wrapper.
+ * Pan/zoom changes therefore do NOT re-render this component — the wrapper
+ * just reads the new var value via CSS. The viewport dispatches a
+ * `ph-canvas-tick` event on the surface whenever pan/zoom changes; we listen
+ * for it to re-pin the live component DOM (which is `position: fixed` and
+ * needs its left/top updated imperatively).
+ *
+ * Drag is also React-bypassed: pointermove writes the wrapper's `--ph-item-x`
+ * / `--ph-item-y` directly via ref + re-pins the live DOM. We only call
+ * `actions.setProp` on pointerup. So a 60Hz drag is 60 DOM mutations and ZERO
+ * React renders.
+ */
+export declare function ComponentCanvasItem({ containerId, index, isolated, defaultPos, disableIsolate, isStatePin, isIsolationCanvas, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/chrome/viewport/ComponentCanvasItem/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/chrome/viewport/ComponentCanvasItem/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAEL,SAAS,EAKV,MAAM,0CAA0C,CAAC;AAalD,UAAU,KAAK;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd;;mDAE+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;iFAG6E;IAC7E,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;4EAEwE;IACxE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;yEAEqE;IACrE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;8EAE0E;IAC1E,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,WAAW,EACX,KAAK,EACL,QAAgB,EAChB,UAAU,EACV,cAAsB,EACtB,UAAkB,EAClB,iBAAyB,GAC1B,EAAE,KAAK,2CAsTP"}

package/dist/chrome/viewport/ComponentCanvasItem/utils/cardCollision.d.ts

@@ -0,0 +1,20 @@
+import { CanvasPos } from '../../../../utils/component/componentCanvas';
+/**
+ * Read a card wrapper's visible bbox in CANVAS coords.
+ *
+ * Brittle to render shape: assumes the wrapper has a (handle?, inner) child
+ * pair, and the slot is `inner.firstElementChild`. Mirrors the JSX shape in
+ * `ComponentCanvasItem/index.tsx` — keep in sync if that render changes.
+ */
+export declare function measureCardBox(wrapperEl: HTMLElement): {
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+} | null;
+/**
+ * After a drag finishes, slide our card off any sibling it landed on top of.
+ * Operates in CANVAS coords using full visible bbox (handle + slot).
+ */
+export declare function resolveOverlap(wrapper: HTMLElement, pos: CanvasPos): CanvasPos;
+//# sourceMappingURL=cardCollision.d.ts.map

package/dist/chrome/viewport/ComponentCanvasItem/utils/cardCollision.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cardCollision.d.ts","sourceRoot":"","sources":["../../../../../src/chrome/viewport/ComponentCanvasItem/utils/cardCollision.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,SAAS,EAAE,MAAM,6CAA6C,CAAC;AAKtG;;;;;;GAMG;AACH,wBAAgB,cAAc,CAC5B,SAAS,EAAE,WAAW,GACrB;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAoBvD;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,WAAW,EAAE,GAAG,EAAE,SAAS,GAAG,SAAS,CA0C9E"}

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

@@ -0,0 +1,12 @@
+/**
+ * Canvas right-click context menu — Phase 2 C2c.
+ *
+ * Renders flat top-level rows from `useMenuItems("canvas/context")`,
+ * grouping by the resolved `group` token. The "Insert" submenu and the
+ * "Insert component" sub-flyout stay as bespoke chrome (hover-opened
+ * panels with bespoke layout / search UI). The "Include in AI chat" row
+ * still routes through the host-supplied `renderNodeAiContextButton`
+ * slot for backward compatibility.
+ */
+export declare const ToolboxContextual: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ToolboxContextual.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolboxContextual.d.ts","sourceRoot":"","sources":["../../../../src/chrome/viewport/ToolboxContextual/ToolboxContextual.tsx"],"names":[],"mappings":"AAmBA;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,+CA4M7B,CAAC"}

package/dist/chrome/viewport/ToolboxContextual/hooks/useMenuDismissal.d.ts

@@ -0,0 +1,33 @@
+import { RefObject } from 'react';
+interface UseMenuDismissalArgs {
+    enabled: boolean;
+    id: string;
+    hasAnyMenuItems: boolean;
+    ref: RefObject<HTMLDivElement | null>;
+    insertPanelRef: RefObject<HTMLElement | null>;
+    componentPanelRef: RefObject<HTMLElement | null>;
+    insertPanelOpen: boolean;
+    componentFlyoutOpen: boolean;
+    setInsertPanelOpen: (open: boolean) => void;
+    setComponentFlyoutOpen: (open: boolean) => void;
+    cancelInsertLeaveTimer: () => void;
+    closeMenu: () => void;
+}
+/**
+ * Outside-click + escape + auto-close-when-empty for the canvas context menu.
+ *
+ * Outside-click attaches via `setTimeout(..., 0)` with capture phase to avoid
+ * catching the right-click event that opened the menu. Clicks inside either
+ * floating panel (insert / component flyout) do NOT dismiss.
+ *
+ * Escape cascade — formerly an inline `keydown` listener — now uses per-layer
+ * overlay-stack registrations. Each layer registers under its own overlay id;
+ * the registry dispatcher's LIFO ordering handles the cascade naturally:
+ *
+ *   1. component-flyout (registered last when open) is dismissed first
+ *   2. then insert-panel
+ *   3. then the main menu
+ */
+export declare function useMenuDismissal({ enabled, id, hasAnyMenuItems, ref, insertPanelRef, componentPanelRef, insertPanelOpen, componentFlyoutOpen, setInsertPanelOpen, setComponentFlyoutOpen, cancelInsertLeaveTimer, closeMenu, }: UseMenuDismissalArgs): void;
+export {};
+//# sourceMappingURL=useMenuDismissal.d.ts.map

package/dist/chrome/viewport/ToolboxContextual/hooks/useMenuDismissal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenuDismissal.d.ts","sourceRoot":"","sources":["../../../../../src/chrome/viewport/ToolboxContextual/hooks/useMenuDismissal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,UAAU,oBAAoB;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,eAAe,EAAE,OAAO,CAAC;IACzB,GAAG,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACtC,cAAc,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC9C,iBAAiB,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACjD,eAAe,EAAE,OAAO,CAAC;IACzB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,kBAAkB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,sBAAsB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,sBAAsB,EAAE,MAAM,IAAI,CAAC;IACnC,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,EAAE,EACF,eAAe,EACf,GAAG,EACH,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,kBAAkB,EAClB,sBAAsB,EACtB,sBAAsB,EACtB,SAAS,GACV,EAAE,oBAAoB,QA0DtB"}

package/dist/chrome/viewport/ToolboxContextual/hooks/useMenuPosition.d.ts

@@ -0,0 +1,12 @@
+import { CSSProperties, RefObject } from 'react';
+interface UseMenuPositionArgs {
+    enabled: boolean;
+    x: number;
+    y: number;
+    id: string;
+    hasAnyMenuItems: boolean;
+    ref: RefObject<HTMLDivElement | null>;
+}
+export declare function useMenuPosition({ enabled, x, y, id, hasAnyMenuItems, ref }: UseMenuPositionArgs): CSSProperties;
+export {};
+//# sourceMappingURL=useMenuPosition.d.ts.map

package/dist/chrome/viewport/ToolboxContextual/hooks/useMenuPosition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenuPosition.d.ts","sourceRoot":"","sources":["../../../../../src/chrome/viewport/ToolboxContextual/hooks/useMenuPosition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAItD,UAAU,mBAAmB;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,EAAE,EAAE,MAAM,CAAC;IACX,eAAe,EAAE,OAAO,CAAC;IACzB,GAAG,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACvC;AAED,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,eAAe,EAAE,GAAG,EAAE,EAAE,mBAAmB,iBAkC/F"}

package/dist/chrome/viewport/ToolboxContextual/hooks/useToolboxMenuModel.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Minimal menu state hook — Phase 2 C2c slimmed this down to just menu
+ * open/close. Selection gates / handlers / clipboard checks all live in
+ * the command registry now (`packages/sdk/src/registry/builtins/commands/`
+ * + `packages/sdk/src/registry/selectionContext.ts`).
+ */
+export declare function useToolboxMenuModel(): {
+    menu: any;
+    id: any;
+    closeMenu: () => void;
+};
+export type ToolboxMenuModel = ReturnType<typeof useToolboxMenuModel>;
+//# sourceMappingURL=useToolboxMenuModel.d.ts.map

package/dist/chrome/viewport/ToolboxContextual/hooks/useToolboxMenuModel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToolboxMenuModel.d.ts","sourceRoot":"","sources":["../../../../../src/chrome/viewport/ToolboxContextual/hooks/useToolboxMenuModel.tsx"],"names":[],"mappings":"AAIA;;;;;GAKG;AACH,wBAAgB,mBAAmB;;;;EASlC;AAED,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC"}

package/dist/chrome/viewport/ToolboxContextual/utils/clipboardChecks.d.ts

@@ -0,0 +1,7 @@
+export declare const CANVAS_CLASS_CLIPBOARD = "canvas-class-clipboard";
+export declare function hasCraftClipboardPaste(): boolean;
+export declare function readClassClipboard(): {
+    className: string;
+    activeModifiers: string[];
+} | null;
+//# sourceMappingURL=clipboardChecks.d.ts.map

package/dist/chrome/viewport/ToolboxContextual/utils/clipboardChecks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboardChecks.d.ts","sourceRoot":"","sources":["../../../../../src/chrome/viewport/ToolboxContextual/utils/clipboardChecks.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,2BAA2B,CAAC;AAE/D,wBAAgB,sBAAsB,IAAI,OAAO,CAShD;AAED,wBAAgB,kBAAkB,IAAI;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,eAAe,EAAE,MAAM,EAAE,CAAA;CAAE,GAAG,IAAI,CAE5F"}

package/dist/chrome/viewport/ToolboxContextual/utils/menuClasses.d.ts

@@ -0,0 +1,7 @@
+/** Fallback width before the menu node is measured (matches min-w ~12rem). */
+export declare const MENU_W = 220;
+/** Same interaction as `.ph-select-item` (dropdowns.css): accent fill reads on base-100 menus. */
+export declare const CTX_MENU_HOVER = "outline-none transition-[color,background-color] duration-150 ease-out hover:bg-accent hover:text-accent-content focus-visible:bg-accent focus-visible:text-accent-content active:bg-accent/90";
+export declare const CTX_MENU_ITEM = "flex w-full cursor-pointer select-none items-center gap-2 rounded-md px-3 py-2 text-left text-sm outline-none transition-[color,background-color] duration-150 ease-out hover:bg-accent hover:text-accent-content focus-visible:bg-accent focus-visible:text-accent-content active:bg-accent/90";
+export declare const CTX_MENU_SUBMENU_TRIGGER = "flex w-full cursor-default select-none items-center justify-between gap-2 rounded-md px-3 py-2 text-left text-sm outline-none transition-[color,background-color] duration-150 ease-out hover:bg-accent hover:text-accent-content focus-visible:bg-accent focus-visible:text-accent-content active:bg-accent/90";
+//# sourceMappingURL=menuClasses.d.ts.map

package/dist/chrome/viewport/ToolboxContextual/utils/menuClasses.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuClasses.d.ts","sourceRoot":"","sources":["../../../../../src/chrome/viewport/ToolboxContextual/utils/menuClasses.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,eAAO,MAAM,MAAM,MAAM,CAAC;AAE1B,kGAAkG;AAClG,eAAO,MAAM,cAAc,mMACuK,CAAC;AAEnM,eAAO,MAAM,aAAa,oSAAuH,CAAC;AAElJ,eAAO,MAAM,wBAAwB,oTAAuI,CAAC"}

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

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+export declare function Viewport({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Viewport.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Viewport.d.ts","sourceRoot":"","sources":["../../../../src/chrome/viewport/Viewport/Viewport.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AA0EnD,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CA6VnE"}

package/dist/chrome/viewport/Viewport/constants.d.ts

@@ -0,0 +1,33 @@
+/** Tailwind canvas breakpoints in monotonic order — used for marker drag clamping. */
+export declare const breakpointMarkerOrder: readonly ["sm", "md", "lg", "xl", "2xl"];
+export type BpKey = (typeof breakpointMarkerOrder)[number];
+/**
+ * Non-draggable device reference guides — informational only ("this is iPhone width").
+ * Not breakpoints, not editable. Toggled via `ShowDeviceGuidesAtom`.
+ */
+export declare const DEVICE_GUIDES: readonly [{
+    readonly id: "iphone-se";
+    readonly label: "iPhone SE";
+    readonly width: 375;
+}, {
+    readonly id: "iphone-14";
+    readonly label: "iPhone 14";
+    readonly width: 390;
+}, {
+    readonly id: "iphone-pro-max";
+    readonly label: "iPhone Pro Max";
+    readonly width: 430;
+}, {
+    readonly id: "ipad";
+    readonly label: "iPad";
+    readonly width: 768;
+}, {
+    readonly id: "ipad-pro";
+    readonly label: "iPad Pro";
+    readonly width: 1024;
+}, {
+    readonly id: "macbook";
+    readonly label: "MacBook";
+    readonly width: 1440;
+}];
+//# sourceMappingURL=constants.d.ts.map

package/dist/chrome/viewport/Viewport/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/chrome/viewport/Viewport/constants.ts"],"names":[],"mappings":"AAAA,sFAAsF;AACtF,eAAO,MAAM,qBAAqB,0CAA2C,CAAC;AAC9E,MAAM,MAAM,KAAK,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE3D;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;EAOhB,CAAC"}

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

@@ -0,0 +1,30 @@
+import { AppliedBreakpointsShape } from '../../state/atoms';
+import { BpKey } from '../constants';
+interface UseBreakpointMarkerDragArgs {
+    actions: any;
+    themeBreakpoints: Record<string, number> | undefined;
+    appliedBreakpoints: AppliedBreakpointsShape;
+    setAppliedBreakpoints: (next: AppliedBreakpointsShape) => void;
+    pendingBreakpointOverride: Record<string, number>;
+    setPendingBreakpointOverride: (next: (prev: Record<string, number>) => Record<string, number>) => void;
+    canvasZoomActive: boolean;
+    breakpointZoom: number;
+}
+/**
+ * Per-breakpoint marker drag (sm/md/lg/xl/2xl). Live-preview goes to
+ * `PendingBreakpointOverrideAtom` (no commit); pointer-up commits to
+ * `ROOT.props.theme.breakpoints` as a single history entry, then rewrites
+ * the live `<style id="tailwind-compiled">` in place so the canvas reflects
+ * the new value immediately without an SSR round-trip.
+ *
+ * Mount effect seeds `AppliedBreakpointsAtom` from theme.breakpoints +
+ * applies a rewrite to the SSR-baked `<style>` tag in case it didn't run
+ * with the current theme.
+ */
+export declare function useBreakpointMarkerDrag({ actions, themeBreakpoints, appliedBreakpoints, setAppliedBreakpoints, pendingBreakpointOverride, setPendingBreakpointOverride, canvasZoomActive, breakpointZoom, }: UseBreakpointMarkerDragArgs): {
+    getEffectiveBpPx: (bp: BpKey) => number;
+    handleMarkerPointerDown: (bp: BpKey) => (e: React.PointerEvent) => void;
+    resetMarkerBreakpoint: (bp: BpKey) => () => void;
+};
+export {};
+//# sourceMappingURL=useBreakpointMarkerDrag.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpointMarkerDrag.d.ts","sourceRoot":"","sources":["../../../../../src/chrome/viewport/Viewport/hooks/useBreakpointMarkerDrag.ts"],"names":[],"mappings":"AAOA,OAAO,EACL,KAAK,uBAAuB,EAC7B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAyB,KAAK,KAAK,EAAE,MAAM,cAAc,CAAC;AAEjE,UAAU,2BAA2B;IACnC,OAAO,EAAE,GAAG,CAAC;IACb,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC;IACrD,kBAAkB,EAAE,uBAAuB,CAAC;IAC5C,qBAAqB,EAAE,CAAC,IAAI,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAC/D,yBAAyB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClD,4BAA4B,EAAE,CAC5B,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAC3D,IAAI,CAAC;IACV,gBAAgB,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,OAAO,EACP,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,EACrB,yBAAyB,EACzB,4BAA4B,EAC5B,gBAAgB,EAChB,cAAc,GACf,EAAE,2BAA2B;2BAWrB,KAAK,KAAG,MAAM;kCAKd,KAAK,SAAS,KAAK,CAAC,YAAY;gCAyEhC,KAAK;EAgEb"}

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

@@ -0,0 +1,22 @@
+interface UseCanvasEdgeResizeArgs {
+    breakpointActive: boolean;
+    breakpointWidthPx: number | null;
+    canvasZoomActive: boolean;
+    breakpointZoom: number;
+    view: string;
+    setBreakpointWidthOverride: (next: (prev: Record<string, number>) => Record<string, number>) => void;
+}
+/**
+ * Drag handles on the left/right canvas edges resize the breakpoint canvas
+ * (drag is symmetric — each side moves half the cursor delta because the
+ * canvas is `mx-auto` centered). Tracks the drag via window listeners (not
+ * React props) so it survives re-renders and pointer-over-overlay.
+ *
+ * `resetBreakpointWidth` clears the per-view override on double-click.
+ */
+export declare function useCanvasEdgeResize({ breakpointActive, breakpointWidthPx, canvasZoomActive, breakpointZoom, view, setBreakpointWidthOverride, }: UseCanvasEdgeResizeArgs): {
+    handlePointerDownEdge: (side: "left" | "right") => (e: React.PointerEvent) => void;
+    resetBreakpointWidth: () => void;
+};
+export {};
+//# sourceMappingURL=useCanvasEdgeResize.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCanvasEdgeResize.d.ts","sourceRoot":"","sources":["../../../../../src/chrome/viewport/Viewport/hooks/useCanvasEdgeResize.ts"],"names":[],"mappings":"AAEA,UAAU,uBAAuB;IAC/B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,0BAA0B,EAAE,CAC1B,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAC3D,IAAI,CAAC;CACX;AAED;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,IAAI,EACJ,0BAA0B,GAC3B,EAAE,uBAAuB;kCAEf,MAAM,GAAG,OAAO,SAAS,KAAK,CAAC,YAAY;;EA6CrD"}