@kubuild/editor 0.1.3 → 0.2.0

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { PageDocument } from '@kubuild/schema';
+export interface CodeViewerModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title?: string;
+    document?: PageDocument;
+}
+export type CodeTab = 'combined' | 'html' | 'css';
+export declare const CodeViewerModal: React.FC<CodeViewerModalProps>;
+//# sourceMappingURL=code-viewer-modal.d.ts.map

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ComponentRegistry } from '@kubuild/components';
+import { PageDocument } from '@kubuild/schema';
+export interface ImportModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onImport: (doc: PageDocument) => void;
+    registry: ComponentRegistry;
+}
+export declare const ImportModal: React.FC<ImportModalProps>;
+//# sourceMappingURL=import-modal.d.ts.map

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/blocks-panel.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { BlockDefinition, ComponentRegistry } from '@kubuild/components';
+export interface BlocksPanelProps {
+    registry?: ComponentRegistry;
+    blocks?: BlockDefinition[];
+    className?: string;
+    onInsertBlock?: (block: BlockDefinition) => void;
+}
+/**
+ * Thumbnail schematic preview component for blocks
+ */
+export declare const BlockThumbnail: React.FC<{
+    block: BlockDefinition;
+}>;
+/**
+ * Tab "Blocks" di Sidebar Kiri Editor — STORA-240.
+ * Displays grid of ready-to-use layout & pre-composed template block cards per category.
+ */
+export declare const BlocksPanel: React.FC<BlocksPanelProps>;
+//# sourceMappingURL=blocks-panel.d.ts.map

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ComponentRegistry } from '@kubuild/components';
+export interface ComponentPanelProps {
+    registry: ComponentRegistry;
+    className?: string;
+}
+export declare const ComponentPanel: React.FC<ComponentPanelProps>;
+//# sourceMappingURL=component-panel.d.ts.map

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;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"}

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,9 @@
+export * from './action-debugger-panel';
+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,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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { ComponentRegistry } from '@kubuild/components';
+import { PageDocument } from '@kubuild/schema';
+import { EditorInspectorConfig } from '../../config';
+export interface InspectorPanelProps {
+    registry: ComponentRegistry;
+    className?: string;
+    document?: PageDocument;
+    selectedNodeId?: string | null;
+    config?: EditorInspectorConfig;
+}
+/**
+ * Amber warning badge shown above the style manager while editing a
+ * non-default pseudo-state layer (e.g. `:hover`) — STORA-223.
+ */
+export declare const StateEditingBadge: React.FC<{
+    state: string;
+}>;
+export declare const InspectorPanel: React.FC<InspectorPanelProps>;
+//# sourceMappingURL=inspector-panel.d.ts.map

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;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"}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ComponentRegistry } from '@kubuild/components';
+export interface LayersPanelProps {
+    registry: ComponentRegistry;
+    className?: string;
+}
+export declare const LayersPanel: React.FC<LayersPanelProps>;
+//# sourceMappingURL=layers-panel.d.ts.map

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,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"}

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { ComponentRegistry } from '@kubuild/components';
+import { EditorSidebarConfig, LeftSidebarTab } from '../../config';
+export type { LeftSidebarTab };
+export interface LeftSidebarProps {
+    registry: ComponentRegistry;
+    defaultTab?: LeftSidebarTab;
+    availableTabs?: LeftSidebarTab[];
+    config?: EditorSidebarConfig;
+    className?: string;
+}
+/**
+ * Left Sidebar with tabs: Components, Blocks, and Layers — STORA-240.
+ */
+export declare const LeftSidebar: React.FC<LeftSidebarProps>;
+//# sourceMappingURL=left-sidebar.d.ts.map

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/components/panels/traits-panel.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { ComponentRegistry } from '@kubuild/components';
+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;
+}
+/**
+ * Traits tab content (STORA-211): renders the functional/HTML attribute
+ * metadata declared on the selected component's definition, grouped by
+ * trait group (identity, link, media, form, behavior, semantic, accessibility).
+ */
+export declare const TraitsPanel: React.FC<TraitsPanelProps>;
+//# sourceMappingURL=traits-panel.d.ts.map

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/box-model-editor.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+export interface BoxModelValues {
+    marginTop?: string | number;
+    marginRight?: string | number;
+    marginBottom?: string | number;
+    marginLeft?: string | number;
+    borderTopWidth?: string | number;
+    borderRightWidth?: string | number;
+    borderBottomWidth?: string | number;
+    borderLeftWidth?: string | number;
+    paddingTop?: string | number;
+    paddingRight?: string | number;
+    paddingBottom?: string | number;
+    paddingLeft?: string | number;
+}
+export interface BoxModelEditorProps {
+    values?: BoxModelValues | Record<string, unknown>;
+    onChange?: (property: string, value: string) => void;
+    className?: string;
+    disabled?: boolean;
+}
+export declare function parseBoxValue(val: unknown): {
+    num: string;
+    unit: string;
+    raw: string;
+};
+export declare const BoxModelEditor: React.FC<BoxModelEditorProps>;
+export declare const VisualBoxModel: React.FC<BoxModelEditorProps>;
+//# sourceMappingURL=box-model-editor.d.ts.map

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/dimension-sector-controls.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+export declare const DIMENSION_UNITS: readonly ["px", "%", "rem", "em", "vw", "vh", "auto", "none"];
+export type DimensionUnit = (typeof DIMENSION_UNITS)[number];
+export interface ParsedDimension {
+    num: string;
+    unit: DimensionUnit;
+    raw: string;
+}
+export declare function parseDimensionValue(val: unknown, defaultUnit?: DimensionUnit): ParsedDimension;
+export interface DimensionUnitInputProps {
+    property: string;
+    label: string;
+    value: unknown;
+    onChange: (property: string, value: string) => void;
+    allowedUnits?: DimensionUnit[];
+    placeholder?: string;
+    disabled?: boolean;
+}
+export declare const DimensionUnitInput: React.FC<DimensionUnitInputProps>;
+export interface DimensionSectorControlsProps {
+    styles?: Record<string, unknown>;
+    onChange: (property: string, value: string) => void;
+    disabled?: boolean;
+    className?: string;
+}
+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;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"}

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

