@kubuild/editor 0.1.3 → 0.3.0

package/dist/components/canvas/canvas.d.ts

@@ -0,0 +1,63 @@
+import React from 'react';
+import { PageDocument, type Artboard, type ArtboardType } from '@kubuild/schema';
+import { ComponentRegistry } from '@kubuild/components';
+import { RuntimeContext, Diagnostic } from '@kubuild/core';
+import { Viewport } from '../../store';
+import { EditorCanvasConfig } from '../../config';
+import { type AiGenerationPlaceholderStatus } from '../../ai/generate-page';
+export interface EditorPageItem {
+    id: string;
+    name: string;
+    slug?: string;
+    document: PageDocument;
+    width?: number;
+    viewport?: Viewport;
+    /**
+     * Which kind of surface this artboard is. Page artboards come from the host's `pages`
+     * prop; component artboards (detached modals/drawers/blocks) come from the editor store
+     * and are rendered side by side with pages on the same canvas. Defaults to 'page'.
+     */
+    artboardType?: ArtboardType;
+    /** Component artboards only: the id `open_modal` / `close_modal` actions target. */
+    triggerId?: string;
+    /**
+     * Free position on the infinite canvas, in unscaled canvas px. Absent means the artboard
+     * hasn't been placed yet and the canvas lays it out in a row instead.
+     */
+    position?: {
+        x: number;
+        y: number;
+    };
+}
+export interface EditorCanvasProps {
+    document?: PageDocument;
+    registry: ComponentRegistry;
+    context?: RuntimeContext;
+    viewport: Viewport;
+    onDiagnostic?: (diagnostic: Diagnostic) => void;
+    /**
+     * Overrides the store's `aiGenerationStatus` (STORA-508) for this render — same
+     * store-override pattern as the `document` prop above. Optional: `KubuildEditor`
+     * doesn't pass this, so `EditorCanvas` reads live `aiGenerationStatus` from the store
+     * as usual in a real app; the prop exists so callers/tests can control it directly.
+     */
+    aiGenerationStatus?: AiGenerationPlaceholderStatus | null;
+    config?: EditorCanvasConfig;
+    fluidWidth?: number;
+    onFluidWidthChange?: (width: number) => void;
+    onBreakpointChange?: (breakpoint: Viewport) => void;
+    pages?: EditorPageItem[];
+    activePageId?: string;
+    onActivePageChange?: (pageId: string) => void;
+    onPagesChange?: (pages: EditorPageItem[]) => void;
+    /**
+     * Overrides the store's `componentArtboards` for this render — same store-override
+     * pattern as the `document` and `aiGenerationStatus` props above.
+     */
+    componentArtboards?: Artboard[];
+    /** Overrides the store's `activeArtboardId` for this render. */
+    activeArtboardId?: string | null;
+    className?: string;
+}
+export declare const EditorCanvas: React.FC<EditorCanvasProps>;
+//# sourceMappingURL=canvas.d.ts.map

package/dist/components/canvas/canvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/canvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAClG,OAAO,EAAE,YAAY,EAAE,KAAK,QAAQ,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACjF,OAAO,EAAE,iBAAiB,EAAkB,MAAM,qBAAqB,CAAC;AAExE,OAAO,EACL,cAAc,EACd,UAAU,EAMX,MAAM,eAAe,CAAC;AACvB,OAAO,EAAkB,QAAQ,EAAE,MAAM,aAAa,CAAC;AAWvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EACL,KAAK,6BAA6B,EAEnC,MAAM,wBAAwB,CAAC;AAEhC,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB;;;;OAIG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACrC;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,QAAQ,EAAE,QAAQ,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAChD;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,6BAA6B,GAAG,IAAI,CAAC;IAC1D,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,KAAK,IAAI,CAAC;IACpD,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAClD;;;OAGG;IACH,kBAAkB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAChC,gEAAgE;IAChE,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA+CD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAu9CpD,CAAC"}

