@kubuild/editor 0.0.1 → 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 kustora
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

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

@@ -0,0 +1 @@
+{"version":3,"file":"blocks-panel.d.ts","sourceRoot":"","sources":["../src/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,CAoH/D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgIlD,CAAC"}

package/dist/breadcrumbs.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { PageDocument } from '@kubuild/schema';
+import { ComponentRegistry } from '@kubuild/components';
+export interface HierarchyBreadcrumbsProps {
+    registry?: ComponentRegistry;
+    document?: PageDocument;
+    selectedNodeId?: string | null;
+    className?: string;
+}
+/**
+ * Bottom Hierarchy Breadcrumbs Bar — STORA-231.
+ * Displays the ancestor hierarchy path: Page > Section > Container > ... > SelectedElement.
+ * Clicking any breadcrumb item selects that element across canvas and inspector.
+ */
+export declare const HierarchyBreadcrumbs: React.FC<HierarchyBreadcrumbsProps>;
+//# sourceMappingURL=breadcrumbs.d.ts.map

package/dist/breadcrumbs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../src/breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAkC,MAAM,qBAAqB,CAAC;AAIxF,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA2EpE,CAAC"}

package/dist/canvas.d.ts

@@ -3,12 +3,14 @@ import { PageDocument } from '@kubuild/schema';
 import { ComponentRegistry } from '@kubuild/components';
 import { RuntimeContext, Diagnostic } from '@kubuild/core';
 import { Viewport } from './store';
+import { EditorCanvasConfig } from './config';
 export interface EditorCanvasProps {
     document?: PageDocument;
     registry: ComponentRegistry;
     context?: RuntimeContext;
     viewport: Viewport;
     onDiagnostic?: (diagnostic: Diagnostic) => void;
+    config?: EditorCanvasConfig;
 }
 export declare const EditorCanvas: React.FC<EditorCanvasProps>;
 //# sourceMappingURL=canvas.d.ts.map

package/dist/canvas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"canvas.d.ts","sourceRoot":"","sources":["../src/canvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EACL,cAAc,EACd,UAAU,EAMX,MAAM,eAAe,CAAC;AACvB,OAAO,EAAkB,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,QAAQ,EAAE,QAAQ,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;CACjD;AA0CD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA+SpD,CAAC"}
+{"version":3,"file":"canvas.d.ts","sourceRoot":"","sources":["../src/canvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EACL,cAAc,EACd,UAAU,EAMX,MAAM,eAAe,CAAC;AACvB,OAAO,EAAkB,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,QAAQ,EAAE,QAAQ,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAChD,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B;AA0CD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgUpD,CAAC"}

package/dist/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/code-highlighter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-highlighter.d.ts","sourceRoot":"","sources":["../src/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/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/code-viewer-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-viewer-modal.d.ts","sourceRoot":"","sources":["../src/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/config.d.ts

@@ -0,0 +1,97 @@
+import React from 'react';
+import { StyleSectorId } from './style-manager-accordion';
+export type LeftSidebarTab = 'components' | 'blocks' | 'layers';
+export interface EditorToolbarConfig {
+    /** Display page title & status badge in toolbar. Default: true */
+    showTitle?: boolean;
+    /** Display Navigator (element tree) toggle button. Default: true */
+    showNavigatorToggle?: boolean;
+    /** Display Undo and Redo buttons. Default: true */
+    showHistory?: boolean;
+    /** Display Copy, Paste, Duplicate, and Delete buttons. Default: true */
+    showClipboard?: boolean;
+    /** Display "View Code" (< >) modal button. Default: true */
+    showCodeViewer?: boolean;
+    /** Display Import and Export (.stora / JSON) buttons. Default: true */
+    showExportImport?: boolean;
+    /** Display Viewport breakpoint switcher (desktop/tablet/mobile). Default: true */
+    showViewportSwitcher?: boolean;
+    /** Display selected element ID badge on right side. Default: true */
+    showSelectionStatus?: boolean;
+    /** Custom extra actions or buttons rendered in the toolbar */
+    customActions?: React.ReactNode;
+}
+export interface EditorSidebarConfig {
+    /** Whether the left sidebar is enabled and visible. Default: true */
+    enabled?: boolean;
+    /** Default active tab ('components' | 'blocks' | 'layers'). Default: 'components' */
+    defaultTab?: LeftSidebarTab;
+    /** List of tabs available for user navigation. Default: ['components', 'blocks', 'layers'] */
+    availableTabs?: LeftSidebarTab[];
+}
+export interface EditorCanvasConfig {
+    /** Display hierarchy breadcrumbs bar below the canvas. Default: true */
+    showBreadcrumbs?: boolean;
+    /** Display floating action badges on selected node. Default: true */
+    showFloatingBadges?: boolean;
+}
+export interface EditorInspectorConfig {
+    /** Whether the right inspector panel is enabled and visible. Default: true */
+    enabled?: boolean;
+    /** Display Props tab/controls. Default: true */
+    showProps?: boolean;
+    /** Display Traits tab/controls. Default: true */
+    showTraits?: boolean;
+    /** Display Style Manager section. Default: true */
+    showStyles?: boolean;
+    /** Display pseudo-state selector (:hover, :active, :focus). Default: true */
+    showStateSelector?: boolean;
+    /**
+     * Filter allowed style sectors ('dimension' | 'spacing' | 'typography' | 'decorations' | 'flex' | 'motion').
+     * If omitted, all style sectors are visible.
+     */
+    allowedStyleSectors?: StyleSectorId[];
+}
+export interface EditorConfig {
+    /** Configure or toggle Top Toolbar. If false, toolbar is completely hidden. Default: true */
+    toolbar?: boolean | EditorToolbarConfig;
+    /** Configure or toggle Left Sidebar. If false, sidebar is completely hidden. Default: true */
+    sidebar?: boolean | EditorSidebarConfig;
+    /** Configure Canvas UI elements (breadcrumbs, floating badges). */
+    canvas?: EditorCanvasConfig;
+    /** Configure or toggle Right Inspector. If false, inspector is completely hidden. Default: true */
+    inspector?: boolean | EditorInspectorConfig;
+}
+export interface ResolvedEditorConfig {
+    toolbar: {
+        enabled: boolean;
+        showTitle: boolean;
+        showNavigatorToggle: boolean;
+        showHistory: boolean;
+        showClipboard: boolean;
+        showCodeViewer: boolean;
+        showExportImport: boolean;
+        showViewportSwitcher: boolean;
+        showSelectionStatus: boolean;
+        customActions?: React.ReactNode;
+    };
+    sidebar: {
+        enabled: boolean;
+        defaultTab: LeftSidebarTab;
+        availableTabs: LeftSidebarTab[];
+    };
+    canvas: {
+        showBreadcrumbs: boolean;
+        showFloatingBadges: boolean;
+    };
+    inspector: {
+        enabled: boolean;
+        showProps: boolean;
+        showTraits: boolean;
+        showStyles: boolean;
+        showStateSelector: boolean;
+        allowedStyleSectors?: StyleSectorId[];
+    };
+}
+export declare function resolveEditorConfig(config?: EditorConfig): ResolvedEditorConfig;
+//# sourceMappingURL=config.d.ts.map

package/dist/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"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"}

package/dist/editor.d.ts

@@ -2,6 +2,7 @@ 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';
 export interface KubuildEditorProps {
     initialDocument?: PageDocument;
     registry?: ComponentRegistry;
@@ -10,6 +11,7 @@ export interface KubuildEditorProps {
     variableCatalog?: VariableCatalog;
     onChange?: (doc: PageDocument) => void;
     onDiagnostic?: (diagnostic: Diagnostic) => void;
+    config?: EditorConfig;
     className?: string;
 }
 export declare const KubuildEditor: React.FC<KubuildEditorProps>;

package/dist/editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../src/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAkC,MAAM,qBAAqB,CAAC;AACxF,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,UAAU,EAAmC,MAAM,eAAe,CAAC;AAS7G,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,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAoJtD,CAAC"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../src/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAkC,MAAM,qBAAqB,CAAC;AACxF,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,UAAU,EAAmC,MAAM,eAAe,CAAC;AAU7G,OAAO,EAAE,YAAY,EAAuB,MAAM,UAAU,CAAC;AAE7D,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,CAyKtD,CAAC"}

package/dist/floating-badges.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { PageDocument } from '@kubuild/schema';
+import { ComponentRegistry } from '@kubuild/components';
+export interface FloatingActionBadgesProps {
+    selectedNodeId: string;
+    document: PageDocument;
+    registry: ComponentRegistry;
+    selectedRect: {
+        top: number;
+        left: number;
+        width: number;
+        height: number;
+    };
+    onDragStart?: (e: React.DragEvent) => void;
+}
+/**
+ * Floating Action Badges rendered above the active bounding box on the canvas — STORA-230.
+ * Includes:
+ *  - Component Type / Tag Badge
+ *  - Select Parent (ArrowUp)
+ *  - Move Handle (Move)
+ *  - Duplicate (Copy)
+ *  - Delete (Trash2)
+ */
+export declare const FloatingActionBadges: React.FC<FloatingActionBadgesProps>;
+//# sourceMappingURL=floating-badges.d.ts.map

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

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

package/dist/icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../src/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,CAgTtD,CAAC"}
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../src/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"}