@@ -0,0 +1,6 @@
+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';
+//# 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"}

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

@@ -0,0 +1,36 @@
+import React from 'react';
+import { AnimationConfig } from '@kubuild/schema';
+export interface MotionSectorControlsProps {
+    animation?: Partial<AnimationConfig>;
+    onChange: (animation: Partial<AnimationConfig>) => void;
+    onReplay?: () => void;
+    disabled?: boolean;
+}
+export declare const ANIMATION_TYPES: ({
+    value: string;
+    label: string;
+    group?: undefined;
+    items?: undefined;
+} | {
+    group: string;
+    items: {
+        value: string;
+        label: string;
+    }[];
+    value?: undefined;
+    label?: undefined;
+})[];
+export declare const EASING_OPTIONS: {
+    value: string;
+    label: string;
+}[];
+export declare const HOVER_EFFECTS: {
+    value: string;
+    label: string;
+}[];
+export declare const LOOP_EFFECTS: {
+    value: string;
+    label: string;
+}[];
+export declare const MotionSectorControls: React.FC<MotionSectorControlsProps>;
+//# sourceMappingURL=motion-sector-controls.d.ts.map

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/components/style-manager/style-manager-accordion.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import { AnimationConfig } from '@kubuild/schema';
+export type StyleSectorId = 'dimension' | 'spacing' | 'typography' | 'decorations' | 'flex' | 'motion';
+export interface StyleSectorDefinition {
+    id: StyleSectorId;
+    label: string;
+    icon: string;
+    description?: string;
+    properties: string[];
+}
+export declare const STYLE_SECTORS: StyleSectorDefinition[];
+export declare const STORAGE_KEY_ACCORDION = "kubuild:style-manager-accordion";
+export declare const DEFAULT_ACCORDION_STATE: Record<StyleSectorId, boolean>;
+export declare function getStorage(): {
+    getItem: (key: string) => string | null;
+    setItem: (key: string, value: string) => void;
+    removeItem: (key: string) => void;
+};
+export declare function clearMemoryStorage(): void;
+export declare function loadAccordionState(): Record<StyleSectorId, boolean>;
+export declare function saveAccordionState(state: Record<StyleSectorId, boolean>): void;
+export interface StyleManagerAccordionProps {
+    styles?: Record<string, unknown>;
+    animation?: Partial<AnimationConfig>;
+    onCommitStyle: (property: string, value: string) => void;
+    onCommitAnimation?: (animation: Partial<AnimationConfig>) => void;
+    onResetStyles?: (properties?: string[]) => void;
+    onResetAnimation?: () => void;
+    onReplayAnimation?: () => void;
+    errors?: Record<string, string | null>;
+    breakpoint?: 'base' | 'tablet' | 'mobile';
+    className?: string;
+    initialState?: Partial<Record<StyleSectorId, boolean>>;
+    /** Optional filter for allowed style sectors. If omitted, all sectors are displayed. */
+    allowedSectors?: StyleSectorId[];
+}
+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;AAO5E,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,EAwDhD,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;CAClC;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAqctE,CAAC"}

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