package/dist/components/canvas/distance-meter.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { CanvasRect } from './smart-guides';
+export interface DistanceMeasurement {
+    id: string;
+    type: 'horizontal' | 'vertical';
+    distance: number;
+    startX: number;
+    startY: number;
+    endX: number;
+    endY: number;
+    badgeX: number;
+    badgeY: number;
+}
+export interface DistanceMeterProps {
+    selectedRect: CanvasRect;
+    targetRect: CanvasRect;
+}
+/**
+ * Calculates distance measurement lines and pixel badges between two bounding boxes (STORA-124).
+ */
+export declare function calculateDistances(selected: CanvasRect, target: CanvasRect): DistanceMeasurement[];
+/**
+ * Distance Meter component on Alt/Option hold (STORA-124).
+ * Renders measurement lines with pixel badges between selected and hovered nodes.
+ */
+export declare const DistanceMeter: React.FC<DistanceMeterProps>;
+//# sourceMappingURL=distance-meter.d.ts.map

package/dist/components/canvas/distance-meter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"distance-meter.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/distance-meter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,YAAY,GAAG,UAAU,CAAC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBAAkB;IACjC,YAAY,EAAE,UAAU,CAAC;IACzB,UAAU,EAAE,UAAU,CAAC;CACxB;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,UAAU,EACpB,MAAM,EAAE,UAAU,GACjB,mBAAmB,EAAE,CAyOvB;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAoFtD,CAAC"}

package/dist/components/canvas/floating-badges.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-badges.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/floating-badges.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAgC,MAAM,iBAAiB,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAKxD,MAAM,WAAW,yBAAyB;IACxC,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,YAAY,CAAC;IACvB,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,YAAY,EAAE;QACZ,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;CAC5C;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAqIpE,CAAC"}

package/dist/components/canvas/grid-guidelines-overlay.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Node } from '@kubuild/schema';
+import { CanvasRect } from './smart-guides';
+export interface GridGuidelinesOverlayProps {
+    node: Node;
+    selectedRect: CanvasRect;
+    viewport?: 'desktop' | 'tablet' | 'mobile';
+    zoom?: number;
+    containerRef?: React.RefObject<HTMLElement | null>;
+}
+/**
+ * Canvas Grid Guidelines Overlay (STORA-114).
+ * When a Grid container node is selected (type === 'grid' or display === 'grid'),
+ * renders a visual dashed grid overlay showing column tracks and row tracks with gaps
+ * over the selected element.
+ */
+export declare const GridGuidelinesOverlay: React.FC<GridGuidelinesOverlayProps>;
+//# sourceMappingURL=grid-guidelines-overlay.d.ts.map

package/dist/components/canvas/grid-guidelines-overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-guidelines-overlay.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/grid-guidelines-overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG5C,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,UAAU,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACpD;AAuBD;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAwLtE,CAAC"}

package/dist/components/canvas/index.d.ts

@@ -0,0 +1,13 @@
+export * from './breadcrumbs';
+export * from './canvas';
+export * from './floating-badges';
+export * from './smart-guides';
+export * from './resize-handles';
+export * from './spacing-sliders';
+export * from './distance-meter';
+export * from './canvas-pan-zoom';
+export * from './marquee-selection';
+export * from './viewport-resizer';
+export * from './multi-device-preview';
+export * from './grid-guidelines-overlay';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/canvas/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC"}

package/dist/components/canvas/marquee-selection.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { CanvasRect } from './smart-guides';
+export interface MarqueeRect {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+}
+export interface NodeRectEntry {
+    id: string;
+    rect: CanvasRect;
+}
+export declare function rectsIntersect(a: CanvasRect, b: CanvasRect): boolean;
+/**
+ * Calculates which nodes in `nodes` intersect with the given `marqueeRect` (STORA-133).
+ */
+export declare function calculateMarqueeIntersections(marqueeRect: CanvasRect, nodes: NodeRectEntry[]): string[];
+export interface MarqueeSelectionBoxProps {
+    rect: MarqueeRect | null;
+}
+/**
+ * Marquee Drag Selection Box component (STORA-133).
+ */
+export declare const MarqueeSelectionBox: React.FC<MarqueeSelectionBoxProps>;
+//# sourceMappingURL=marquee-selection.d.ts.map

package/dist/components/canvas/marquee-selection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"marquee-selection.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/marquee-selection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,wBAAgB,cAAc,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,UAAU,GAAG,OAAO,CAOpE;AAED;;GAEG;AACH,wBAAgB,6BAA6B,CAC3C,WAAW,EAAE,UAAU,EACvB,KAAK,EAAE,aAAa,EAAE,GACrB,MAAM,EAAE,CAIV;AAED,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,WAAW,GAAG,IAAI,CAAC;CAC1B;AAED;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAqBlE,CAAC"}

