@kubuild/editor 0.1.3 → 0.3.0

package/dist/{inspector-panel.d.ts → 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

@@ -0,0 +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;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/{layers-panel.d.ts → 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

@@ -0,0 +1 @@
+{"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/{left-sidebar.d.ts → components/panels/left-sidebar.d.ts}

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ComponentRegistry } from '@kubuild/components';
-import { EditorSidebarConfig, LeftSidebarTab } from './config';
+import { EditorSidebarConfig, LeftSidebarTab } from '../../config';
 export type { LeftSidebarTab };
 export interface LeftSidebarProps {
     registry: ComponentRegistry;

package/dist/components/panels/left-sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"left-sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/panels/left-sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAKxD,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnE,YAAY,EAAE,cAAc,EAAE,CAAC;AAE/B,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,aAAa,CAAC,EAAE,cAAc,EAAE,CAAC;IACjC,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkHlD,CAAC"}

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

@@ -1,12 +1,14 @@
 import React from 'react';
 import { ComponentRegistry } from '@kubuild/components';
-import { PageDocument } from '@kubuild/schema';
+import { PageDocument, FormConfig } from '@kubuild/schema';
 export interface TraitsPanelProps {
     registry: ComponentRegistry;
     document: PageDocument;
     selectedNodeId: string | null;
     /** Commit a single trait value to the node's props. */
     onCommitTrait: (traitName: string, value: unknown) => void;
+    /** Commit form configuration updates (including validation rules) to the node. */
+    onUpdateFormConfig?: (formConfig: Partial<FormConfig> | null) => void;
     className?: string;
 }
 /**

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

@@ -0,0 +1 @@
+{"version":3,"file":"traits-panel.d.ts","sourceRoot":"","sources":["../../../src/components/panels/traits-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EACL,iBAAiB,EAKlB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAK3D,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,EAAE,YAAY,CAAC;IACvB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,uDAAuD;IACvD,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3D,kFAAkF;IAClF,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,UAAU,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAsXD;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgHlD,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/box-model-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"box-model-editor.d.ts","sourceRoot":"","sources":["../../../src/components/style-manager/box-model-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE7B,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnC,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpC,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAElC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC/B;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClD,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,GAAG,EAAE,OAAO,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAiBtF;AAmID,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAkMxD,CAAC;AAEF,eAAO,MAAM,cAAc,+BAAiB,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/{dimension-sector-controls.d.ts → 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

@@ -0,0 +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;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

@@ -0,0 +1,12 @@
+export * from './box-model-editor';
+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

@@ -0,0 +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;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC"}

package/dist/components/style-manager/inheritance-indicator.d.ts

@@ -0,0 +1,52 @@
+import React from 'react';
+export type Breakpoint = 'base' | 'desktop' | 'tablet' | 'mobile';
+export interface PropertyInheritanceStatus {
+    isOverridden: boolean;
+    isInherited: boolean;
+    isBase: boolean;
+    inheritedValue?: unknown;
+    activeValue?: unknown;
+}
+/**
+ * Evaluates whether a property in the active viewport/breakpoint is:
+ * - isOverridden: explicitly defined in the active non-base viewport layer.
+ * - isInherited: not defined in the active viewport, but defined in base.
+ * - isBase: active breakpoint is 'base' or 'desktop' (the canonical base style layer).
+ */
+export declare function getPropertyInheritanceStatus(property: string, activeBreakpoint: Breakpoint, activeStyles?: Record<string, unknown>, baseStyles?: Record<string, unknown>): PropertyInheritanceStatus;
+/**
+ * Returns a list of all style properties explicitly overridden in the active viewport.
+ */
+export declare function getOverriddenProperties(activeBreakpoint: Breakpoint, activeStyles?: Record<string, unknown>, _baseStyles?: Record<string, unknown>): string[];
+export interface InheritanceIndicatorProps {
+    property: string;
+    activeBreakpoint: Breakpoint;
+    activeStyles?: Record<string, unknown>;
+    baseStyles?: Record<string, unknown>;
+    onResetToInherited?: (property: string) => void;
+    label?: string;
+    showWatermark?: boolean;
+    compact?: boolean;
+    className?: string;
+}
+/**
+ * Visual Style Inheritance Indicator (STORA-140 & STORA-141)
+ *
+ * Renders:
+ * - Bold blue/orange dot indicator + "Overridden" badge + "Reset to Inherited" button when overridden.
+ * - Subtle watermark & neutral text indicator when inherited from base.
+ * - Nothing or neutral base label when inspecting canonical base styles.
+ */
+export declare const InheritanceIndicator: React.FC<InheritanceIndicatorProps>;
+export interface InheritanceSummaryBarProps {
+    activeBreakpoint: Breakpoint;
+    activeStyles?: Record<string, unknown>;
+    baseStyles?: Record<string, unknown>;
+    onResetAllOverrides?: () => void;
+    className?: string;
+}
+/**
+ * Top summary banner for the Inspector when viewing responsive overrides (STORA-140 & STORA-141).
+ */
+export declare const InheritanceSummaryBar: React.FC<InheritanceSummaryBarProps>;
+//# sourceMappingURL=inheritance-indicator.d.ts.map

package/dist/components/style-manager/inheritance-indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inheritance-indicator.d.ts","sourceRoot":"","sources":["../../../src/components/style-manager/inheritance-indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAElE,MAAM,WAAW,yBAAyB;IACxC,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;;GAKG;AACH,wBAAgB,4BAA4B,CAC1C,QAAQ,EAAE,MAAM,EAChB,gBAAgB,EAAE,UAAU,EAC5B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACtC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACnC,yBAAyB,CA6C3B;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CACrC,gBAAgB,EAAE,UAAU,EAC5B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACtC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACpC,MAAM,EAAE,CAQV;AAED,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,UAAU,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,kBAAkB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAqFpE,CAAC;AAEF,MAAM,WAAW,0BAA0B;IACzC,gBAAgB,EAAE,UAAU,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAmDtE,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"motion-sector-controls.d.ts","sourceRoot":"","sources":["../../../src/components/style-manager/motion-sector-controls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAA4B,MAAM,iBAAiB,CAAC;AAG5E,MAAM,WAAW,yBAAyB;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACrC,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IACxD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,eAAe;;;;;;;;;;;;;IAoC3B,CAAC;AAEF,eAAO,MAAM,cAAc;;;GAM1B,CAAC;AAEF,eAAO,MAAM,aAAa;;;GAMzB,CAAC;AAEF,eAAO,MAAM,YAAY;;;GAOxB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA2SpE,CAAC"}

package/dist/{style-manager-accordion.d.ts → components/style-manager/style-manager-accordion.d.ts}

@@ -33,6 +33,16 @@ export interface StyleManagerAccordionProps {
     initialState?: Partial<Record<StyleSectorId, boolean>>;
     /** Optional filter for allowed style sectors. If omitted, all sectors are displayed. */
     allowedSectors?: StyleSectorId[];
+    /** Type of the node currently inspected (e.g. 'flex', 'grid', 'container') */
+    nodeType?: string;
+    /** Whether the parent of the currently selected node is a grid container */
+    isParentGrid?: boolean;
+    /** Base styles layer for evaluating inheritance indicators (STORA-140) */
+    baseStyles?: Record<string, unknown>;
+    /** Reset callback for a single style property override (STORA-141) */
+    onResetProperty?: (property: string) => void;
+    /** Reset callback for all overrides in active viewport */
+    onResetAllOverrides?: () => void;
 }
 export declare const StyleManagerAccordion: React.FC<StyleManagerAccordionProps>;
 //# sourceMappingURL=style-manager-accordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style-manager-accordion.d.ts","sourceRoot":"","sources":["../../../src/components/style-manager/style-manager-accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,eAAe,EAA4B,MAAM,iBAAiB,CAAC;AAa5E,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,SAAS,GAAG,YAAY,GAAG,aAAa,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEvG,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,aAAa,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,EAAE,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,qBAAqB,EAiFhD,CAAC;AAEF,eAAO,MAAM,qBAAqB,oCAAoC,CAAC;AAEvE,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,aAAa,EAAE,OAAO,CAOlE,CAAC;AAIF,wBAAgB,UAAU,IAAI;IAC5B,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IACxC,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAoBA;AAED,wBAAgB,kBAAkB,IAAI,IAAI,CAEzC;AAED,wBAAgB,kBAAkB,IAAI,MAAM,CAAC,aAAa,EAAE,OAAO,CAAC,CAanE;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,CAAC,aAAa,EAAE,OAAO,CAAC,GAAG,IAAI,CAO9E;AAED,MAAM,WAAW,0BAA0B;IACzC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACrC,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IAClE,aAAa,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAChD,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC;IACvC,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC;IACvD,wFAAwF;IACxF,cAAc,CAAC,EAAE,aAAa,EAAE,CAAC;IACjC,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4EAA4E;IAC5E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,0EAA0E;IAC1E,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,sEAAsE;IACtE,eAAe,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,0DAA0D;IAC1D,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAietE,CAAC"}

package/dist/{typography-sector-controls.d.ts → components/style-manager/typography-sector-controls.d.ts}

@@ -1,4 +1,5 @@
 import React from 'react';
+import { Breakpoint } from './inheritance-indicator';
 export interface FontOption {
     label: string;
     value: string;
@@ -12,6 +13,9 @@ export interface TypographySectorControlsProps {
     onChange: (property: string, value: string) => void;
     disabled?: boolean;
     className?: string;
+    baseStyles?: Record<string, unknown>;
+    breakpoint?: Breakpoint;
+    onResetProperty?: (property: string) => void;
 }
 export declare const TypographySectorControls: React.FC<TypographySectorControlsProps>;
 //# sourceMappingURL=typography-sector-controls.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typography-sector-controls.d.ts","sourceRoot":"","sources":["../../../src/components/style-manager/typography-sector-controls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAwB,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAG3E,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,YAAY,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;IACtE,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,YAAY,EAAE,UAAU,EAwEpC,CAAC;AAEF,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAWrD;AAED,MAAM,WAAW,6BAA6B;IAC5C,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,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAmW5E,CAAC"}

package/dist/components/table-editor/index.d.ts

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

package/dist/components/table-editor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table-editor/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC"}

package/dist/components/table-editor/table-spreadsheet-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-spreadsheet-editor.d.ts","sourceRoot":"","sources":["../../../src/components/table-editor/table-spreadsheet-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAMxD,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,mBAAmB,CAAC,YAAY,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAclG;AAID,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,CA0CjD;AASD,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA0uBxE,CAAC"}

package/dist/components/ui/code-highlighter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-highlighter.d.ts","sourceRoot":"","sources":["../../../src/components/ui/code-highlighter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC;AAEvD,UAAU,KAAK;IACb,IAAI,EACA,OAAO,GACP,UAAU,GACV,aAAa,GACb,WAAW,GACX,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,SAAS,GACT,oBAAoB,GACpB,iBAAiB,GACjB,mBAAmB,GACnB,YAAY,GACZ,cAAc,GACd,kBAAkB,GAClB,iBAAiB,GACjB,mBAAmB,GACnB,kBAAkB,GAClB,qBAAqB,GACrB,YAAY,GACZ,iBAAiB,GACjB,cAAc,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd;AAmcD;;GAEG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,GAAG,KAAK,EAAE,EAAE,CAiBxE;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,YAAY,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAoB1D,CAAC"}

package/dist/components/ui/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/ui/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,kBAAkB;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkVtD,CAAC"}

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

@@ -0,0 +1,5 @@
+export * from './code-highlighter';
+export * from './icons';
+export * from './variable-autocomplete-input';
+export * from './variable-picker';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mBAAmB,CAAC"}

package/dist/components/ui/variable-autocomplete-input.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+import { PageDocument } from '@kubuild/schema';
+export type VariableCategory = 'form' | 'variables' | 'response' | 'state';
+export interface VariableSuggestionItem {
+    key: string;
+    label: string;
+    category: VariableCategory;
+    description: string;
+    sample?: string;
+}
+export declare function getAllVariableSuggestions(doc?: PageDocument): VariableSuggestionItem[];
+export declare function filterVariableSuggestions(query: string, doc?: PageDocument): VariableSuggestionItem[];
+/**
+ * Replaces or inserts the variable token at cursor position.
+ * If cursor is right after `{{...`, it replaces the partial `{{...` with `{{variableKey}}`.
+ */
+export declare function insertVariableToken(currentText: string, cursorPosition: number, variableKey: string): {
+    nextText: string;
+    newCursorPos: number;
+};
+export interface VariableSuggestionMenuProps {
+    suggestions: VariableSuggestionItem[];
+    selectedIndex: number;
+    onSelect: (item: VariableSuggestionItem) => void;
+    onClose: () => void;
+}
+export declare const VariableSuggestionMenu: React.FC<VariableSuggestionMenuProps>;
+export interface VariableAutocompleteInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
+    value: string;
+    onChange: (value: string) => void;
+    document?: PageDocument;
+    containerClassName?: string;
+}
+export declare const VariableAutocompleteInput: React.FC<VariableAutocompleteInputProps>;
+export interface VariableAutocompleteTextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange'> {
+    value: string;
+    onChange: (value: string) => void;
+    document?: PageDocument;
+    containerClassName?: string;
+}
+export declare const VariableAutocompleteTextarea: React.FC<VariableAutocompleteTextareaProps>;
+//# sourceMappingURL=variable-autocomplete-input.d.ts.map

package/dist/components/ui/variable-autocomplete-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variable-autocomplete-input.d.ts","sourceRoot":"","sources":["../../../src/components/ui/variable-autocomplete-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,EAAE,YAAY,EAAQ,MAAM,iBAAiB,CAAC;AAiBrD,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;AAE3E,MAAM,WAAW,sBAAsB;IACrC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAOD,wBAAgB,yBAAyB,CAAC,GAAG,CAAC,EAAE,YAAY,GAAG,sBAAsB,EAAE,CAuEtF;AAED,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,MAAM,EACb,GAAG,CAAC,EAAE,YAAY,GACjB,sBAAsB,EAAE,CAY1B;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,WAAW,EAAE,MAAM,EACnB,cAAc,EAAE,MAAM,EACtB,WAAW,EAAE,MAAM,GAClB;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,CAyB5C;AAMD,MAAM,WAAW,2BAA2B;IAC1C,WAAW,EAAE,sBAAsB,EAAE,CAAC;IACtC,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACjD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA6GxE,CAAC;AAMF,MAAM,WAAW,8BACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CAmI9E,CAAC;AAMF,MAAM,WAAW,iCACf,SAAQ,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,UAAU,CAAC;IAC3E,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAAC,iCAAiC,CA0HpF,CAAC"}

package/dist/components/ui/variable-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variable-picker.d.ts","sourceRoot":"","sources":["../../../src/components/ui/variable-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAqB,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAE,wBAAwB,EAAyB,MAAM,qBAAqB,CAAC;AACtF,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAEpE;;;;;GAKG;AACH,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,wBAAwB,EAC/B,OAAO,EAAE,eAAe,GAAG,SAAS,GACnC,kBAAkB,EAAE,CAMtB;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,eAAe,CAE3D;AAED,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,wBAAwB,CAAC;IAChC,YAAY,EAAE,OAAO,CAAC;IACtB,OAAO,EAAE,eAAe,CAAC;IACzB,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAuDxE,CAAC"}

package/dist/config/ai-config.d.ts

@@ -0,0 +1,69 @@
+import type { AiProviderAdapter } from '@kubuild/ai';
+/**
+ * AI provider configuration for `KubuildEditorProps.ai` (STORA-501).
+ *
+ * Consistent with the `registry` / `context` / `config` opt-in pattern already used by
+ * `KubuildEditorProps`: AI is always opt-in — without this prop, `KubuildEditor` renders
+ * with zero AI UI and zero behavioral difference from today. The host (consumer) always
+ * supplies the provider/API key; the editor never hardcodes or defaults to any provider.
+ */
+export interface AiEditorConfig {
+    /** Adapter provider AI, or an HTTP endpoint pointing at the host's own `createAiHandler`. */
+    provider: AiProviderAdapter | {
+        endpoint: string;
+        headers?: Record<string, string>;
+    };
+    /** Per-capability feature flags. All default to `false` when `ai` config is not provided. */
+    features?: {
+        chat?: boolean;
+        generate?: boolean;
+        enhance?: boolean;
+    };
+    /** Default panel mode when the editor first mounts. Default: `'hidden'`. */
+    defaultPanelMode?: 'docked' | 'floating' | 'hidden';
+    /** Extra host-specific system prompt prefix (branding, tone, etc). */
+    systemPromptPrefix?: string;
+}
+export interface ResolvedAiEditorConfig {
+    enabled: boolean;
+    provider: AiProviderAdapter | {
+        endpoint: string;
+        headers?: Record<string, string>;
+    } | null;
+    features: {
+        chat: boolean;
+        generate: boolean;
+        enhance: boolean;
+    };
+    defaultPanelMode: 'docked' | 'floating' | 'hidden';
+    systemPromptPrefix?: string;
+}
+/**
+ * Resolves an optional `AiEditorConfig` into a fully-populated `ResolvedAiEditorConfig`.
+ *
+ * Without a config given, every feature resolves to disabled/false and `provider` is `null` —
+ * `KubuildEditor` must render with zero AI UI, exactly as it does today.
+ */
+export declare function resolveAiEditorConfig(config?: AiEditorConfig): ResolvedAiEditorConfig;
+/**
+ * Whether any AI capability is actually turned on (STORA-504's "atau fitur AI nonaktif di
+ * AiEditorConfig" check). `resolved.enabled` alone only means an `ai` config object was
+ * given — a host can supply `provider` with every `features.*` flag left `false`/omitted,
+ * which must still be treated as "AI disabled" for UI gating (toolbar toggle, chat panel).
+ */
+export declare function isAnyAiFeatureEnabled(resolved: ResolvedAiEditorConfig): boolean;
+/**
+ * Pure gating logic (STORA-503) for whether `KubuildEditor` should mount the AI Chat Panel
+ * in a given layout slot (`'docked'` or `'floating'`). Factored out of the JSX conditional
+ * in `editor.tsx` so it has a single, directly-unit-testable source of truth — the panel
+ * mode itself lives in Zustand store state, which `react-dom/server`'s SSR snapshot
+ * (`getServerSnapshot` → `store.getInitialState()`) can't reflect post-mutation in tests,
+ * so this function is exercised with plain boolean/string inputs instead.
+ */
+export declare function shouldRenderAiChatPanel(aiFeatureEnabled: boolean, aiChatMode: 'docked' | 'floating' | 'hidden', targetMode: 'docked' | 'floating'): boolean;
+/**
+ * Whether the AI Chat toolbar toggle (STORA-504) should render in its "active/highlighted"
+ * visual state — i.e. the panel is open in some form (docked or floating), not hidden.
+ */
+export declare function isAiChatPanelActive(aiChatMode: 'docked' | 'floating' | 'hidden'): boolean;
+//# sourceMappingURL=ai-config.d.ts.map

package/dist/config/ai-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-config.d.ts","sourceRoot":"","sources":["../../src/config/ai-config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAErD;;;;;;;GAOG;AACH,MAAM,WAAW,cAAc;IAC7B,6FAA6F;IAC7F,QAAQ,EAAE,iBAAiB,GAAG;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAAC;IACrF,6FAA6F;IAC7F,QAAQ,CAAC,EAAE;QACT,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,CAAC;IACF,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,QAAQ,CAAC;IACpD,sEAAsE;IACtE,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,iBAAiB,GAAG;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,IAAI,CAAC;IAC5F,QAAQ,EAAE;QACR,IAAI,EAAE,OAAO,CAAC;QACd,QAAQ,EAAE,OAAO,CAAC;QAClB,OAAO,EAAE,OAAO,CAAC;KAClB,CAAC;IACF,gBAAgB,EAAE,QAAQ,GAAG,UAAU,GAAG,QAAQ,CAAC;IACnD,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,MAAM,CAAC,EAAE,cAAc,GAAG,sBAAsB,CA4BrF;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,sBAAsB,GAAG,OAAO,CAK/E;AAED;;;;;;;GAOG;AACH,wBAAgB,uBAAuB,CACrC,gBAAgB,EAAE,OAAO,EACzB,UAAU,EAAE,QAAQ,GAAG,UAAU,GAAG,QAAQ,EAC5C,UAAU,EAAE,QAAQ,GAAG,UAAU,GAChC,OAAO,CAET;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,UAAU,EAAE,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,CAEzF"}