@kubuild/editor 0.2.0 → 0.3.0

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

@@ -1,4 +1,5 @@
 export * from './action-builder';
+export * from './ai-chat';
 export * from './canvas';
 export * from './layout';
 export * from './modals';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,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"}
+{"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/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

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../src/components/layout/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,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;AAUvB,OAAO,EAAE,YAAY,EAAuB,MAAM,cAAc,CAAC;AAcjE,MAAM,WAAW,kBAAkB;IACjC,eAAe,CAAC,EAAE,YAAY,CAAC;IAC/B,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,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmXtD,CAAC"}
+{"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/toolbar.d.ts

@@ -6,6 +6,12 @@ export interface EditorToolbarProps {
     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

@@ -1 +1 @@
-{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/layout/toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAOxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,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;CAC9B;AAsDD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsUtD,CAAC"}
+{"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/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

@@ -1 +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,CA2J/D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkJlD,CAAC"}
+{"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/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

@@ -1 +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;AAIhG,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAsBD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsExD,CAAC"}
+{"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/index.d.ts

@@ -1,4 +1,5 @@
 export * from './action-debugger-panel';
+export * from './action-prop-control';
 export * from './blocks-panel';
 export * from './component-panel';
 export * from './form-validation-rules-panel';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/panels/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,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"}
+{"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"}

package/dist/components/panels/inspector-panel.d.ts

@@ -1,13 +1,19 @@
 import React from 'react';
 import { ComponentRegistry } from '@kubuild/components';
 import { PageDocument } from '@kubuild/schema';
-import { EditorInspectorConfig } from '../../config';
+import { EditorInspectorConfig, ResolvedAiEditorConfig } from '../../config';
 export interface InspectorPanelProps {
     registry: ComponentRegistry;
     className?: string;
     document?: PageDocument;
     selectedNodeId?: string | null;
     config?: EditorInspectorConfig;
+    /**
+     * Fully-resolved AI config (STORA-511). Gates the "Ask AI about this component" action
+     * — omitted (or `features.enhance` false) means the action does not render at all,
+     * matching every other AI feature's opt-in-only behavior.
+     */
+    aiConfig?: ResolvedAiEditorConfig;
 }
 /**
  * Amber warning badge shown above the style manager while editing a

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

@@ -1 +1 @@
-{"version":3,"file":"inspector-panel.d.ts","sourceRoot":"","sources":["../../../src/components/panels/inspector-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAA6C,MAAM,qBAAqB,CAAC;AAEnG,OAAO,EAAqB,YAAY,EAAmB,MAAM,iBAAiB,CAAC;AAcnF,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAErD,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,qBAAqB,CAAC;CAChC;AAqeD;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAQzD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqoBxD,CAAC"}
+{"version":3,"file":"inspector-panel.d.ts","sourceRoot":"","sources":["../../../src/components/panels/inspector-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAA6C,MAAM,qBAAqB,CAAC;AAEnG,OAAO,EAAqB,YAAY,EAAmB,MAAM,iBAAiB,CAAC;AAenF,OAAO,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAE7E,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,sBAAsB,CAAC;CACnC;AAqeD;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAQzD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA8sBxD,CAAC"}

package/dist/components/panels/layers-panel.d.ts

@@ -1,5 +1,9 @@
 import React from 'react';
 import { ComponentRegistry } from '@kubuild/components';
+/**
+ * The layer tree. Always renders inline and fills its host container — the left
+ * sidebar's "Layers" tab and the mobile drawer own its visibility and chrome.
+ */
 export interface LayersPanelProps {
     registry: ComponentRegistry;
     className?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"layers-panel.d.ts","sourceRoot":"","sources":["../../../src/components/panels/layers-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAMxD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkTlD,CAAC"}
+{"version":3,"file":"layers-panel.d.ts","sourceRoot":"","sources":["../../../src/components/panels/layers-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAMxD;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAqLlD,CAAC"}

package/dist/components/style-manager/auto-layout-controls.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+export type AlignmentPointId = 'top-left' | 'top-center' | 'top-right' | 'center-left' | 'center' | 'center-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+export interface AlignmentMapItem {
+    justify: string;
+    align: string;
+}
+export declare const ROW_ALIGNMENT_MAP: Record<AlignmentPointId, AlignmentMapItem>;
+export declare const COLUMN_ALIGNMENT_MAP: Record<AlignmentPointId, AlignmentMapItem>;
+export declare const ALIGNMENT_POINTS: {
+    id: AlignmentPointId;
+    label: string;
+}[];
+export declare function parseGap(gapVal: unknown): {
+    value: number;
+    unit: 'px' | 'rem';
+};
+export interface AutoLayoutControlsProps {
+    styles?: Record<string, unknown>;
+    onChange: (property: string, value: string) => void;
+    disabled?: boolean;
+    className?: string;
+}
+export declare const AutoLayoutControls: React.FC<AutoLayoutControlsProps>;
+//# sourceMappingURL=auto-layout-controls.d.ts.map

package/dist/components/style-manager/auto-layout-controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auto-layout-controls.d.ts","sourceRoot":"","sources":["../../../src/components/style-manager/auto-layout-controls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,MAAM,MAAM,gBAAgB,GACxB,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,QAAQ,GACR,cAAc,GACd,aAAa,GACb,eAAe,GACf,cAAc,CAAC;AAEnB,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,gBAAgB,EAAE,gBAAgB,CAUxE,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,gBAAgB,EAAE,gBAAgB,CAU3E,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE;IAAE,EAAE,EAAE,gBAAgB,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAUrE,CAAC;AAUF,wBAAgB,QAAQ,CAAC,MAAM,EAAE,OAAO,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,IAAI,GAAG,KAAK,CAAA;CAAE,CAe/E;AAED,MAAM,WAAW,uBAAuB;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAmOhE,CAAC"}

package/dist/components/style-manager/color-gradient-picker.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+export interface GradientStop {
+    color: string;
+    position: number;
+}
+export type ColorMode = 'solid' | 'linear' | 'radial';
+export type ColorFormat = 'hex' | 'rgba' | 'hsl';
+export declare function hexToRgb(hex: string): {
+    r: number;
+    g: number;
+    b: number;
+};
+export declare function rgbToHex(r: number, g: number, b: number): string;
+export declare function rgbToHsl(r: number, g: number, b: number): {
+    h: number;
+    s: number;
+    l: number;
+};
+export declare function parseColorString(val: unknown): {
+    mode: ColorMode;
+    color: string;
+    alpha: number;
+    angle: number;
+    stops: GradientStop[];
+};
+export declare function serializeGradient(mode: 'linear' | 'radial', angle: number, stops: GradientStop[]): string;
+export interface ColorGradientPickerProps {
+    value?: string;
+    onChange: (value: string) => void;
+    label?: string;
+    disabled?: boolean;
+    className?: string;
+}
+export declare const ColorGradientPicker: React.FC<ColorGradientPickerProps>;
+//# sourceMappingURL=color-gradient-picker.d.ts.map

package/dist/components/style-manager/color-gradient-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-gradient-picker.d.ts","sourceRoot":"","sources":["../../../src/components/style-manager/color-gradient-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;AACtD,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC;AAEjD,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAczE;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAIhE;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CA+B7F;AAED,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,OAAO,GAAG;IAC9C,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,YAAY,EAAE,CAAC;CACvB,CAiFA;AAmBD,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,QAAQ,GAAG,QAAQ,EACzB,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,YAAY,EAAE,GACpB,MAAM,CAWR;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA6TlE,CAAC"}

package/dist/components/style-manager/design-tokens-panel.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+export interface ColorToken {
+    id: string;
+    name: string;
+    value: string;
+    category?: 'brand' | 'neutral' | 'status' | 'custom';
+}
+export interface TypographyToken {
+    id: string;
+    name: string;
+    fontFamily: string;
+    fontSize: string;
+    fontWeight: string;
+    lineHeight: string;
+    letterSpacing?: string;
+}
+export declare const DEFAULT_COLOR_TOKENS: ColorToken[];
+export declare const DEFAULT_TYPOGRAPHY_TOKENS: TypographyToken[];
+export interface DesignTokensPanelProps {
+    colorTokens?: ColorToken[];
+    typographyTokens?: TypographyToken[];
+    onApplyColor?: (property: 'backgroundColor' | 'color' | 'borderColor', value: string) => void;
+    onApplyTypography?: (styles: Record<string, string>) => void;
+    onAddColorToken?: (token: ColorToken) => void;
+    onAddTypographyToken?: (token: TypographyToken) => void;
+    onDeleteColorToken?: (id: string) => void;
+    className?: string;
+}
+export declare const DesignTokensPanel: React.FC<DesignTokensPanelProps>;
+//# sourceMappingURL=design-tokens-panel.d.ts.map

package/dist/components/style-manager/design-tokens-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-tokens-panel.d.ts","sourceRoot":"","sources":["../../../src/components/style-manager/design-tokens-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;CACtD;AAED,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,oBAAoB,EAAE,UAAU,EAW5C,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,eAAe,EAyDtD,CAAC;AAEF,MAAM,WAAW,sBAAsB;IACrC,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IACrC,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,iBAAiB,GAAG,OAAO,GAAG,aAAa,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9F,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAC7D,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAC9C,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IACxD,kBAAkB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAkU9D,CAAC"}

package/dist/components/style-manager/dimension-sector-controls.d.ts

@@ -1,6 +1,10 @@
 import React from 'react';
-export declare const DIMENSION_UNITS: readonly ["px", "%", "rem", "em", "vw", "vh", "auto", "none"];
+import { Breakpoint } from './inheritance-indicator';
+export declare const DIMENSION_UNITS: readonly ["px", "%", "rem", "em", "vw", "vh", "auto", "none", "fit-content"];
 export type DimensionUnit = (typeof DIMENSION_UNITS)[number];
+export type SizingMode = 'hug' | 'fill' | 'fixed';
+export declare function getWidthSizingMode(width: unknown, flex?: unknown): SizingMode;
+export declare function getHeightSizingMode(height: unknown): SizingMode;
 export interface ParsedDimension {
     num: string;
     unit: DimensionUnit;
@@ -15,6 +19,10 @@ export interface DimensionUnitInputProps {
     allowedUnits?: DimensionUnit[];
     placeholder?: string;
     disabled?: boolean;
+    baseStyles?: Record<string, unknown>;
+    activeStyles?: Record<string, unknown>;
+    breakpoint?: Breakpoint;
+    onResetToInherited?: (property: string) => void;
 }
 export declare const DimensionUnitInput: React.FC<DimensionUnitInputProps>;
 export interface DimensionSectorControlsProps {
@@ -22,6 +30,9 @@ export interface DimensionSectorControlsProps {
     onChange: (property: string, value: string) => void;
     disabled?: boolean;
     className?: string;
+    baseStyles?: Record<string, unknown>;
+    breakpoint?: Breakpoint;
+    onResetProperty?: (property: string) => void;
 }
 export declare const DimensionSectorControls: React.FC<DimensionSectorControlsProps>;
 //# sourceMappingURL=dimension-sector-controls.d.ts.map

package/dist/components/style-manager/dimension-sector-controls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dimension-sector-controls.d.ts","sourceRoot":"","sources":["../../../src/components/style-manager/dimension-sector-controls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,eAAO,MAAM,eAAe,+DAAgE,CAAC;AAC7F,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7D,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,aAAa,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,mBAAmB,CACjC,GAAG,EAAE,OAAO,EACZ,WAAW,GAAE,aAAoB,GAChC,eAAe,CAwBjB;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,YAAY,CAAC,EAAE,aAAa,EAAE,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA+HhE,CAAC;AAEF,MAAM,WAAW,4BAA4B;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAmH1E,CAAC"}
+{"version":3,"file":"dimension-sector-controls.d.ts","sourceRoot":"","sources":["../../../src/components/style-manager/dimension-sector-controls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAwB,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAE3E,eAAO,MAAM,eAAe,8EAA+E,CAAC;AAC5G,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7D,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;AAElD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,CAa7E;AAED,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,OAAO,GAAG,UAAU,CAS/D;AAED,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,aAAa,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,mBAAmB,CACjC,GAAG,EAAE,OAAO,EACZ,WAAW,GAAE,aAAoB,GAChC,eAAe,CA2BjB;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,YAAY,CAAC,EAAE,aAAa,EAAE,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,kBAAkB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAyKhE,CAAC;AAEF,MAAM,WAAW,4BAA4B;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,eAAe,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CA2U1E,CAAC"}

package/dist/components/style-manager/effects-sector-controls.d.ts

@@ -0,0 +1,52 @@
+import React from 'react';
+export interface BorderRadiusControlProps {
+    styles?: Record<string, unknown>;
+    onChange: (property: string, value: string) => void;
+    disabled?: boolean;
+    className?: string;
+}
+export declare const BorderRadiusControl: React.FC<BorderRadiusControlProps>;
+export interface ParsedBoxShadow {
+    inset: boolean;
+    offsetX: string;
+    offsetY: string;
+    blur: string;
+    spread: string;
+    color: string;
+}
+export declare function parseBoxShadow(raw: unknown): ParsedBoxShadow;
+export declare function serializeBoxShadow(parsed: ParsedBoxShadow): string;
+export declare function parseBackdropBlur(raw: unknown): number;
+export declare const SHADOW_PRESETS: readonly [{
+    readonly id: "none";
+    readonly label: "None";
+    readonly value: "none";
+}, {
+    readonly id: "sm";
+    readonly label: "Small";
+    readonly value: "0 1px 2px 0 rgba(0, 0, 0, 0.05)";
+}, {
+    readonly id: "md";
+    readonly label: "Medium";
+    readonly value: "0 4px 6px -1px rgba(0, 0, 0, 0.1)";
+}, {
+    readonly id: "lg";
+    readonly label: "Large";
+    readonly value: "0 10px 15px -3px rgba(0, 0, 0, 0.1)";
+}, {
+    readonly id: "xl";
+    readonly label: "XL";
+    readonly value: "0 20px 25px -5px rgba(0, 0, 0, 0.1)";
+}, {
+    readonly id: "inner";
+    readonly label: "Inner";
+    readonly value: "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)";
+}];
+export interface EffectsSectorControlsProps {
+    styles?: Record<string, unknown>;
+    onChange: (property: string, value: string) => void;
+    disabled?: boolean;
+    className?: string;
+}
+export declare const EffectsSectorControls: React.FC<EffectsSectorControlsProps>;
+//# sourceMappingURL=effects-sector-controls.d.ts.map

package/dist/components/style-manager/effects-sector-controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"effects-sector-controls.d.ts","sourceRoot":"","sources":["../../../src/components/style-manager/effects-sector-controls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,MAAM,WAAW,wBAAwB;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAoIlE,CAAC;AAMF,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,OAAO,GAAG,eAAe,CAsC5D;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,eAAe,GAAG,MAAM,CAYlE;AAED,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,OAAO,GAAG,MAAM,CAItD;AAED,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;EAOjB,CAAC;AAEX,MAAM,WAAW,0BAA0B;IACzC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CA2MtE,CAAC"}

package/dist/components/style-manager/grid-controls.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export declare const GRID_COLUMN_PRESETS: readonly [2, 3, 4, 6, 12];
+export declare function parseGridColumns(templateColumns: unknown): number;
+export declare function parseSpan(val: unknown, fallback?: number): number;
+export interface GridControlsProps {
+    styles?: Record<string, unknown>;
+    onChange: (property: string, value: string) => void;
+    disabled?: boolean;
+    className?: string;
+}
+export declare const GridControls: React.FC<GridControlsProps>;
+export interface GridItemControlsProps {
+    styles?: Record<string, unknown>;
+    onChange: (property: string, value: string) => void;
+    disabled?: boolean;
+    className?: string;
+}
+export declare const GridItemControls: React.FC<GridItemControlsProps>;
+//# sourceMappingURL=grid-controls.d.ts.map

package/dist/components/style-manager/grid-controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-controls.d.ts","sourceRoot":"","sources":["../../../src/components/style-manager/grid-controls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,eAAO,MAAM,mBAAmB,2BAA4B,CAAC;AAE7D,wBAAgB,gBAAgB,CAAC,eAAe,EAAE,OAAO,GAAG,MAAM,CAcjE;AAED,wBAAgB,SAAS,CAAC,GAAG,EAAE,OAAO,EAAE,QAAQ,GAAE,MAAU,GAAG,MAAM,CASpE;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiKpD,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAmG5D,CAAC"}

package/dist/components/style-manager/index.d.ts

@@ -3,4 +3,10 @@ export * from './dimension-sector-controls';
 export * from './motion-sector-controls';
 export * from './style-manager-accordion';
 export * from './typography-sector-controls';
+export * from './auto-layout-controls';
+export * from './grid-controls';
+export * from './effects-sector-controls';
+export * from './color-gradient-picker';
+export * from './design-tokens-panel';
+export * from './inheritance-indicator';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/style-manager/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/style-manager/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/style-manager/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC"}