package/dist/components/canvas/multi-device-preview.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { PageDocument } from '@kubuild/schema';
+import { ComponentRegistry } from '@kubuild/components';
+import { RuntimeContext } from '@kubuild/core';
+import { Viewport } from '../../store';
+export interface DeviceSpec {
+    id: Viewport;
+    label: string;
+    width: number;
+    minHeight: number;
+    icon: React.ComponentType<{
+        className?: string;
+    }>;
+    resolutionBadge: string;
+}
+export declare const DEVICE_SPECS: DeviceSpec[];
+export interface MultiDevicePreviewProps {
+    document?: PageDocument;
+    registry: ComponentRegistry;
+    context?: RuntimeContext;
+    onClose?: () => void;
+    className?: string;
+}
+/**
+ * Side-by-Side Multi-Device Preview Mode (STORA-143).
+ * Renders Desktop (1200px), Tablet (768px), and Mobile (375px) frames side-by-side simultaneously
+ * with device frame headers, responsive scale controls, and synced node selection.
+ */
+export declare const MultiDevicePreview: React.FC<MultiDevicePreviewProps>;
+//# sourceMappingURL=multi-device-preview.d.ts.map

package/dist/components/canvas/multi-device-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-device-preview.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/multi-device-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAkB,QAAQ,EAAE,MAAM,aAAa,CAAC;AAYvD,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,QAAQ,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClD,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,YAAY,EAAE,UAAU,EAyBpC,CAAC;AAEF,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAkOhE,CAAC"}

package/dist/components/canvas/resize-handles.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { CanvasRect, GuideLine } from './smart-guides';
+export type ResizeHandleDirection = 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw';
+export interface ResizeHandlesProps {
+    selectedNodeId: string;
+    selectedRect: CanvasRect;
+    zoom?: number;
+    candidateRects?: CanvasRect[];
+    onGuidesChange?: (guides: GuideLine[]) => void;
+    onResizeEnd?: (newWidth: number, newHeight: number) => void;
+}
+/**
+ * 8-Point Visual Transform & Resize Handles (STORA-120).
+ * Supports aspect ratio lock (Shift key), live dimension tooltip (W: Xpx H: Ypx),
+ * 60 FPS performance via requestAnimationFrame (STORA-125), and snapping integration (STORA-123).
+ */
+export declare const ResizeHandles: React.FC<ResizeHandlesProps>;
+//# sourceMappingURL=resize-handles.d.ts.map

package/dist/components/canvas/resize-handles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-handles.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/resize-handles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAqB,MAAM,gBAAgB,CAAC;AAE1E,MAAM,MAAM,qBAAqB,GAC7B,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,CAAC;AAET,MAAM,WAAW,kBAAkB;IACjC,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,UAAU,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,UAAU,EAAE,CAAC;IAC9B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IAC/C,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7D;AAgED;;;;GAIG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgRtD,CAAC"}

package/dist/components/canvas/smart-guides.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+export interface CanvasRect {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+}
+export interface GuideLine {
+    id: string;
+    type: 'horizontal' | 'vertical';
+    position: number;
+    start: number;
+    end: number;
+    color: 'cyan' | 'magenta';
+    matchedValue?: number;
+}
+export interface SnappingResult {
+    snappedRect: CanvasRect;
+    guides: GuideLine[];
+    snappedX: boolean;
+    snappedY: boolean;
+}
+/**
+ * Calculates snapping of activeRect against reference candidateRects (STORA-123).
+ * Threshold: 5px default.
+ * Cyan for same-edge alignment (top-top, bottom-bottom, center-center, left-left, right-right).
+ * Magenta for opposite-edge alignment (top-bottom, bottom-top, left-right, right-left).
+ */
+export declare function calculateSnapping(activeRect: CanvasRect, candidateRects: CanvasRect[], threshold?: number): SnappingResult;
+export interface SmartGuidesProps {
+    guides: GuideLine[];
+}
+/**
+ * SmartGuides component renders dynamic alignment guide lines (STORA-123).
+ */
+export declare const SmartGuides: React.FC<SmartGuidesProps>;
+//# sourceMappingURL=smart-guides.d.ts.map