@@ -0,0 +1,17 @@
+import React from 'react';
+export interface FontOption {
+    label: string;
+    value: string;
+    category: 'sans-serif' | 'serif' | 'display' | 'monospace' | 'system';
+    googleFontName?: string;
+}
+export declare const GOOGLE_FONTS: FontOption[];
+export declare function loadGoogleFont(fontName: string): void;
+export interface TypographySectorControlsProps {
+    styles?: Record<string, unknown>;
+    onChange: (property: string, value: string) => void;
+    disabled?: boolean;
+    className?: string;
+}
+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;AAInD,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,EAmEpC,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;CACpB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAgT5E,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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Node } from '@kubuild/schema';
+import { ComponentRegistry } from '@kubuild/components';
+export interface TableSpreadsheetEditorProps {
+    registry: ComponentRegistry;
+    tableNode?: Node | null;
+    mode?: 'floating' | 'docked';
+    onClose?: () => void;
+    onToggleMode?: () => void;
+    className?: string;
+}
+export declare function findActiveTableNode(documentRoot: Node, selectedNodeId: string | null): Node | null;
+export declare function parseCsv(text: string): string[][];
+export declare const TableSpreadsheetEditor: React.FC<TableSpreadsheetEditorProps>;
+//# sourceMappingURL=table-spreadsheet-editor.d.ts.map

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

@@ -0,0 +1,20 @@
+import React from 'react';
+export type LanguageMode = 'combined' | 'html' | 'css';
+interface Token {
+    type: 'plain' | 'tag-name' | 'tag-bracket' | 'attr-name' | 'attr-equal' | 'attr-value' | 'comment' | 'doctype' | 'css-selector-class' | 'css-selector-id' | 'css-selector-elem' | 'css-pseudo' | 'css-property' | 'css-value-number' | 'css-value-color' | 'css-value-keyword' | 'css-value-string' | 'css-value-important' | 'css-atrule' | 'css-punctuation' | 'css-function';
+    text: string;
+}
+/**
+ * Tokenize entire code string line-by-line according to the language mode
+ */
+export declare function tokenizeCode(code: string, mode: LanguageMode): Token[][];
+export interface CodeHighlighterProps {
+    code: string;
+    mode: LanguageMode;
+}
+/**
+ * Performant, rich syntax-highlighted code display
+ */
+export declare const CodeHighlighter: React.FC<CodeHighlighterProps>;
+export {};
+//# sourceMappingURL=code-highlighter.d.ts.map

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

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface ComponentIconProps {
+    iconOrType?: string;
+    className?: string;
+    size?: number;
+}
+export declare const ComponentIcon: React.FC<ComponentIconProps>;
+//# sourceMappingURL=icons.d.ts.map

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,CAiUtD,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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { VariableBinding } from '@kubuild/schema';
+import { ComponentFieldDefinition } from '@kubuild/components';
+import { VariableCatalog, VariableDefinition } from '@kubuild/core';
+/**
+ * Filters a host catalog down to entries whose type is compatible with a given
+ * bindable prop field — 'array'/'object' catalog entries are never offered onto
+ * scalar-bindable fields (string/number/boolean), since resolvePropsForNode's
+ * type check would reject them at render time anyway.
+ */
+export declare function getCompatibleCatalogEntries(field: ComponentFieldDefinition, catalog: VariableCatalog | undefined): VariableDefinition[];
+export declare function toBindingValue(key: string): VariableBinding;
+export interface VariableBindingControlProps {
+    field: ComponentFieldDefinition;
+    currentValue: unknown;
+    catalog: VariableCatalog;
+    onBind: (key: string) => void;
+    onRevert: () => void;
+}
+export declare const VariableBindingControl: React.FC<VariableBindingControlProps>;
+//# sourceMappingURL=variable-picker.d.ts.map

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"}