@powerhousedao/vetra 5.0.0-staging.8 → 5.0.1-staging.2

package/dist/editors/vetra-drive-app/components/ModuleList.d.ts

@@ -1,10 +1,11 @@
-import { type FileNode } from 'document-drive';
-import type React from 'react';
+import type { FileNode } from "document-drive";
+import React from "react";
 interface ModuleListProps {
     items: FileNode[];
     documentType: string;
     onAddNewSpec?: () => void;
     onClickItem?: (node: FileNode) => void;
+    onDelete?: (node: FileNode) => void;
 }
 export declare const ModuleList: React.FC<ModuleListProps>;
 export {};

package/dist/editors/vetra-drive-app/components/ModuleList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModuleList.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/components/ModuleList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,eAAe;IACvB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CACxC;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsBhD,CAAC"}
+{"version":3,"file":"ModuleList.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/components/ModuleList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,eAAe;IACvB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA2BhD,CAAC"}

package/dist/editors/vetra-drive-app/components/ModuleList.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ModuleItem } from './ModuleItem.js';
-import { NewModuleItem } from './NewModuleItem.js';
-export const ModuleList = ({ items, documentType, onAddNewSpec = () => { }, onClickItem = () => { }, }) => {
-    return (_jsxs("div", { className: "space-y-2", children: [items.map((item, index) => (_jsx("div", { className: "px-2 py-1 text-sm text-gray-600", children: _jsx(ModuleItem, { fileNode: item, onClick: onClickItem }) }, index))), _jsx("div", { className: "px-2 py-1 text-sm text-gray-600", children: _jsx(NewModuleItem, { title: "Add new specification", subtitle: documentType, onClick: onAddNewSpec }) })] }));
+import React from "react";
+import { ModuleItem } from "./ModuleItem.js";
+import { NewModuleItem } from "./NewModuleItem.js";
+export const ModuleList = ({ items, documentType, onAddNewSpec = () => { }, onClickItem = () => { }, onDelete, }) => {
+    return (_jsxs("div", { className: "space-y-2", children: [items.map((item, index) => (_jsx("div", { className: "px-2 py-1 text-sm text-gray-600", children: _jsx(ModuleItem, { fileNode: item, onClick: onClickItem, onDelete: onDelete }) }, index))), _jsx("div", { className: "px-2 py-1 text-sm text-gray-600", children: _jsx(NewModuleItem, { title: "Add new specification", subtitle: documentType, onClick: onAddNewSpec }) })] }));
 };
-//# sourceMappingURL=ModuleList.js.map

package/dist/editors/vetra-drive-app/components/ModuleSpecificationsSection.d.ts

@@ -1,5 +1,5 @@
-import { type FileNode } from "document-drive";
-import type React from 'react';
+import type { FileNode } from "document-drive";
+import React from "react";
 interface ModuleSpecificationsSectionProps {
     documentModels: FileNode[];
     editors: FileNode[];
@@ -14,6 +14,7 @@ interface ModuleSpecificationsSectionProps {
     onAddProcessor?: () => void;
     onAddCodegenProcessor?: () => void;
     onOpenDocument?: (node: FileNode) => void;
+    onDelete?: (node: FileNode) => void;
 }
 export declare const ModuleSpecificationsSection: React.FC<ModuleSpecificationsSectionProps>;
 export {};

package/dist/editors/vetra-drive-app/components/ModuleSpecificationsSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModuleSpecificationsSection.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/components/ModuleSpecificationsSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,UAAU,gCAAgC;IACxC,cAAc,EAAE,QAAQ,EAAE,CAAC;IAC3B,OAAO,EAAE,QAAQ,EAAE,CAAC;IACpB,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,UAAU,EAAE,QAAQ,EAAE,CAAC;IACvB,iBAAiB,EAAE,QAAQ,EAAE,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,gCAAgC,CA4BlF,CAAC"}
+{"version":3,"file":"ModuleSpecificationsSection.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/components/ModuleSpecificationsSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,gCAAgC;IACxC,cAAc,EAAE,QAAQ,EAAE,CAAC;IAC3B,OAAO,EAAE,QAAQ,EAAE,CAAC;IACpB,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,UAAU,EAAE,QAAQ,EAAE,CAAC;IACvB,iBAAiB,EAAE,QAAQ,EAAE,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAChD,gCAAgC,CAgCjC,CAAC"}

package/dist/editors/vetra-drive-app/components/ModuleSpecificationsSection.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DataIntegrationsColumn } from './DataIntegrationsColumn.js';
-import { DocumentModelsColumn } from './DocumentModelsColumn.js';
-import { SectionAccordion } from './SectionAccordion.js';
-import { UserExperiencesColumn } from './UserExperiencesColumn.js';
+import React from "react";
+import { DataIntegrationsColumn } from "./DataIntegrationsColumn.js";
+import { DocumentModelsColumn } from "./DocumentModelsColumn.js";
+import { SectionAccordion } from "./SectionAccordion.js";
+import { UserExperiencesColumn } from "./UserExperiencesColumn.js";
 export const ModuleSpecificationsSection = (props) => {
-    return (_jsx(SectionAccordion, { title: "Module Specifications", defaultOpen: true, children: _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-8 mt-4", children: [_jsx(DocumentModelsColumn, { documentModels: props.documentModels, onAddDocumentModel: props.onAddDocumentModel, onOpenDocument: props.onOpenDocument }), _jsx(UserExperiencesColumn, { editors: props.editors, apps: props.apps, onAddEditor: props.onAddEditor, onAddApp: props.onAddApp, onOpenDocument: props.onOpenDocument }), _jsx(DataIntegrationsColumn, { subgraphs: props.subgraphs, processors: props.processors, codegenProcessors: props.codegenProcessors, onAddSubgraph: props.onAddSubgraph, onAddProcessor: props.onAddProcessor, onAddCodegenProcessor: props.onAddCodegenProcessor, onOpenDocument: props.onOpenDocument })] }) }));
+    return (_jsx(SectionAccordion, { title: "Module Specifications", defaultOpen: true, children: _jsxs("div", { className: "mt-4 grid grid-cols-1 gap-8 lg:grid-cols-3", children: [_jsx(DocumentModelsColumn, { documentModels: props.documentModels, onAddDocumentModel: props.onAddDocumentModel, onOpenDocument: props.onOpenDocument, onDelete: props.onDelete }), _jsx(UserExperiencesColumn, { editors: props.editors, apps: props.apps, onAddEditor: props.onAddEditor, onAddApp: props.onAddApp, onOpenDocument: props.onOpenDocument, onDelete: props.onDelete }), _jsx(DataIntegrationsColumn, { subgraphs: props.subgraphs, processors: props.processors, codegenProcessors: props.codegenProcessors, onAddSubgraph: props.onAddSubgraph, onAddProcessor: props.onAddProcessor, onAddCodegenProcessor: props.onAddCodegenProcessor, onOpenDocument: props.onOpenDocument, onDelete: props.onDelete })] }) }));
 };
-//# sourceMappingURL=ModuleSpecificationsSection.js.map

package/dist/editors/vetra-drive-app/components/NewModuleItem.d.ts

@@ -1,4 +1,4 @@
-import type React from 'react';
+import React from "react";
 interface NewModuleItemProps {
     title: string;
     subtitle: string;

package/dist/editors/vetra-drive-app/components/NewModuleItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NewModuleItem.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/components/NewModuleItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAwBtD,CAAC"}
+{"version":3,"file":"NewModuleItem.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/components/NewModuleItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAoBtD,CAAC"}

package/dist/editors/vetra-drive-app/components/NewModuleItem.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AddNewIcon } from '../icons/AddNewIcon.js';
-export const NewModuleItem = ({ title, subtitle, onClick, className = '' }) => {
-    return (_jsxs("button", { onClick: onClick, className: `flex items-center gap-3 p-1 w-full text-left hover:bg-zinc-200 rounded-md transition-colors bg-zinc-100 ${className}`, children: [_jsx("div", { className: "flex-shrink-0", children: _jsx(AddNewIcon, {}) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("h3", { className: "text-sm font-medium text-gray-900 truncate", children: title }), _jsx("p", { className: "text-xs text-gray-500 truncate", children: subtitle })] })] }));
+import React from "react";
+import { AddNewIcon } from "../icons/AddNewIcon.js";
+export const NewModuleItem = ({ title, subtitle, onClick, className = "", }) => {
+    return (_jsxs("button", { onClick: onClick, className: `flex w-full items-center gap-3 rounded-md bg-zinc-100 p-1 text-left transition-colors hover:bg-zinc-200 ${className}`, children: [_jsx("div", { className: "flex-shrink-0", children: _jsx(AddNewIcon, {}) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("h3", { className: "truncate text-sm font-medium text-gray-900", children: title }), _jsx("p", { className: "truncate text-xs text-gray-500", children: subtitle })] })] }));
 };
-//# sourceMappingURL=NewModuleItem.js.map

package/dist/editors/vetra-drive-app/components/PackageInformationSection.d.ts

@@ -1,13 +1,9 @@
-import { IDriveContext, type VetraDocumentModelModule, type VetraEditorModule } from '@powerhousedao/reactor-browser';
-import type React from 'react';
+import React from "react";
 interface PackageInformationSectionProps {
     className?: string;
-    context: IDriveContext;
     packageDocumentId?: string;
     onAddPackageDocument?: () => void;
-    documentModelModule?: VetraDocumentModelModule;
-    editorModule?: VetraEditorModule;
-    driveId: string;
+    onOpenPackageDocument?: () => void;
 }
 export declare const PackageInformationSection: React.FC<PackageInformationSectionProps>;
 export {};

package/dist/editors/vetra-drive-app/components/PackageInformationSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PackageInformationSection.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/components/PackageInformationSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,wBAAwB,EAAE,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACtH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,8BAA8B;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,aAAa,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,mBAAmB,CAAC,EAAE,wBAAwB,CAAC;IAC/C,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CAoC9E,CAAC"}
+{"version":3,"file":"PackageInformationSection.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/components/PackageInformationSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,8BAA8B;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAC9C,8BAA8B,CA8C/B,CAAC"}

package/dist/editors/vetra-drive-app/components/PackageInformationSection.js

@@ -1,9 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { DOCUMENT_TYPES } from '../document-types.js';
+import { Icon } from "@powerhousedao/design-system";
+import React from "react";
 import { EditorContainer } from "./EditorContainer.js";
-import { SectionAccordion } from './SectionAccordion.js';
-export const PackageInformationSection = ({ className, context, packageDocumentId, onAddPackageDocument, documentModelModule, editorModule, driveId, }) => {
-    const createpackageContent = (_jsx("button", { className: "bg-zinc-50 w-full h-[200px] my-2 rounded-md border border-zinc-200 border-dashed", onClick: onAddPackageDocument, children: "Click to create package manifest" }));
-    return (_jsx(SectionAccordion, { title: "Package Information", defaultOpen: true, className: className, children: _jsx("div", { className: "", children: packageDocumentId && documentModelModule && editorModule ? (_jsx(EditorContainer, { context: context, documentId: packageDocumentId, driveId: driveId, documentModelModule: documentModelModule, editorModule: editorModule, documentType: DOCUMENT_TYPES.documentPackage })) : (createpackageContent) }) }));
+import { SectionAccordion } from "./SectionAccordion.js";
+export const PackageInformationSection = ({ className, packageDocumentId, onAddPackageDocument, onOpenPackageDocument, }) => {
+    const createpackageContent = (_jsx("button", { className: "my-2 h-[200px] w-full rounded-md border border-dashed border-zinc-200 bg-zinc-50", onClick: onAddPackageDocument, children: "Click to create package manifest" }));
+    const openButton = packageDocumentId && onOpenPackageDocument ? (_jsx("button", { onClick: (e) => {
+            e.stopPropagation();
+            onOpenPackageDocument();
+        }, className: "flex items-center justify-center rounded p-1 text-gray-600 transition-colors hover:bg-zinc-200 hover:text-gray-800", "aria-label": "Open package document", children: _jsx(Icon, { name: "Moved", size: 16 }) })) : undefined;
+    return (_jsx(SectionAccordion, { title: "Package Information", defaultOpen: true, className: className, actionButton: openButton, children: _jsx("div", { className: "", children: packageDocumentId ? (_jsx(EditorContainer, { documentId: packageDocumentId })) : (createpackageContent) }) }));
 };
-//# sourceMappingURL=PackageInformationSection.js.map

package/dist/editors/vetra-drive-app/components/SectionAccordion.d.ts

@@ -1,9 +1,10 @@
-import type React from 'react';
+import React from "react";
 interface SectionAccordionProps {
     title: string;
     children: React.ReactNode;
     defaultOpen?: boolean;
     className?: string;
+    actionButton?: React.ReactNode;
 }
 export declare const SectionAccordion: React.FC<SectionAccordionProps>;
 export {};

package/dist/editors/vetra-drive-app/components/SectionAccordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionAccordion.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/components/SectionAccordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAkC5D,CAAC"}
+{"version":3,"file":"SectionAccordion.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/components/SectionAccordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAkC5D,CAAC"}

package/dist/editors/vetra-drive-app/components/SectionAccordion.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { ChevronIcon } from '../icons/ChevronIcon.js';
-import { Accordion } from './Accordion.js';
-export const SectionAccordion = ({ title, children, defaultOpen = false, className = '' }) => {
+import React from "react";
+import { useState } from "react";
+import { ChevronIcon } from "../icons/ChevronIcon.js";
+import { Accordion } from "./Accordion.js";
+export const SectionAccordion = ({ title, children, defaultOpen = false, className = "", actionButton, }) => {
     const [isOpen, setIsOpen] = useState(defaultOpen);
-    const header = (_jsxs("div", { className: "flex items-center gap-2 py-2 px-4 bg-zinc-50 hover:bg-zinc-100 transition-colors border border-zinc-200 rounded-md", children: [_jsx(ChevronIcon, { width: 16, height: 16, className: `text-gray-600 transition-transform duration-300 ${isOpen ? 'rotate-90' : ''}` }), _jsx("h2", { className: "text-base font-semibold text-gray-800", children: title })] }));
+    const header = (_jsxs("div", { className: "flex items-center gap-2 rounded-md border border-zinc-200 bg-zinc-50 px-4 py-2 transition-colors hover:bg-zinc-100", children: [_jsx(ChevronIcon, { width: 16, height: 16, className: `text-gray-600 transition-transform duration-300 ${isOpen ? "rotate-90" : ""}` }), _jsx("h2", { className: "text-base font-semibold text-gray-800", children: title }), actionButton && _jsx("div", { className: "ml-auto", children: actionButton })] }));
     return (_jsx("div", { className: className, children: _jsx(Accordion, { isOpen: isOpen, onToggle: () => setIsOpen(!isOpen), header: header, children: _jsx("div", { className: "px-4 pb-4", children: children }) }) }));
 };
-//# sourceMappingURL=SectionAccordion.js.map

package/dist/editors/vetra-drive-app/components/UserExperiencesColumn.d.ts

@@ -1,11 +1,12 @@
-import { type FileNode } from 'document-drive';
-import type React from 'react';
+import type { FileNode } from "document-drive";
+import React from "react";
 interface UserExperiencesColumnProps {
     editors: FileNode[];
     apps: FileNode[];
     onAddEditor?: () => void;
     onAddApp?: () => void;
     onOpenDocument?: (node: FileNode) => void;
+    onDelete?: (node: FileNode) => void;
 }
 export declare const UserExperiencesColumn: React.FC<UserExperiencesColumnProps>;
 export {};

package/dist/editors/vetra-drive-app/components/UserExperiencesColumn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserExperiencesColumn.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/components/UserExperiencesColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,0BAA0B;IAClC,OAAO,EAAE,QAAQ,EAAE,CAAC;IACpB,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CA0CtE,CAAC"}
+{"version":3,"file":"UserExperiencesColumn.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/components/UserExperiencesColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,0BAA0B;IAClC,OAAO,EAAE,QAAQ,EAAE,CAAC;IACpB,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CA+CtE,CAAC"}

package/dist/editors/vetra-drive-app/components/UserExperiencesColumn.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DOCUMENT_TYPES } from '../document-types.js';
-import { ModuleAccordion } from './ModuleAccordion.js';
-import { ModuleList } from './ModuleList.js';
-export const UserExperiencesColumn = ({ editors, apps, onAddEditor, onAddApp, onOpenDocument, }) => {
-    return (_jsxs("div", { children: [_jsx("h3", { className: "text-sm font-normal text-gray-700 mb-4", children: "2. User Experiences" }), _jsxs("div", { className: "bg-zinc-50 rounded-md border border-zinc-200", children: [_jsx(ModuleAccordion, { title: "Editors", count: editors.length, onAdd: onAddEditor || (() => console.log('Add editor clicked')), defaultOpen: true, headerClassName: "m-4 bg-zinc-100 hover:bg-zinc-200 border border-zinc-200 rounded-md", children: _jsx(ModuleList, { items: editors, documentType: DOCUMENT_TYPES.documentEditor, onAddNewSpec: onAddEditor, onClickItem: onOpenDocument }) }), _jsx(ModuleAccordion, { title: "Apps", count: apps.length, onAdd: onAddApp || (() => console.log('Add app clicked')), defaultOpen: true, headerClassName: "m-4 bg-zinc-100 hover:bg-zinc-200 border border-zinc-200 rounded-md", children: _jsx(ModuleList, { items: apps, documentType: DOCUMENT_TYPES.documentApp, onAddNewSpec: onAddApp, onClickItem: onOpenDocument }) })] })] }));
+import React from "react";
+import { DOCUMENT_TYPES } from "../document-types.js";
+import { ModuleAccordion } from "./ModuleAccordion.js";
+import { ModuleList } from "./ModuleList.js";
+export const UserExperiencesColumn = ({ editors, apps, onAddEditor, onAddApp, onOpenDocument, onDelete, }) => {
+    return (_jsxs("div", { children: [_jsx("h3", { className: "mb-4 text-sm font-normal text-gray-700", children: "2. User Experiences" }), _jsxs("div", { className: "rounded-md border border-zinc-200 bg-zinc-50", children: [_jsx(ModuleAccordion, { title: "Editors", count: editors.length, onAdd: onAddEditor || (() => console.log("Add editor clicked")), defaultOpen: true, headerClassName: "m-4 bg-zinc-100 hover:bg-zinc-200 border border-zinc-200 rounded-md", children: _jsx(ModuleList, { items: editors, documentType: DOCUMENT_TYPES.documentEditor, onAddNewSpec: onAddEditor, onClickItem: onOpenDocument, onDelete: onDelete }) }), _jsx(ModuleAccordion, { title: "Apps", count: apps.length, onAdd: onAddApp || (() => console.log("Add app clicked")), defaultOpen: true, headerClassName: "m-4 bg-zinc-100 hover:bg-zinc-200 border border-zinc-200 rounded-md", children: _jsx(ModuleList, { items: apps, documentType: DOCUMENT_TYPES.documentApp, onAddNewSpec: onAddApp, onClickItem: onOpenDocument, onDelete: onDelete }) })] })] }));
 };
-//# sourceMappingURL=UserExperiencesColumn.js.map

package/dist/editors/vetra-drive-app/config.d.ts

@@ -0,0 +1,3 @@
+import type { PHDriveEditorConfig } from "@powerhousedao/reactor-browser";
+export declare const editorConfig: PHDriveEditorConfig;
+//# sourceMappingURL=config.d.ts.map

package/dist/editors/vetra-drive-app/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../editors/vetra-drive-app/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAE1E,eAAO,MAAM,YAAY,EAAE,mBAU1B,CAAC"}

package/dist/editors/vetra-drive-app/config.js

@@ -0,0 +1,11 @@
+export const editorConfig = {
+    allowedDocumentTypes: [
+        "powerhouse/document-model",
+        "powerhouse/app",
+        "powerhouse/document-editor",
+        "powerhouse/processor",
+        "powerhouse/subgraph",
+        "powerhouse/package",
+    ],
+    isDragAndDropEnabled: true,
+};

package/dist/editors/vetra-drive-app/document-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"document-types.d.ts","sourceRoot":"","sources":["../../../editors/vetra-drive-app/document-types.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;;;;;;CAQ1B,CAAA"}
+{"version":3,"file":"document-types.d.ts","sourceRoot":"","sources":["../../../editors/vetra-drive-app/document-types.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;;;;;;CAQ1B,CAAC"}

package/dist/editors/vetra-drive-app/document-types.js

@@ -7,4 +7,3 @@ export const DOCUMENT_TYPES = {
     documentProcessor: "powerhouse/processor",
     documentCodegenProcessor: "powerhouse/codegen-processor",
 };
-//# sourceMappingURL=document-types.js.map

package/dist/editors/vetra-drive-app/editor.d.ts

@@ -1,5 +1,4 @@
-import { type DriveEditorProps } from "@powerhousedao/reactor-browser";
-export type IProps = DriveEditorProps;
-export declare function BaseEditor(props: IProps): import("react/jsx-runtime").JSX.Element;
-export default function Editor(props: IProps): import("react/jsx-runtime").JSX.Element;
+import type { EditorProps } from "document-model";
+export declare function BaseEditor(props: EditorProps): string | number | bigint | true | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>;
+export declare function Editor(props: EditorProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=editor.d.ts.map

package/dist/editors/vetra-drive-app/editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/vetra-drive-app/editor.tsx"],"names":[],"mappings":"AACA,OAAO,EAA0H,KAAK,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAU/L,MAAM,MAAM,MAAM,GAAG,gBAAgB,CAAC;AAEtC,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,2CA8DvC;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,MAAM,2CAW3C"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/vetra-drive-app/editor.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAMlD,wBAAgB,UAAU,CAAC,KAAK,EAAE,WAAW,qVA8F5C;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,2CAUxC"}

package/dist/editors/vetra-drive-app/editor.js

@@ -1,36 +1,46 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { WagmiContext } from "@powerhousedao/design-system";
-import { addDocument, DriveContextProvider, setSelectedNode, useAnalyticsDatabaseName, useDocumentModelModules, useDriveContext } from "@powerhousedao/reactor-browser";
-import { AnalyticsProvider } from "@powerhousedao/reactor-browser/analytics/context";
+import { addDocument, AnalyticsProvider, setSelectedNode, showCreateDocumentModal, showDeleteNodeModal, useDocumentModelModules, useSelectedDrive, useSetPHDriveEditorConfig, } from "@powerhousedao/reactor-browser";
+import { useAnalyticsDatabaseName } from "@powerhousedao/reactor-browser/connect";
 import { useCallback } from "react";
-import { DriveExplorer } from "./DriveExplorer.js";
+import { editorConfig } from "./config.js";
 import { DOCUMENT_TYPES } from "./document-types.js";
+import { DriveExplorer } from "./DriveExplorer.js";
 export function BaseEditor(props) {
-    const { context, document } = props;
-    const unsafeCastOfDocument = document;
-    const { showCreateDocumentModal, } = useDriveContext();
-    const driveId = unsafeCastOfDocument.header.id;
+    const { children } = props;
+    const [document] = useSelectedDrive();
+    const driveId = document.header.id;
     const documentModels = useDocumentModelModules();
-    const fileNodes = unsafeCastOfDocument.state.global.nodes.filter((node) => node.kind === 'file');
-    const packageDocumentId = fileNodes.find((node) => node.documentType === DOCUMENT_TYPES.documentPackage)?.id;
+    const fileNodes = document.state.global.nodes.filter((node) => node.kind === "file");
+    const packageNode = fileNodes.find((node) => node.documentType === DOCUMENT_TYPES.documentPackage);
+    const packageDocumentId = packageNode?.id;
     const docModelsNodes = fileNodes.filter((node) => node.documentType === DOCUMENT_TYPES.documentModel);
     const docEditorsNodes = fileNodes.filter((node) => node.documentType === DOCUMENT_TYPES.documentEditor);
     const docSubgraphsNodes = fileNodes.filter((node) => node.documentType === DOCUMENT_TYPES.documentSubgraph);
     const docProcessorsNodes = fileNodes.filter((node) => node.documentType === DOCUMENT_TYPES.documentProcessor);
     const docAppsNodes = fileNodes.filter((node) => node.documentType === DOCUMENT_TYPES.documentApp);
     const onCreateDocument = useCallback((documentType) => {
-        const documentModel = documentModels?.find((model) => model.documentModel.id === documentType);
+        const documentModel = documentModels?.find((model) => model.documentModel.global.id === documentType);
         if (documentModel) {
-            showCreateDocumentModal(documentModel);
+            showCreateDocumentModal(documentModel.documentModel.global.id);
         }
     }, [showCreateDocumentModal, documentModels?.length]);
     const onCreatePackageFile = useCallback(() => {
-        addDocument(driveId, 'vetra-package', DOCUMENT_TYPES.documentPackage);
+        addDocument(driveId, "vetra-package", DOCUMENT_TYPES.documentPackage).catch(console.error);
     }, [driveId]);
-    return (_jsx("div", { className: "bg-white", style: { height: "100%" }, children: _jsx(DriveExplorer, { documentModels: docModelsNodes, editors: docEditorsNodes, apps: docAppsNodes, subgraphs: docSubgraphsNodes, processors: docProcessorsNodes, codegenProcessors: [], onAddDocumentModel: () => onCreateDocument(DOCUMENT_TYPES.documentModel), onAddEditor: () => onCreateDocument(DOCUMENT_TYPES.documentEditor), onAddApp: () => onCreateDocument(DOCUMENT_TYPES.documentApp), onAddSubgraph: () => onCreateDocument(DOCUMENT_TYPES.documentSubgraph), onAddProcessor: () => onCreateDocument(DOCUMENT_TYPES.documentProcessor), onAddCodegenProcessor: () => console.log('add codegen processor'), context: context, packageDocumentId: packageDocumentId, onAddPackageDocument: onCreatePackageFile, driveId: document.header.id, onOpenDocument: (node) => setSelectedNode(node) }) }));
+    const onDeleteDocument = useCallback((node) => {
+        showDeleteNodeModal(node.id);
+    }, []);
+    const onOpenPackageDocument = useCallback(() => {
+        if (packageNode) {
+            setSelectedNode(packageNode);
+        }
+    }, [packageNode]);
+    const showDocumentEditor = !!children;
+    return showDocumentEditor ? (children) : (_jsx("div", { style: { height: "100%" }, className: "bg-white after:pointer-events-none after:absolute after:inset-0 after:bg-blue-500 after:opacity-0 after:transition after:content-['']", children: _jsx(DriveExplorer, { documentModels: docModelsNodes, editors: docEditorsNodes, apps: docAppsNodes, subgraphs: docSubgraphsNodes, processors: docProcessorsNodes, codegenProcessors: [], onAddDocumentModel: () => onCreateDocument(DOCUMENT_TYPES.documentModel), onAddEditor: () => onCreateDocument(DOCUMENT_TYPES.documentEditor), onAddApp: () => onCreateDocument(DOCUMENT_TYPES.documentApp), onAddSubgraph: () => onCreateDocument(DOCUMENT_TYPES.documentSubgraph), onAddProcessor: () => onCreateDocument(DOCUMENT_TYPES.documentProcessor), onAddCodegenProcessor: () => console.log("add codegen processor"), packageDocumentId: packageDocumentId, onAddPackageDocument: onCreatePackageFile, onOpenPackageDocument: onOpenPackageDocument, onOpenDocument: (node) => setSelectedNode(node), onDelete: onDeleteDocument }) }));
 }
-export default function Editor(props) {
+export function Editor(props) {
+    useSetPHDriveEditorConfig(editorConfig);
     const analyticsDatabaseName = useAnalyticsDatabaseName();
-    return (_jsx(DriveContextProvider, { value: props.context, children: _jsx(WagmiContext, { children: _jsx(AnalyticsProvider, { databaseName: analyticsDatabaseName, children: _jsx(BaseEditor, { ...props }) }) }) }));
+    return (_jsx(WagmiContext, { children: _jsx(AnalyticsProvider, { databaseName: analyticsDatabaseName, children: _jsx(BaseEditor, { ...props }) }) }));
 }
-//# sourceMappingURL=editor.js.map

package/dist/editors/vetra-drive-app/icons/AddNewIcon.d.ts

@@ -1,4 +1,4 @@
-import type React from 'react';
+import React from "react";
 interface AddNewIconProps {
     width?: number;
     height?: number;

package/dist/editors/vetra-drive-app/icons/AddNewIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddNewIcon.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/icons/AddNewIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,eAAe;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmKhD,CAAC"}
+{"version":3,"file":"AddNewIcon.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/icons/AddNewIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,eAAe;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyJhD,CAAC"}

package/dist/editors/vetra-drive-app/icons/AddNewIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const AddNewIcon = ({ width = 40, height = 48, className = '' }) => {
+import React from "react";
+export const AddNewIcon = ({ width = 40, height = 48, className = "", }) => {
     return (_jsxs("svg", { width: width, height: height, viewBox: "0 0 40 42", fill: "none", className: className, xmlns: "http://www.w3.org/2000/svg", children: [_jsx("g", { filter: "url(#filter0_di_2184_4955)", children: _jsx("path", { d: "M4.7384 6.83572C4.7384 3.48006 7.38337 0.759766 10.6461 0.759766H29.3538C32.6165 0.759766 35.2615 3.48006 35.2615 6.83572V33.1648C35.2615 36.5205 32.6165 39.2408 29.3538 39.2408H10.6461C7.38337 39.2408 4.7384 36.5205 4.7384 33.1648V6.83572Z", fill: "#F3F5F7" }) }), _jsx("g", { filter: "url(#filter1_di_2184_4955)", children: _jsx("path", { d: "M9.97019 38.4365C10.1911 38.4661 10.4167 38.481 10.6462 38.481H11.426C11.8337 38.4812 12.1644 38.8212 12.1644 39.2405C12.1644 39.6599 11.8337 39.9998 11.426 40H10.6462C10.3526 40 10.063 39.9808 9.77885 39.9426C9.37459 39.8883 9.08971 39.507 9.14231 39.0912C9.19506 38.6752 9.56578 38.3823 9.97019 38.4365ZM16.1029 38.481C16.5106 38.4812 16.8413 38.8212 16.8413 39.2405C16.8413 39.6599 16.5106 39.9998 16.1029 40H14.5433C14.1356 39.9998 13.8048 39.6599 13.8048 39.2405C13.8048 38.8212 14.1356 38.4812 14.5433 38.481H16.1029ZM20.7798 38.481C21.1875 38.4812 21.5183 38.8212 21.5183 39.2405C21.5183 39.6599 21.1875 39.9998 20.7798 40H19.2202C18.8125 39.9998 18.4817 39.6599 18.4817 39.2405C18.4817 38.8212 18.8125 38.4812 19.2202 38.481H20.7798ZM25.4567 38.481C25.8644 38.4812 26.1952 38.8212 26.1952 39.2405C26.1952 39.6599 25.8644 39.9998 25.4567 40H23.8971C23.4894 39.9998 23.1587 39.6599 23.1587 39.2405C23.1587 38.8212 23.4894 38.4812 23.8971 38.481H25.4567ZM30.0298 38.4365C30.4342 38.3823 30.8049 38.6752 30.8577 39.0912C30.9103 39.507 30.6254 39.8883 30.2212 39.9426C29.937 39.9808 29.6474 40 29.3538 40H28.574C28.1663 39.9998 27.8356 39.6599 27.8356 39.2405C27.8356 38.8212 28.1663 38.4812 28.574 38.481H29.3538C29.5833 38.481 29.8089 38.4661 30.0298 38.4365ZM5.50865 36.2609C5.83191 36.0054 6.29565 36.0681 6.54423 36.4003C6.81962 36.7689 7.14163 37.1001 7.5 37.3833C7.82304 37.639 7.88398 38.1159 7.63558 38.4484C7.38716 38.7808 6.92335 38.843 6.6 38.5878C6.13985 38.2241 5.72668 37.7992 5.37308 37.326C5.12492 36.9934 5.18544 36.5164 5.50865 36.2609ZM33.4558 36.4003C33.7044 36.0681 34.1681 36.0054 34.4913 36.2609C34.8146 36.5164 34.8751 36.9934 34.6269 37.326C34.2733 37.7992 33.8601 38.2241 33.4 38.5878C33.0766 38.843 32.6128 38.7808 32.3644 38.4484C32.116 38.1159 32.177 37.639 32.5 37.3833C32.8584 37.1001 33.1804 36.7689 33.4558 36.4003ZM4 33.1646V32.4328C4.00023 32.0135 4.33076 31.6733 4.73846 31.6733C5.14616 31.6733 5.47669 32.0135 5.47692 32.4328V33.1646C5.47692 33.4005 5.49139 33.6326 5.52019 33.8598C5.57294 34.2757 5.28807 34.657 4.88365 34.7112C4.47938 34.7653 4.10858 34.4723 4.05577 34.0566C4.01871 33.7644 4 33.4665 4 33.1646ZM34.5231 33.1646V32.4328C34.5233 32.0135 34.8538 31.6733 35.2615 31.6733C35.6692 31.6733 35.9998 32.0135 36 32.4328V33.1646C36 33.4665 35.9813 33.7644 35.9442 34.0566C35.8914 34.4723 35.5206 34.7653 35.1163 34.7112C34.7119 34.657 34.4271 34.2757 34.4798 33.8598C34.5086 33.6326 34.5231 33.4005 34.5231 33.1646ZM4 29.5075V28.0449C4.00006 27.6255 4.33066 27.2854 4.73846 27.2854C5.14627 27.2854 5.47686 27.6255 5.47692 28.0449V29.5075C5.47692 29.927 5.1463 30.267 4.73846 30.267C4.33062 30.267 4 29.927 4 29.5075ZM34.5231 29.5075V28.0449C34.5231 27.6255 34.8537 27.2854 35.2615 27.2854C35.6693 27.2854 35.9999 27.6255 36 28.0449V29.5075C36 29.927 35.6694 30.267 35.2615 30.267C34.8537 30.267 34.5231 29.927 34.5231 29.5075ZM4 25.1197V23.657C4 23.2376 4.33062 22.8975 4.73846 22.8975C5.1463 22.8975 5.47692 23.2376 5.47692 23.657V25.1197C5.47686 25.5391 5.14627 25.8792 4.73846 25.8792C4.33066 25.8792 4.00006 25.5391 4 25.1197ZM34.5231 25.1197V23.657C34.5231 23.2376 34.8537 22.8975 35.2615 22.8975C35.6694 22.8975 36 23.2376 36 23.657V25.1197C35.9999 25.5391 35.6693 25.8792 35.2615 25.8792C34.8537 25.8792 34.5231 25.5391 34.5231 25.1197ZM4 20.7318V19.2682C4.00023 18.8489 4.33076 18.5087 4.73846 18.5087C5.14616 18.5087 5.47669 18.8489 5.47692 19.2682V20.7318C5.47669 21.1511 5.14616 21.4913 4.73846 21.4913C4.33076 21.4913 4.00023 21.1511 4 20.7318ZM34.5231 20.7318V19.2682C34.5233 18.8489 34.8538 18.5087 35.2615 18.5087C35.6692 18.5087 35.9998 18.8489 36 19.2682V20.7318C35.9998 21.1511 35.6692 21.4913 35.2615 21.4913C34.8538 21.4913 34.5233 21.1511 34.5231 20.7318ZM4 16.343V14.8803C4.00006 14.4609 4.33066 14.1208 4.73846 14.1208C5.14627 14.1208 5.47687 14.4609 5.47692 14.8803V16.343C5.47692 16.7624 5.1463 17.1025 4.73846 17.1025C4.33062 17.1025 4 16.7624 4 16.343ZM34.5231 16.343V14.8803C34.5231 14.4609 34.8537 14.1208 35.2615 14.1208C35.6693 14.1208 35.9999 14.4609 36 14.8803V16.343C36 16.7624 35.6694 17.1025 35.2615 17.1025C34.8537 17.1025 34.5231 16.7624 34.5231 16.343ZM4 11.9551V10.4925C4 10.073 4.33062 9.73299 4.73846 9.73299C5.1463 9.73299 5.47692 10.073 5.47692 10.4925V11.9551C5.47687 12.3745 5.14627 12.7146 4.73846 12.7146C4.33066 12.7146 4.00006 12.3745 4 11.9551ZM34.5231 11.9551V10.4925C34.5231 10.073 34.8537 9.73299 35.2615 9.73299C35.6694 9.73299 36 10.073 36 10.4925V11.9551C35.9999 12.3745 35.6693 12.7146 35.2615 12.7146C34.8537 12.7146 34.5231 12.3745 34.5231 11.9551ZM4 7.56725V6.83544C4 6.53354 4.01871 6.23565 4.05577 5.94343C4.10858 5.52766 4.47938 5.23467 4.88365 5.28877C5.28807 5.34302 5.57294 5.7243 5.52019 6.14023C5.49139 6.36741 5.47692 6.59948 5.47692 6.83544V7.56725C5.47669 7.9865 5.14616 8.32674 4.73846 8.32674C4.33076 8.32674 4.00023 7.9865 4 7.56725ZM34.5231 7.56725V6.83544C34.5231 6.59948 34.5086 6.36741 34.4798 6.14023C34.4271 5.7243 34.7119 5.34302 35.1163 5.28877C35.5206 5.23467 35.8914 5.52766 35.9442 5.94343C35.9813 6.23565 36 6.53354 36 6.83544V7.56725C35.9998 7.9865 35.6692 8.32674 35.2615 8.32674C34.8538 8.32674 34.5233 7.9865 34.5231 7.56725ZM6.6 1.41218C6.92335 1.15696 7.38716 1.2192 7.63558 1.55162C7.88398 1.88408 7.82304 2.36103 7.5 2.61669C7.14163 2.89993 6.81962 3.23111 6.54423 3.59968C6.29565 3.93193 5.83191 3.9946 5.50865 3.73912C5.18544 3.48363 5.12492 3.00661 5.37308 2.67405C5.72668 2.2008 6.13985 1.77586 6.6 1.41218ZM32.3644 1.55162C32.6128 1.2192 33.0766 1.15696 33.4 1.41218C33.8601 1.77586 34.2733 2.2008 34.6269 2.67405C34.8751 3.00661 34.8146 3.48363 34.4913 3.73912C34.1681 3.9946 33.7044 3.93193 33.4558 3.59968C33.1804 3.23111 32.8584 2.89993 32.5 2.61669C32.177 2.36103 32.116 1.88408 32.3644 1.55162ZM11.426 0C11.8337 0.000178509 12.1644 0.340147 12.1644 0.759494C12.1644 1.17884 11.8337 1.51881 11.426 1.51899H10.6462C10.4167 1.51899 10.1911 1.53386 9.97019 1.56349C9.56578 1.61774 9.19506 1.32475 9.14231 0.908821C9.08971 0.493037 9.37459 0.111671 9.77885 0.0573576C10.063 0.0192405 10.3526 0 10.6462 0H11.426ZM29.3538 0C29.6474 0 29.937 0.0192406 30.2212 0.0573576C30.6254 0.111671 30.9103 0.493038 30.8577 0.908821C30.8049 1.32475 30.4342 1.61774 30.0298 1.56349C29.8089 1.53386 29.5833 1.51899 29.3538 1.51899H28.574C28.1663 1.51881 27.8356 1.17884 27.8356 0.759494C27.8356 0.340147 28.1663 0.000178083 28.574 0H29.3538ZM16.1029 0C16.5106 0.000178509 16.8413 0.340147 16.8413 0.759494C16.8413 1.17884 16.5106 1.51881 16.1029 1.51899H14.5433C14.1356 1.51881 13.8048 1.17884 13.8048 0.759494C13.8048 0.340147 14.1356 0.000177889 14.5433 0H16.1029ZM20.7798 0C21.1875 0.000178509 21.5183 0.340147 21.5183 0.759494C21.5183 1.17884 21.1875 1.51881 20.7798 1.51899H19.2202C18.8125 1.51881 18.4817 1.17884 18.4817 0.759494C18.4817 0.340147 18.8125 0.000177889 19.2202 0H20.7798ZM25.4567 0C25.8644 0.000178199 26.1952 0.340147 26.1952 0.759494C26.1952 1.17884 25.8644 1.51881 25.4567 1.51899H23.8971C23.4894 1.51881 23.1587 1.17884 23.1587 0.759494C23.1587 0.340147 23.4894 0.000177889 23.8971 0H25.4567Z", fill: "#404446" }) }), _jsx("path", { d: "M14.5846 18.9851H24.4307M19.5079 13.9238V24.0504", stroke: "#404446", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsxs("defs", { children: [_jsxs("filter", { id: "filter0_di_2184_4955", x: "0.738403", y: "-0.240234", width: "38.5231", height: "47.4805", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [_jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), _jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), _jsx("feMorphology", { radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_2184_4955" }), _jsx("feOffset", { dy: "4" }), _jsx("feGaussianBlur", { stdDeviation: "4" }), _jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0" }), _jsx("feBlend", { mode: "multiply", in2: "BackgroundImageFix", result: "effect1_dropShadow_2184_4955" }), _jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_2184_4955", result: "shape" }), _jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), _jsx("feOffset", { dy: "-1" }), _jsx("feGaussianBlur", { stdDeviation: "0.5" }), _jsx("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }), _jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0" }), _jsx("feBlend", { mode: "multiply", in2: "shape", result: "effect2_innerShadow_2184_4955" })] }), _jsxs("filter", { id: "filter1_di_2184_4955", x: "0", y: "-1", width: "40", height: "49", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [_jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), _jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), _jsx("feMorphology", { radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_2184_4955" }), _jsx("feOffset", { dy: "4" }), _jsx("feGaussianBlur", { stdDeviation: "4" }), _jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0" }), _jsx("feBlend", { mode: "multiply", in2: "BackgroundImageFix", result: "effect1_dropShadow_2184_4955" }), _jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_2184_4955", result: "shape" }), _jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), _jsx("feOffset", { dy: "-1" }), _jsx("feGaussianBlur", { stdDeviation: "0.5" }), _jsx("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }), _jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0" }), _jsx("feBlend", { mode: "multiply", in2: "shape", result: "effect2_innerShadow_2184_4955" })] })] })] }));
 };
-//# sourceMappingURL=AddNewIcon.js.map

package/dist/editors/vetra-drive-app/icons/AppIcon.d.ts

@@ -1,4 +1,4 @@
-import type React from 'react';
+import React from "react";
 interface AppIconProps {
     width?: number;
     height?: number;

package/dist/editors/vetra-drive-app/icons/AppIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppIcon.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/icons/AppIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,YAAY;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAgH1C,CAAC"}
+{"version":3,"file":"AppIcon.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/icons/AppIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,YAAY;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAwG1C,CAAC"}

package/dist/editors/vetra-drive-app/icons/AppIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const AppIcon = ({ width = 40, height = 48, className = '' }) => {
+import React from "react";
+export const AppIcon = ({ width = 40, height = 48, className = "", }) => {
     return (_jsxs("svg", { width: width, height: height, viewBox: "0 0 40 42", fill: "none", className: className, xmlns: "http://www.w3.org/2000/svg", children: [_jsxs("g", { filter: "url(#filter0_di_2184_4446)", children: [_jsx("path", { d: "M0 6C0 2.68629 2.68629 0 6 0L24 0L32 8V34C32 37.3137 29.3137 40 26 40H6C2.68629 40 0 37.3137 0 34V6Z", fill: "#F3F5F7" }), _jsx("path", { d: "M6 0.75H23.6895L31.25 8.31055V34C31.25 36.8995 28.8995 39.25 26 39.25H6C3.10051 39.25 0.75 36.8995 0.75 34V6C0.75 3.10051 3.10051 0.75 6 0.75Z", stroke: "#FF891D", strokeWidth: "1.5" })] }), _jsx("path", { d: "M23 0L32 9H27C24.7909 9 23 7.20914 23 5V0Z", fill: "#FF891D" }), _jsx("path", { d: "M10.75 17.917H13.917V14.75H10.75V17.917ZM15.417 18C15.417 18.7824 14.7824 19.417 14 19.417H10.667C9.88459 19.417 9.25 18.7824 9.25 18V14.667C9.25 13.8846 9.88459 13.25 10.667 13.25H14C14.7824 13.25 15.417 13.8846 15.417 14.667V18Z", fill: "#FF891D" }), _jsx("path", { d: "M18.0833 17.917H21.2503V14.75H18.0833V17.917ZM22.7503 18C22.7503 18.7824 22.1157 19.417 21.3333 19.417H18.0003C17.2179 19.417 16.5833 18.7824 16.5833 18V14.667C16.5833 13.8846 17.2179 13.25 18.0003 13.25H21.3333C22.1157 13.25 22.7503 13.8846 22.7503 14.667V18Z", fill: "#FF891D" }), _jsx("path", { d: "M18.0833 25.251H21.2503V22.084H18.0833V25.251ZM22.7503 25.334C22.7503 26.1164 22.1157 26.751 21.3333 26.751H18.0003C17.2179 26.751 16.5833 26.1164 16.5833 25.334V22.001C16.5833 21.2186 17.2179 20.584 18.0003 20.584H21.3333C22.1157 20.584 22.7503 21.2186 22.7503 22.001V25.334Z", fill: "#FF891D" }), _jsx("path", { d: "M10.75 25.251H13.917V22.084H10.75V25.251ZM15.417 25.334C15.417 26.1164 14.7824 26.751 14 26.751H10.667C9.88459 26.751 9.25 26.1164 9.25 25.334V22.001C9.25 21.2186 9.88459 20.584 10.667 20.584H14C14.7824 20.584 15.417 21.2186 15.417 22.001V25.334Z", fill: "#FF891D" }), _jsx("defs", { children: _jsxs("filter", { id: "filter0_di_2184_4446", x: "-4", y: "-1", width: "40", height: "49", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [_jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), _jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), _jsx("feMorphology", { radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_2184_4446" }), _jsx("feOffset", { dy: "4" }), _jsx("feGaussianBlur", { stdDeviation: "4" }), _jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0" }), _jsx("feBlend", { mode: "multiply", in2: "BackgroundImageFix", result: "effect1_dropShadow_2184_4446" }), _jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_2184_4446", result: "shape" }), _jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), _jsx("feOffset", { dy: "-1" }), _jsx("feGaussianBlur", { stdDeviation: "0.5" }), _jsx("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }), _jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0" }), _jsx("feBlend", { mode: "multiply", in2: "shape", result: "effect2_innerShadow_2184_4446" })] }) })] }));
 };
-//# sourceMappingURL=AppIcon.js.map

package/dist/editors/vetra-drive-app/icons/ChevronIcon.d.ts

@@ -1,4 +1,4 @@
-import type React from 'react';
+import React from "react";
 interface ChevronIconProps {
     width?: number;
     height?: number;

package/dist/editors/vetra-drive-app/icons/ChevronIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChevronIcon.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/icons/ChevronIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,gBAAgB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAwBlD,CAAC"}
+{"version":3,"file":"ChevronIcon.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/icons/ChevronIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,gBAAgB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAwBlD,CAAC"}

package/dist/editors/vetra-drive-app/icons/ChevronIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-export const ChevronIcon = ({ width = 24, height = 24, className = '', stroke = 'currentColor' }) => {
+import React from "react";
+export const ChevronIcon = ({ width = 24, height = 24, className = "", stroke = "currentColor", }) => {
     return (_jsx("svg", { width: width, height: height, viewBox: "0 0 24 24", fill: "none", className: className, xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7", stroke: stroke }) }));
 };
-//# sourceMappingURL=ChevronIcon.js.map

package/dist/editors/vetra-drive-app/icons/DocModelIcon.d.ts

@@ -1,4 +1,4 @@
-import type React from 'react';
+import React from "react";
 interface DocModelIconProps {
     width?: number;
     height?: number;

package/dist/editors/vetra-drive-app/icons/DocModelIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DocModelIcon.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/icons/DocModelIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,iBAAiB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA6GpD,CAAC"}
+{"version":3,"file":"DocModelIcon.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/icons/DocModelIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,iBAAiB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAwGpD,CAAC"}

package/dist/editors/vetra-drive-app/icons/DocModelIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const DocModelIcon = ({ width = 40, height = 48, className = '' }) => {
+import React from "react";
+export const DocModelIcon = ({ width = 40, height = 48, className = "", }) => {
     return (_jsxs("svg", { width: width, height: height, viewBox: "0 0 40 42", fill: "none", className: className, xmlns: "http://www.w3.org/2000/svg", children: [_jsxs("g", { filter: "url(#filter0_di_2102_4407)", children: [_jsx("path", { d: "M4 6C4 2.68629 6.68629 0 10 0L28 0L36 8V34C36 37.3137 33.3137 40 30 40H10C6.68629 40 4 37.3137 4 34V6Z", fill: "#F3F5F7" }), _jsx("path", { d: "M10 0.75H27.6895L35.25 8.31055V34C35.25 36.8995 32.8995 39.25 30 39.25H10C7.10051 39.25 4.75 36.8995 4.75 34V6C4.75 3.10051 7.10051 0.75 10 0.75Z", stroke: "#FF6A55", strokeWidth: "1.5" })] }), _jsx("path", { d: "M18.0813 19.8653C18.3401 19.5422 18.8117 19.4896 19.1351 19.7481C19.4585 20.0069 19.511 20.4794 19.2522 20.8028L18.2933 22.0001L19.2522 23.1993C19.5108 23.5227 19.4584 23.9943 19.1351 24.253C18.8117 24.5117 18.3401 24.4591 18.0813 24.1358L16.7474 22.4688C16.5286 22.195 16.5285 21.8061 16.7474 21.5323L18.0813 19.8653Z", fill: "#FF6A55" }), _jsx("path", { d: "M20.8645 19.7483C21.188 19.4896 21.6605 19.5421 21.9192 19.8655L23.2522 21.5325C23.4713 21.8064 23.4712 22.1952 23.2522 22.469L21.9192 24.136C21.6605 24.4595 21.188 24.512 20.8645 24.2532C20.5414 23.9945 20.489 23.5229 20.7474 23.1995L21.7063 22.0003L20.7474 20.803C20.4886 20.4796 20.5411 20.0071 20.8645 19.7483Z", fill: "#FF6A55" }), _jsx("path", { d: "M20.5833 16.001V13.334C20.5833 12.9198 20.919 12.584 21.3333 12.584C21.7475 12.584 22.0833 12.9198 22.0833 13.334V16.001C22.0833 16.1556 22.1448 16.3038 22.2542 16.4131C22.3635 16.5224 22.5117 16.5839 22.6663 16.584H25.3333C25.7475 16.584 26.0833 16.9198 26.0833 17.334C26.0833 17.7482 25.7475 18.084 25.3333 18.084H22.6663C22.1138 18.0839 21.5842 17.8643 21.1936 17.4736C20.803 17.083 20.5833 16.5534 20.5833 16.001Z", fill: "#FF6A55" }), _jsx("path", { d: "M13.9166 25.334V14.667C13.9167 14.1146 14.1364 13.585 14.527 13.1943C14.9176 12.8037 15.4472 12.5841 15.9996 12.584H21.9996C22.1985 12.584 22.3893 12.6632 22.5299 12.8037L25.8639 16.1367C26.0045 16.2773 26.0835 16.4682 26.0836 16.667V25.334C26.0836 25.8864 25.8638 26.416 25.4733 26.8066C25.0826 27.1973 24.5522 27.417 23.9996 27.417H15.9996C15.4472 27.4169 14.9176 27.1973 14.527 26.8066C14.1364 26.416 13.9166 25.8864 13.9166 25.334ZM15.4166 25.334C15.4166 25.4886 15.4782 25.6367 15.5875 25.7461C15.6968 25.8554 15.845 25.9169 15.9996 25.917H23.9996C24.1543 25.917 24.3033 25.8555 24.4127 25.7461C24.5219 25.6367 24.5836 25.4885 24.5836 25.334V16.9775L21.6891 14.084H15.9996C15.845 14.0841 15.6968 14.1456 15.5875 14.2549C15.4782 14.3642 15.4167 14.5124 15.4166 14.667V25.334Z", fill: "#FF6A55" }), _jsx("path", { d: "M27 0L36 9H31C28.7909 9 27 7.20914 27 5V0Z", fill: "#FF6A55" }), _jsx("defs", { children: _jsxs("filter", { id: "filter0_di_2102_4407", x: "0", y: "-1", width: "40", height: "49", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [_jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), _jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), _jsx("feMorphology", { radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_2102_4407" }), _jsx("feOffset", { dy: "4" }), _jsx("feGaussianBlur", { stdDeviation: "4" }), _jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0" }), _jsx("feBlend", { mode: "multiply", in2: "BackgroundImageFix", result: "effect1_dropShadow_2102_4407" }), _jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_2102_4407", result: "shape" }), _jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), _jsx("feOffset", { dy: "-1" }), _jsx("feGaussianBlur", { stdDeviation: "0.5" }), _jsx("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }), _jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0" }), _jsx("feBlend", { mode: "multiply", in2: "shape", result: "effect2_innerShadow_2102_4407" })] }) })] }));
 };
-//# sourceMappingURL=DocModelIcon.js.map

package/dist/editors/vetra-drive-app/icons/EditorIcon.d.ts

@@ -1,4 +1,4 @@
-import type React from 'react';
+import React from "react";
 interface EditorIconProps {
     width?: number;
     height?: number;

package/dist/editors/vetra-drive-app/icons/EditorIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorIcon.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/icons/EditorIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,eAAe;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA+HhD,CAAC"}
+{"version":3,"file":"EditorIcon.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/icons/EditorIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,eAAe;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0HhD,CAAC"}

package/dist/editors/vetra-drive-app/icons/EditorIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const EditorIcon = ({ width = 40, height = 48, className = '' }) => {
+import React from "react";
+export const EditorIcon = ({ width = 40, height = 48, className = "", }) => {
     return (_jsxs("svg", { width: width, height: height, viewBox: "0 0 40 42", fill: "none", className: className, xmlns: "http://www.w3.org/2000/svg", children: [_jsxs("g", { filter: "url(#filter0_di_2102_4406)", children: [_jsx("path", { d: "M4 6C4 2.68629 6.68629 0 10 0L28 0L36 8V34C36 37.3137 33.3137 40 30 40H10C6.68629 40 4 37.3137 4 34V6Z", fill: "#F3F5F7" }), _jsx("path", { d: "M10 0.75H27.6895L35.25 8.31055V34C35.25 36.8995 32.8995 39.25 30 39.25H10C7.10051 39.25 4.75 36.8995 4.75 34V6C4.75 3.10051 7.10051 0.75 10 0.75Z", stroke: "#FF891D", strokeWidth: "1.5" })] }), _jsx("path", { d: "M27 0L36 9H31C28.7909 9 27 7.20914 27 5V0Z", fill: "#FF891D" }), _jsxs("g", { clipPath: "url(#clip0_2102_4406)", children: [_jsx("path", { d: "M12.5822 16.667C12.5822 16.0439 12.8292 15.4455 13.2687 15.0039L15.004 13.2686C15.4457 12.8291 16.0441 12.582 16.6671 12.582C17.2121 12.5821 17.7377 12.7708 18.1564 13.1123L18.3292 13.2686L21.1974 16.1357C21.4903 16.4286 21.4903 16.9044 21.1974 17.1973C20.9045 17.4902 20.4288 17.4902 20.1359 17.1973L17.2706 14.3311C17.1102 14.1716 16.8933 14.0822 16.6671 14.082C16.4408 14.082 16.2231 14.1715 16.0626 14.3311L14.3302 16.0635C14.1713 16.2239 14.0822 16.4411 14.0822 16.667C14.0823 16.8927 14.1714 17.1092 14.3302 17.2695L17.1974 20.1357C17.4903 20.4286 17.4903 20.9044 17.1974 21.1973C16.9045 21.4902 16.4288 21.4902 16.1359 21.1973L13.2687 18.3291C12.8293 17.8876 12.5823 17.2899 12.5822 16.667Z", fill: "#FF891D" }), _jsx("path", { d: "M18.1361 14.1356C18.4289 13.8428 18.9037 13.8429 19.1966 14.1356C19.4895 14.4285 19.4895 14.9033 19.1966 15.1962L17.8636 16.5292C17.5707 16.8221 17.096 16.8221 16.8031 16.5292C16.5104 16.2363 16.5102 15.7615 16.8031 15.4686L18.1361 14.1356Z", fill: "#FF891D" }), _jsx("path", { d: "M24.8027 20.8036C25.0956 20.5107 25.5704 20.5108 25.8633 20.8036C26.1562 21.0965 26.1562 21.5712 25.8633 21.8641L24.5303 23.1971C24.2374 23.49 23.7626 23.49 23.4697 23.1971C23.177 22.9042 23.1769 22.4294 23.4697 22.1366L24.8027 20.8036Z", fill: "#FF891D" }), _jsx("path", { d: "M22.803 18.8037C23.0959 18.5108 23.5707 18.5108 23.8636 18.8037L26.7308 21.6699C27.6503 22.5894 27.6503 24.0784 26.7308 24.998L24.9974 26.7314C24.0778 27.6509 22.5888 27.6509 21.6693 26.7314L18.803 23.8642C18.5102 23.5713 18.5102 23.0965 18.803 22.8037C19.0959 22.5108 19.5707 22.5108 19.8636 22.8037L22.7308 25.6699C23.0645 26.0036 23.6021 26.0036 23.9359 25.6699L25.6693 23.9365C26.003 23.6027 26.003 23.0652 25.6693 22.7314L22.803 19.8642C22.5102 19.5713 22.5102 19.0965 22.803 18.8037Z", fill: "#FF891D" }), _jsx("path", { d: "M25.9164 15.2139C25.9164 14.9145 25.7979 14.6268 25.5863 14.415C25.3746 14.2032 25.087 14.084 24.7875 14.084C24.488 14.0839 24.2005 14.2033 23.9887 14.415L23.9877 14.4141L15.0912 23.3145C15.0241 23.3813 14.9729 23.4633 14.9447 23.5537L14.9457 23.5547L14.2914 25.709L16.4467 25.0557L16.5131 25.0303C16.5782 25.0014 16.6381 24.9607 16.6889 24.9102L25.5853 16.0117C25.797 15.8001 25.9162 15.5132 25.9164 15.2139ZM27.4164 15.2139C27.4162 15.9109 27.1396 16.5794 26.6469 17.0723L17.7475 25.9727C17.506 26.2133 17.2093 26.391 16.8832 26.4902L13.9799 27.3711C13.7927 27.4274 13.5923 27.4324 13.4027 27.3848C13.2132 27.3371 13.0401 27.2386 12.9017 27.1006C12.7634 26.9624 12.6646 26.7891 12.6166 26.5996C12.5686 26.41 12.5723 26.2108 12.6283 26.0234L12.6293 26.0205L13.5101 23.1191L13.5111 23.1172C13.6111 22.791 13.7892 22.4939 14.0307 22.2529L22.9281 13.3535C23.4212 12.8605 24.0902 12.5839 24.7875 12.584C25.4848 12.5841 26.1538 12.8613 26.6469 13.3545C27.1398 13.8476 27.4165 14.5166 27.4164 15.2139Z", fill: "#FF891D" }), _jsx("path", { d: "M21.4697 14.8037C21.7626 14.5108 22.2373 14.5108 22.5302 14.8037L25.1972 17.4706C25.4898 17.7636 25.49 18.2384 25.1972 18.5312C24.9044 18.824 24.4296 18.8238 24.1367 18.5312L21.4697 15.8642C21.1768 15.5713 21.1768 15.0965 21.4697 14.8037Z", fill: "#FF891D" })] }), _jsxs("defs", { children: [_jsxs("filter", { id: "filter0_di_2102_4406", x: "0", y: "-1", width: "40", height: "49", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [_jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), _jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), _jsx("feMorphology", { radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_2102_4406" }), _jsx("feOffset", { dy: "4" }), _jsx("feGaussianBlur", { stdDeviation: "4" }), _jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0" }), _jsx("feBlend", { mode: "multiply", in2: "BackgroundImageFix", result: "effect1_dropShadow_2102_4406" }), _jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_2102_4406", result: "shape" }), _jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), _jsx("feOffset", { dy: "-1" }), _jsx("feGaussianBlur", { stdDeviation: "0.5" }), _jsx("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }), _jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0" }), _jsx("feBlend", { mode: "multiply", in2: "shape", result: "effect2_innerShadow_2102_4406" })] }), _jsx("clipPath", { id: "clip0_2102_4406", children: _jsx("rect", { width: "16", height: "16", fill: "white", transform: "translate(12 12)" }) })] })] }));
 };
-//# sourceMappingURL=EditorIcon.js.map

package/dist/editors/vetra-drive-app/icons/InfoIcon.d.ts

@@ -1,4 +1,4 @@
-import type React from 'react';
+import React from "react";
 interface InfoIconProps {
     width?: number;
     height?: number;

package/dist/editors/vetra-drive-app/icons/InfoIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfoIcon.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/icons/InfoIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,aAAa;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA8C5C,CAAC"}
+{"version":3,"file":"InfoIcon.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/icons/InfoIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,aAAa;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA8C5C,CAAC"}

package/dist/editors/vetra-drive-app/icons/InfoIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const InfoIcon = ({ width = 16, height = 16, className = '', fill = 'none', stroke = '#343839' }) => {
+import React from "react";
+export const InfoIcon = ({ width = 16, height = 16, className = "", fill = "none", stroke = "#343839", }) => {
     return (_jsxs("svg", { width: width, height: height, viewBox: "0 0 16 16", fill: fill, className: className, xmlns: "http://www.w3.org/2000/svg", children: [_jsxs("g", { clipPath: "url(#clip0_2020_6333)", children: [_jsx("path", { d: "M7.99999 14.6673C11.6819 14.6673 14.6667 11.6825 14.6667 8.00065C14.6667 4.31875 11.6819 1.33398 7.99999 1.33398C4.3181 1.33398 1.33333 4.31875 1.33333 8.00065C1.33333 11.6825 4.3181 14.6673 7.99999 14.6673Z", stroke: stroke, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M8 10.6667V8", stroke: stroke, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M8 5.33398H8.00833", stroke: stroke, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_2020_6333", children: _jsx("rect", { width: "16", height: "16", fill: "white" }) }) })] }));
 };
-//# sourceMappingURL=InfoIcon.js.map

package/dist/editors/vetra-drive-app/icons/PlusIcon.d.ts

@@ -1,4 +1,4 @@
-import type React from 'react';
+import React from "react";
 interface PlusIconProps {
     width?: number;
     height?: number;

package/dist/editors/vetra-drive-app/icons/PlusIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlusIcon.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/icons/PlusIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,aAAa;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwB5C,CAAC"}
+{"version":3,"file":"PlusIcon.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/icons/PlusIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,aAAa;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwB5C,CAAC"}

package/dist/editors/vetra-drive-app/icons/PlusIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-export const PlusIcon = ({ width = 24, height = 24, className = '', stroke = 'currentColor' }) => {
+import React from "react";
+export const PlusIcon = ({ width = 24, height = 24, className = "", stroke = "currentColor", }) => {
     return (_jsx("svg", { width: width, height: height, viewBox: "0 0 24 24", fill: "none", className: className, xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 4v16m8-8H4", stroke: stroke }) }));
 };
-//# sourceMappingURL=PlusIcon.js.map