package/dist/components/canvas/smart-guides.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-guides.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/smart-guides.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,YAAY,GAAG,UAAU,CAAC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,cAAc;IAC7B,WAAW,EAAE,UAAU,CAAC;IACxB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAC/B,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,UAAU,EAAE,EAC5B,SAAS,SAAI,GACZ,cAAc,CAuOhB;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,SAAS,EAAE,CAAC;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAyDlD,CAAC"}

package/dist/components/canvas/spacing-sliders.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { PageDocument } from '@kubuild/schema';
+import { CanvasRect } from './smart-guides';
+export interface SpacingSlidersProps {
+    selectedNodeId: string;
+    selectedRect: CanvasRect;
+    document?: PageDocument;
+    containerElement?: HTMLElement | null;
+    zoom?: number;
+}
+/**
+ * Interactive On-Canvas Padding Drag Sliders (STORA-121) & Gap Drag Slider (STORA-122).
+ * Features:
+ *  - 4 sides padding drag handles (top, right, bottom, left).
+ *  - Alt/Option symmetric drag for opposite sides.
+ *  - Tinted semi-transparent padding box (pink/purple).
+ *  - On-canvas gap slider between children for flex/grid containers.
+ *  - 60 FPS RAF optimization (STORA-125).
+ */
+export declare const SpacingSliders: React.FC<SpacingSlidersProps>;
+//# sourceMappingURL=spacing-sliders.d.ts.map

package/dist/components/canvas/spacing-sliders.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacing-sliders.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/spacing-sliders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAGxE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,WAAW,mBAAmB;IAClC,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,UAAU,CAAC;IACzB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,gBAAgB,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAuCD;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA0fxD,CAAC"}

package/dist/components/canvas/viewport-resizer.d.ts

@@ -0,0 +1,83 @@
+import React from 'react';
+export type FluidBreakpoint = 'mobile' | 'tablet' | 'desktop';
+export interface BreakpointInfo {
+    breakpoint: FluidBreakpoint;
+    label: string;
+    badgeText: string;
+    colorClass: string;
+}
+export declare const DEFAULT_MIN_WIDTH = 320;
+export declare const DEFAULT_MAX_WIDTH = 1440;
+export declare const VIEWPORT_PRESETS: Array<{
+    name: string;
+    width: number;
+    breakpoint: FluidBreakpoint;
+    icon: React.ComponentType<{
+        className?: string;
+    }>;
+}>;
+/**
+ * Calculates current breakpoint, human-readable label, and badge string from viewport width (STORA-142).
+ * Examples:
+ * - 375px -> "375px • Mobile"
+ * - 768px -> "768px • Tablet"
+ * - 1200px -> "1200px • Desktop"
+ */
+export declare function getBreakpointFromWidth(width: number): BreakpointInfo;
+export interface ViewportResizerHandleProps {
+    width: number;
+    onWidthChange: (width: number) => void;
+    minWidth?: number;
+    maxWidth?: number;
+    onBreakpointChange?: (breakpoint: FluidBreakpoint) => void;
+    disabled?: boolean;
+    className?: string;
+    zoom?: number;
+}
+/**
+ * Vertical Draggable Resizer Bar on the right edge of the canvas preview frame (STORA-142).
+ * Dragging smoothly modifies viewport width between minWidth (320px) and maxWidth (1440px).
+ */
+export declare const ViewportResizerHandle: React.FC<ViewportResizerHandleProps>;
+export interface ViewportResizerProps {
+    width: number;
+    onWidthChange: (width: number) => void;
+    minWidth?: number;
+    maxWidth?: number;
+    onBreakpointChange?: (breakpoint: FluidBreakpoint) => void;
+    disabled?: boolean;
+    showPresets?: boolean;
+    title?: string;
+    slug?: string;
+    isActive?: boolean;
+    onSelect?: () => void;
+    zoom?: number;
+    frameRef?: React.Ref<HTMLDivElement>;
+    children: React.ReactNode;
+    className?: string;
+    onHeaderPointerDown?: (e: React.PointerEvent) => void;
+    /**
+     * Which kind of surface this artboard is, shown as a badge in the header so a page and a
+     * detached component surface are distinguishable at a glance. Defaults to 'page'.
+     */
+    artboardType?: 'page' | 'component';
+    /**
+     * When provided, a delete control appears in the header. Deleting is destructive, so the
+     * control asks for confirmation before invoking this.
+     */
+    onDelete?: () => void;
+    /** Name shown in the delete confirmation, e.g. the artboard's own name. */
+    deleteLabel?: string;
+    /**
+     * Render without page chrome: no white card, no shadow, no page-height floor, no viewport
+     * presets or width handle — the surface hugs the content so what you see on the canvas is
+     * the component's own shape. Used for component artboards, which aren't pages.
+     */
+    bare?: boolean;
+}
+/**
+ * Canvas Viewport Resizer Frame Container (STORA-142).
+ * Wraps canvas content with fluid draggable width handle and quick breakpoint presets toolbar.
+ */
+export declare const ViewportResizer: React.FC<ViewportResizerProps>;
+//# sourceMappingURL=viewport-resizer.d.ts.map

package/dist/components/canvas/viewport-resizer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewport-resizer.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/viewport-resizer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAGxE,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE9D,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB,MAAM,CAAC;AACrC,eAAO,MAAM,iBAAiB,OAAO,CAAC;AAEtC,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,eAAe,CAAC;IAC5B,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACnD,CAKA,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,GAAG,cAAc,CAwBpE;AAED,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,eAAe,KAAK,IAAI,CAAC;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAkHtE,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,eAAe,KAAK,IAAI,CAAC;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,YAAY,KAAK,IAAI,CAAC;IACtD;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IACpC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAaD;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAyN1D,CAAC"}

package/dist/components/index.d.ts

@@ -0,0 +1,10 @@
+export * from './action-builder';
+export * from './ai-chat';
+export * from './canvas';
+export * from './layout';
+export * from './modals';
+export * from './panels';
+export * from './style-manager';
+export * from './table-editor';
+export * from './ui';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,MAAM,CAAC"}

package/dist/{editor.d.ts → components/layout/editor.d.ts}

@@ -2,9 +2,14 @@ import React from 'react';
 import { PageDocument } from '@kubuild/schema';
 import { ComponentRegistry } from '@kubuild/components';
 import { RuntimeContext, VariableCatalog, Diagnostic } from '@kubuild/core';
-import { EditorConfig } from './config';
+import { EditorPageItem } from '../canvas';
+import { EditorConfig, AiEditorConfig } from '../../config';
 export interface KubuildEditorProps {
     initialDocument?: PageDocument;
+    pages?: EditorPageItem[];
+    activePageId?: string;
+    onActivePageChange?: (pageId: string) => void;
+    onPagesChange?: (pages: EditorPageItem[]) => void;
     registry?: ComponentRegistry;
     context?: RuntimeContext;
     /** Host-declared bindable variables + preview-only sample values (STORA-053). Never written to the document. */
@@ -12,6 +17,12 @@ export interface KubuildEditorProps {
     onChange?: (doc: PageDocument) => void;
     onDiagnostic?: (diagnostic: Diagnostic) => void;
     config?: EditorConfig;
+    /**
+     * AI provider integration (STORA-501). Opt-in only — when omitted, `KubuildEditor`
+     * renders with zero AI UI and zero behavioral difference from a build without AI.
+     * The host (consumer) always supplies its own provider adapter/endpoint/API key.
+     */
+    ai?: AiEditorConfig;
     className?: string;
 }
 export declare const KubuildEditor: React.FC<KubuildEditorProps>;

package/dist/components/layout/editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../src/components/layout/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAkC,MAAM,qBAAqB,CAAC;AACxF,OAAO,EACL,cAAc,EACd,eAAe,EACf,UAAU,EAEX,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAgB,cAAc,EAAE,MAAM,WAAW,CAAC;AAUzD,OAAO,EACL,YAAY,EAEZ,cAAc,EAIf,MAAM,cAAc,CAAC;AAetB,MAAM,WAAW,kBAAkB;IACjC,eAAe,CAAC,EAAE,YAAY,CAAC;IAC/B,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,gHAAgH;IAChH,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAChD,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;;;OAIG;IACH,EAAE,CAAC,EAAE,cAAc,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsiBtD,CAAC"}

package/dist/components/layout/index.d.ts

@@ -0,0 +1,3 @@
+export * from './editor';
+export * from './toolbar';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC"}

package/dist/components/layout/toolbar.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { ComponentRegistry } from '@kubuild/components';
+import { EditorToolbarConfig } from '../../config';
+export interface EditorToolbarProps {
+    registry: ComponentRegistry;
+    className?: string;
+    showExportImport?: boolean;
+    config?: EditorToolbarConfig;
+    /**
+     * Whether any AI capability is actually turned on in `AiEditorConfig` (STORA-504).
+     * The AI Chat toggle button only ever renders when this is `true`, regardless of
+     * `config.showAiChatToggle` — AI must stay fully invisible when not configured.
+     */
+    aiEnabled?: boolean;
+}
+export declare const EditorToolbar: React.FC<EditorToolbarProps>;
+//# sourceMappingURL=toolbar.d.ts.map

package/dist/components/layout/toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/layout/toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAOxD,OAAO,EAAE,mBAAmB,EAAuB,MAAM,cAAc,CAAC;AAExE,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA8ED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2TtD,CAAC"}

package/dist/components/modals/asset-manager-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"asset-manager-modal.d.ts","sourceRoot":"","sources":["../../../src/components/modals/asset-manager-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,aAAa,EAAa,MAAM,eAAe,CAAC;AAEzD,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,wDAAwD;IACxD,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,2EAA2E;IAC3E,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,wEAAwE;IACxE,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAoBD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA8X9D,CAAC"}

package/dist/components/modals/code-viewer-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-viewer-modal.d.ts","sourceRoot":"","sources":["../../../src/components/modals/code-viewer-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAUpD,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,YAAY,CAAC;CACzB;AAED,MAAM,MAAM,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC;AAElD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAyT1D,CAAC"}

package/dist/components/modals/import-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"import-modal.d.ts","sourceRoot":"","sources":["../../../src/components/modals/import-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAsB,MAAM,iBAAiB,CAAC;AASnE,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,iBAAiB,CAAC;CAC7B;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAyZlD,CAAC"}

package/dist/components/modals/index.d.ts

@@ -0,0 +1,4 @@
+export * from './asset-manager-modal';
+export * from './code-viewer-modal';
+export * from './import-modal';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/modals/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/modals/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC"}

package/dist/components/panels/action-debugger-panel.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ActionLogEntry, LiveFormState } from '../../store';
+export interface ActionDebuggerPanelProps {
+    className?: string;
+    onClose?: () => void;
+    onResetForm?: () => void;
+    formState?: LiveFormState | null;
+    logs?: ActionLogEntry[];
+}
+export declare const ActionDebuggerPanel: React.FC<ActionDebuggerPanelProps>;
+//# sourceMappingURL=action-debugger-panel.d.ts.map

package/dist/components/panels/action-debugger-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-debugger-panel.d.ts","sourceRoot":"","sources":["../../../src/components/panels/action-debugger-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAkB,cAAc,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAsB5E,MAAM,WAAW,wBAAwB;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IACjC,IAAI,CAAC,EAAE,cAAc,EAAE,CAAC;CACzB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAkZlE,CAAC"}

package/dist/components/panels/action-prop-control.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { ActionBinding, PageDocument } from '@kubuild/schema';
+import { ComponentFieldDefinition } from '@kubuild/components';
+export interface ActionPropControlProps {
+    nodeId: string;
+    field: ComponentFieldDefinition;
+    value: unknown;
+    document?: PageDocument;
+    onCommit: (field: ComponentFieldDefinition, value: unknown, isBlur: boolean) => void;
+    onOpenActionBuilder?: () => void;
+    setError?: (error: string | null) => void;
+    className?: string;
+}
+export interface ActionTypeMeta {
+    type: string;
+    label: string;
+    shortLabel: string;
+    description: string;
+    badgeClass: string;
+    icon: React.ComponentType<{
+        className?: string;
+    }>;
+    defaultPayload: Record<string, unknown>;
+}
+export declare const ACTION_TYPES: ActionTypeMeta[];
+export declare function getActionTypeMeta(type: string): ActionTypeMeta;
+export declare function formatActionSummary(action: ActionBinding): string;
+export declare function parseActionBinding(val: unknown): ActionBinding | null;
+export declare const ActionPropControl: React.FC<ActionPropControlProps>;
+//# sourceMappingURL=action-prop-control.d.ts.map

package/dist/components/panels/action-prop-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-prop-control.d.ts","sourceRoot":"","sources":["../../../src/components/panels/action-prop-control.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,EACL,aAAa,EACb,YAAY,EACb,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAyB/D,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,wBAAwB,CAAC;IAChC,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,wBAAwB,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrF,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClD,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACzC;AAED,eAAO,MAAM,YAAY,EAAE,cAAc,EAkFxC,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,cAAc,CAY9D;AAED,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,aAAa,GAAG,MAAM,CA8CjE;AAED,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,OAAO,GAAG,aAAa,GAAG,IAAI,CAUrE;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAuiB9D,CAAC"}

package/dist/components/panels/blocks-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blocks-panel.d.ts","sourceRoot":"","sources":["../../../src/components/panels/blocks-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAkB,eAAe,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAMzF,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,MAAM,CAAC,EAAE,eAAe,EAAE,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;CAClD;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,EAAE,eAAe,CAAA;CAAE,CAgL/D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkJlD,CAAC"}

package/dist/{component-panel.d.ts → components/panels/component-panel.d.ts}

@@ -1,7 +1,9 @@
 import React from 'react';
 import { ComponentRegistry } from '@kubuild/components';
+import { EditorSidebarConfig } from '../../config';
 export interface ComponentPanelProps {
     registry: ComponentRegistry;
+    config?: EditorSidebarConfig;
     className?: string;
 }
 export declare const ComponentPanel: React.FC<ComponentPanelProps>;

package/dist/components/panels/component-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-panel.d.ts","sourceRoot":"","sources":["../../../src/components/panels/component-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAA0C,MAAM,qBAAqB,CAAC;AAGhG,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAsBD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqGxD,CAAC"}

package/dist/components/panels/form-validation-rules-panel.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { Node, ValidationRuleType, FormConfig } from '@kubuild/schema';
+export interface FormValidationRulesPanelProps {
+    node: Node;
+    onUpdateFormConfig: (formConfig: Partial<FormConfig> | null) => void;
+    onCommitProp?: (propName: string, value: unknown) => void;
+    className?: string;
+}
+interface RuleTypeDefinition {
+    type: ValidationRuleType;
+    label: string;
+    description: string;
+    icon: React.ComponentType<{
+        className?: string;
+    }>;
+    defaultMessage: string;
+    hasValue: boolean;
+    valueType?: 'number' | 'string';
+    defaultValue?: unknown;
+    valuePlaceholder?: string;
+}
+export declare const SUPPORTED_RULES: RuleTypeDefinition[];
+export declare function getRuleDefinition(type: string): RuleTypeDefinition | undefined;
+export declare function isFormFieldNode(node: Node | null): boolean;
+export declare const FormValidationRulesPanel: React.FC<FormValidationRulesPanelProps>;
+export {};
+//# sourceMappingURL=form-validation-rules-panel.d.ts.map

package/dist/components/panels/form-validation-rules-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-validation-rules-panel.d.ts","sourceRoot":"","sources":["../../../src/components/panels/form-validation-rules-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,IAAI,EAAkB,kBAAkB,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAcvF,MAAM,WAAW,6BAA6B;IAC5C,IAAI,EAAE,IAAI,CAAC;IACX,kBAAkB,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,UAAU,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACrE,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,kBAAkB;IAC1B,IAAI,EAAE,kBAAkB,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClD,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,eAAe,EAAE,kBAAkB,EAkD/C,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,kBAAkB,GAAG,SAAS,CAE9E;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,OAAO,CAQ1D;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CA2O5E,CAAC"}

package/dist/components/panels/index.d.ts

@@ -0,0 +1,10 @@
+export * from './action-debugger-panel';
+export * from './action-prop-control';
+export * from './blocks-panel';
+export * from './component-panel';
+export * from './form-validation-rules-panel';
+export * from './inspector-panel';
+export * from './layers-panel';
+export * from './left-sidebar';
+export * from './traits-panel';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/panels/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/panels/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}