@powerhousedao/vetra 5.0.0-staging.9 → 5.0.1-staging.10

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const ProcessorIcon = ({ width = 40, height = 48, className = '' }) => {
+import React from "react";
+export const ProcessorIcon = ({ 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_4836)", 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: "#3292ED", strokeWidth: "1.5" })] }), _jsx("path", { d: "M23 0L32 9H27C24.7909 9 23 7.20914 23 5V0Z", fill: "#3292ED" }), _jsx("path", { d: "M16 12.584C17.7149 12.584 19.2986 12.8144 20.4795 13.208C21.0661 13.4035 21.5956 13.6535 21.9932 13.9668C22.3821 14.2734 22.75 14.7298 22.75 15.334C22.75 15.9382 22.3821 16.3945 21.9932 16.7012C21.5956 17.0145 21.0661 17.2644 20.4795 17.46C19.2986 17.8535 17.7149 18.084 16 18.084C14.2851 18.084 12.7014 17.8535 11.5205 17.46C10.9339 17.2644 10.4044 17.0145 10.0068 16.7012C9.61791 16.3945 9.25 15.9382 9.25 15.334C9.25 14.7298 9.61791 14.2734 10.0068 13.9668C10.4044 13.6535 10.9339 13.4035 11.5205 13.208C12.7014 12.8144 14.2851 12.584 16 12.584ZM16 14.084C14.4013 14.084 12.9847 14.3007 11.9941 14.6309C11.495 14.7972 11.1452 14.9793 10.9355 15.1445C10.813 15.2412 10.7694 15.3055 10.7549 15.334C10.7694 15.3625 10.813 15.4268 10.9355 15.5234C11.1452 15.6887 11.495 15.8707 11.9941 16.0371C12.9847 16.3673 14.4013 16.584 16 16.584C17.5987 16.584 19.0153 16.3673 20.0059 16.0371C20.505 15.8707 20.8548 15.6887 21.0645 15.5234C21.1865 15.4273 21.2294 15.3627 21.2441 15.334C21.2294 15.3053 21.1865 15.2407 21.0645 15.1445C20.8548 14.9793 20.505 14.7972 20.0059 14.6309C19.0153 14.3007 17.5987 14.084 16 14.084Z", fill: "#3292ED" }), _jsx("path", { d: "M9.25 15.334C9.25 14.9198 9.58579 14.584 10 14.584C10.4142 14.584 10.75 14.9198 10.75 15.334V24.6523C10.7562 24.6693 10.7881 24.737 10.9268 24.8486C11.1302 25.0123 11.478 25.1981 11.9941 25.3701C13.0218 25.7127 14.4636 25.917 16 25.917C17.5364 25.917 18.9782 25.7127 20.0059 25.3701C20.522 25.1981 20.8698 25.0123 21.0732 24.8486C21.2119 24.737 21.2438 24.6693 21.25 24.6523V15.334C21.25 14.9198 21.5858 14.584 22 14.584C22.4142 14.584 22.75 14.9198 22.75 15.334V24.667C22.75 25.2526 22.4005 25.7052 22.0137 26.0166C21.6198 26.3336 21.0884 26.59 20.4795 26.793C19.2567 27.2005 17.6461 27.417 16 27.417C14.3539 27.417 12.7433 27.2005 11.5205 26.793C10.9116 26.59 10.3802 26.3336 9.98633 26.0166C9.59947 25.7052 9.25 25.2526 9.25 24.667V15.334Z", fill: "#3292ED" }), _jsx("path", { d: "M22 19.25C22.4142 19.25 22.75 19.5858 22.75 20C22.75 20.5857 22.4006 21.0382 22.0137 21.3496C21.6198 21.6666 21.0884 21.923 20.4795 22.126C19.2568 22.5335 17.646 22.75 16 22.75C14.354 22.75 12.7432 22.5335 11.5205 22.126C10.9116 21.923 10.3802 21.6666 9.98633 21.3496C9.59941 21.0382 9.25 20.5857 9.25 20C9.25 19.5858 9.58579 19.25 10 19.25C10.409 19.25 10.7407 19.5774 10.749 19.9844C10.7544 19.9998 10.7858 20.0671 10.9268 20.1807C11.1302 20.3444 11.478 20.531 11.9941 20.7031C13.0218 21.0457 14.4636 21.25 16 21.25C17.5364 21.25 18.9782 21.0457 20.0059 20.7031C20.522 20.531 20.8698 20.3444 21.0732 20.1807C21.2133 20.0679 21.2444 20.0003 21.25 19.9844C21.2583 19.5774 21.591 19.25 22 19.25Z", fill: "#3292ED" }), _jsx("defs", { children: _jsxs("filter", { id: "filter0_di_2184_4836", 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_4836" }), _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_4836" }), _jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_2184_4836", 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_4836" })] }) })] }));
 };
-//# sourceMappingURL=ProcessorIcon.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ShareIcon.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/icons/ShareIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqB9C,CAAC"}
+{"version":3,"file":"ShareIcon.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/icons/ShareIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqB9C,CAAC"}

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-export const ShareIcon = ({ width = 16, height = 16, className = '', fill = '#8391A7' }) => {
+import React from "react";
+export const ShareIcon = ({ width = 16, height = 16, className = "", fill = "#8391A7", }) => {
     return (_jsx("svg", { width: width, height: height, viewBox: "0 0 16 16", fill: "none", className: className, xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M8.73535 4L7.28711 5.53809H4.05469C3.6549 5.53813 3.33109 5.88285 3.33105 6.30762V11.6924C3.33109 12.1172 3.6549 12.4619 4.05469 12.4619H9.12305C9.52269 12.4617 9.84664 12.117 9.84668 11.6924V8.25781L11.2949 6.71973V11.6924C11.2949 12.9667 10.3224 13.9998 9.12305 14H4.05469C2.85521 14 1.88285 12.9669 1.88281 11.6924V6.30762C1.88285 5.03318 2.85521 4.00004 4.05469 4H8.73535ZM13.7266 2C13.9431 2 14.1191 2.16789 14.1191 2.375V5.59473C14.1191 5.92879 13.6963 6.0956 13.4492 5.85938L12.3203 4.78027L6.0459 10.7803C5.7396 11.0731 5.24282 11.0731 4.93652 10.7803C4.63043 10.4874 4.63042 10.0126 4.93652 9.71973L11.2109 3.71973L10.082 2.64062C9.83504 2.40445 10.0102 2.00022 10.3594 2H13.7266Z", fill: fill }) }));
 };
-//# sourceMappingURL=ShareIcon.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SubgraphIcon.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/icons/SubgraphIcon.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,CA2JpD,CAAC"}
+{"version":3,"file":"SubgraphIcon.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/icons/SubgraphIcon.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,CAmJpD,CAAC"}

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const SubgraphIcon = ({ width = 40, height = 48, className = '' }) => {
+import React from "react";
+export const SubgraphIcon = ({ 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_4816)", 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: "#3292ED", strokeWidth: "1.5" })] }), _jsx("path", { d: "M23 0L32 9H27C24.7909 9 23 7.20914 23 5V0Z", fill: "#3292ED" }), _jsx("path", { d: "M20.5882 22.603V17.1091L15.9729 14.3438L11.3575 17.1091V22.603L15.9729 25.3684L20.5882 22.603Z", stroke: "#3292ED", strokeWidth: "1.5" }), _jsx("ellipse", { cx: "16.0001", cy: "14.3714", rx: "1.38462", ry: "1.37137", fill: "white", stroke: "#3292ED", strokeWidth: "1.5" }), _jsx("ellipse", { cx: "16.0001", cy: "25.344", rx: "1.38462", ry: "1.37137", fill: "white", stroke: "#3292ED", strokeWidth: "1.5" }), _jsx("ellipse", { cx: "11.3846", cy: "17.1136", rx: "1.38462", ry: "1.37137", fill: "white", stroke: "#3292ED", strokeWidth: "1.5" }), _jsx("ellipse", { cx: "20.6153", cy: "17.1136", rx: "1.38462", ry: "1.37137", fill: "white", stroke: "#3292ED", strokeWidth: "1.5" }), _jsx("ellipse", { cx: "20.6153", cy: "22.5999", rx: "1.38462", ry: "1.37137", fill: "white", stroke: "#3292ED", strokeWidth: "1.5" }), _jsx("ellipse", { cx: "11.3846", cy: "22.5999", rx: "1.38462", ry: "1.37137", fill: "white", stroke: "#3292ED", strokeWidth: "1.5" }), _jsx("defs", { children: _jsxs("filter", { id: "filter0_di_2184_4816", 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_4816" }), _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_4816" }), _jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_2184_4816", 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_4816" })] }) })] }));
 };
-//# sourceMappingURL=SubgraphIcon.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"VetraIcon.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/icons/VetraIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAiC9C,CAAC"}
+{"version":3,"file":"VetraIcon.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-drive-app/icons/VetraIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAiC9C,CAAC"}

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const VetraIcon = ({ width = 23, height = 22, className = '', fill = '#343839' }) => {
+import React from "react";
+export const VetraIcon = ({ width = 23, height = 22, className = "", fill = "#343839", }) => {
     return (_jsxs("svg", { width: width, height: height, viewBox: "0 0 23 22", fill: "none", className: className, xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M23 8.75169C23 9.6137 22.2916 10.3125 21.4177 10.3125L20.457 10.3125C16.0876 10.3125 12.5455 6.8185 12.5455 2.50844L12.5455 1.56081C12.5455 0.698798 13.2539 1.13218e-07 14.1278 1.88577e-07L21.4177 8.17224e-07C22.2916 8.92583e-07 23 0.6988 23 1.56081L23 8.75169Z", fill: fill }), _jsx("path", { d: "M14.1278 22C13.2539 22 12.5455 21.3012 12.5455 20.4392L12.5455 19.4916C12.5455 15.1815 16.0876 11.6875 20.457 11.6875L21.4177 11.6875C22.2916 11.6875 23 12.3863 23 13.2483L23 20.4392C23 21.3012 22.2916 22 21.4177 22L14.1278 22Z", fill: fill }), _jsx("path", { d: "M0 13.2483C0 12.3863 0.708424 11.6875 1.58231 11.6875H2.543C6.91243 11.6875 10.4545 15.1815 10.4545 19.4916V20.4392C10.4545 21.3012 9.74612 22 8.87224 22H1.58231C0.708423 22 0 21.3012 0 20.4392L0 13.2483Z", fill: fill }), _jsx("path", { d: "M8.87224 -6.82252e-08C9.74612 -3.05454e-08 10.4545 0.698799 10.4545 1.56081L10.4545 2.50845C10.4545 6.81851 6.91242 10.3125 2.543 10.3125L1.58231 10.3125C0.708423 10.3125 5.27658e-07 9.6137 5.65857e-07 8.75169L8.84509e-07 1.56081C9.22708e-07 0.698798 0.708425 -4.20228e-07 1.58231 -3.82548e-07L8.87224 -6.82252e-08Z", fill: fill })] }));
 };
-//# sourceMappingURL=VetraIcon.js.map

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

@@ -0,0 +1,3 @@
+import type { EditorModule } from "document-model";
+export declare const VetraDriveApp: EditorModule;
+//# sourceMappingURL=module.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../editors/vetra-drive-app/module.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,eAAO,MAAM,aAAa,EAAE,YAO3B,CAAC"}

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

@@ -0,0 +1,9 @@
+import { lazy } from "react";
+export const VetraDriveApp = {
+    Component: lazy(() => import("./editor.js")),
+    documentTypes: ["powerhouse/document-drive"],
+    config: {
+        id: "vetra-drive-app",
+        name: "Vetra Drive App",
+    },
+};

package/dist/editors/vetra-package/components/MetaForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MetaForm.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-package/components/MetaForm.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iDAAiD,CAAC;AAE/E,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,wBAAwB,CAAC,EAAE,CAAC,gBAAgB,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAChE,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAkP5C,CAAA"}
+{"version":3,"file":"MetaForm.d.ts","sourceRoot":"","sources":["../../../../editors/vetra-package/components/MetaForm.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iDAAiD,CAAC;AAE/E,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,wBAAwB,CAAC,EAAE,CAAC,gBAAgB,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAChE,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAgS5C,CAAC"}

package/dist/editors/vetra-package/components/MetaForm.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { useDebounce } from "../../hooks/index.js";
 export const MetaForm = (props) => {
-    const { name: initialName, description: initialDescription, category: initialCategory, publisher: initialPublisher, publisherUrl: initialPublisherUrl, githubRepository: initialGithubRepository, npmPackage: initialNpmPackage, keywords: initialKeywords, onNameChange, onDescriptionChange, onCategoryChange, onPublisherChange, onPublisherUrlChange, onGithubRepositoryChange, onNpmPackageChange, onAddKeyword, onRemoveKeyword } = props;
+    const { name: initialName, description: initialDescription, category: initialCategory, publisher: initialPublisher, publisherUrl: initialPublisherUrl, githubRepository: initialGithubRepository, npmPackage: initialNpmPackage, keywords: initialKeywords, onNameChange, onDescriptionChange, onCategoryChange, onPublisherChange, onPublisherUrlChange, onGithubRepositoryChange, onNpmPackageChange, onAddKeyword, onRemoveKeyword, } = props;
     const [name, setName] = useState(initialName);
     const [description, setDescription] = useState(initialDescription);
     const [category, setCategory] = useState(initialCategory);
@@ -20,24 +20,23 @@ export const MetaForm = (props) => {
     useDebounce(publisherUrl, onPublisherUrlChange, 300);
     useDebounce(githubRepository, onGithubRepositoryChange, 300);
     useDebounce(npmPackage, onNpmPackageChange, 300);
-    return (_jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6 p-6 bg-white", children: [_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Name" }), _jsx("input", { type: "text", value: name, onChange: (e) => setName(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Description" }), _jsx("textarea", { rows: 6, value: description, onChange: (e) => setDescription(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent resize-none" })] })] }), _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Category" }), _jsxs("select", { value: category, onChange: (e) => {
+    return (_jsxs("div", { className: "grid grid-cols-1 gap-6 bg-white p-6 lg:grid-cols-3", children: [_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { children: [_jsx("label", { htmlFor: "package-name", className: "mb-2 block text-sm font-medium text-gray-700", children: "Name" }), _jsx("input", { id: "package-name", type: "text", value: name, onChange: (e) => setName(e.target.value), className: "w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "package-description", className: "mb-2 block text-sm font-medium text-gray-700", children: "Description" }), _jsx("textarea", { id: "package-description", rows: 6, value: description, onChange: (e) => setDescription(e.target.value), className: "w-full resize-none rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500" })] })] }), _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { children: [_jsx("label", { htmlFor: "package-category", className: "mb-2 block text-sm font-medium text-gray-700", children: "Category" }), _jsxs("select", { id: "package-category", value: category, onChange: (e) => {
                                     const newValue = e.target.value;
                                     setCategory(newValue);
                                     onCategoryChange?.(newValue);
-                                }, className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent", children: [_jsx("option", { value: "", children: "Not selected" }), _jsx("option", { value: "Productivity", children: "Productivity" }), _jsx("option", { value: "Governance", children: "Governance" }), _jsx("option", { value: "Project Management", children: "Project Management" }), _jsx("option", { value: "Finance", children: "Finance" }), _jsx("option", { value: "Legal", children: "Legal" }), _jsx("option", { value: "People & Culture", children: "People & Culture" }), _jsx("option", { value: "Engineering", children: "Engineering" })] })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Publisher" }), _jsx("input", { type: "text", value: publisher, onChange: (e) => setPublisher(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Publisher URL" }), _jsx("input", { type: "text", value: publisherUrl, onChange: (e) => setPublisherUrl(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Keywords" }), _jsxs("div", { className: "space-y-2", children: [_jsx("input", { type: "text", value: keywordInput, onChange: (e) => setKeywordInput(e.target.value), onKeyDown: (e) => {
-                                            if (e.key === 'Enter' && keywordInput.trim()) {
+                                }, className: "w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500", children: [_jsx("option", { value: "", children: "Not selected" }), _jsx("option", { value: "Productivity", children: "Productivity" }), _jsx("option", { value: "Governance", children: "Governance" }), _jsx("option", { value: "Project Management", children: "Project Management" }), _jsx("option", { value: "Finance", children: "Finance" }), _jsx("option", { value: "Legal", children: "Legal" }), _jsx("option", { value: "People & Culture", children: "People & Culture" }), _jsx("option", { value: "Engineering", children: "Engineering" })] })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "package-publisher", className: "mb-2 block text-sm font-medium text-gray-700", children: "Publisher" }), _jsx("input", { id: "package-publisher", type: "text", value: publisher, onChange: (e) => setPublisher(e.target.value), className: "w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "package-publisher-url", className: "mb-2 block text-sm font-medium text-gray-700", children: "Publisher URL" }), _jsx("input", { id: "package-publisher-url", type: "text", value: publisherUrl, onChange: (e) => setPublisherUrl(e.target.value), className: "w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "package-keywords", className: "mb-2 block text-sm font-medium text-gray-700", children: "Keywords" }), _jsxs("div", { className: "space-y-2", children: [_jsx("input", { id: "package-keywords", type: "text", value: keywordInput, onChange: (e) => setKeywordInput(e.target.value), onKeyDown: (e) => {
+                                            if (e.key === "Enter" && keywordInput.trim()) {
                                                 e.preventDefault();
                                                 const newKeyword = {
                                                     id: Date.now().toString(), // Generate a unique ID
-                                                    label: keywordInput.trim()
+                                                    label: keywordInput.trim(),
                                                 };
                                                 setKeywords([...keywords, newKeyword]);
                                                 onAddKeyword?.(newKeyword);
-                                                setKeywordInput('');
+                                                setKeywordInput("");
                                             }
-                                        }, placeholder: "Type a keyword and press Enter", className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" }), _jsx("div", { className: "flex flex-wrap gap-2 p-3 border border-gray-300 rounded-md min-h-[80px]", children: keywords.map((keyword) => (_jsxs("span", { className: "inline-flex items-center px-2 py-0.5 rounded text-xs bg-blue-100 text-blue-800 border border-blue-300", children: [keyword.label, _jsx("button", { onClick: () => {
+                                        }, placeholder: "Type a keyword and press Enter", className: "w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500" }), _jsx("div", { className: "flex min-h-[80px] flex-wrap gap-2 rounded-md border border-gray-300 p-3", children: keywords.map((keyword) => (_jsxs("span", { className: "inline-flex items-center rounded border border-blue-300 bg-blue-100 px-2 py-0.5 text-xs text-blue-800", children: [keyword.label, _jsx("button", { onClick: () => {
                                                         setKeywords(keywords.filter((k) => k.id !== keyword.id));
                                                         onRemoveKeyword?.(keyword.id);
-                                                    }, className: "ml-1 text-blue-600 hover:text-blue-800 focus:outline-none", children: "\u00D7" })] }, keyword.id))) })] })] })] }), _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Github Repository" }), _jsx("input", { type: "text", value: githubRepository, onChange: (e) => setGithubRepository(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "NPM-package" }), _jsx("input", { type: "text", value: npmPackage, onChange: (e) => setNpmPackage(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Version" }), _jsx("input", { type: "text", placeholder: "1.0.0-dev", readOnly: true, className: "w-full px-3 py-2 border border-gray-300 rounded-md bg-gray-50 text-gray-500 cursor-not-allowed" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "License" }), _jsx("input", { type: "text", placeholder: "AGPL-3.0-only", readOnly: true, className: "w-full px-3 py-2 border border-gray-300 rounded-md bg-gray-50 text-gray-500 cursor-not-allowed" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Install with:" }), _jsx("input", { type: "text", placeholder: "@powerhousedao/todo-demo-package", readOnly: true, className: "w-full px-3 py-2 border border-gray-300 rounded-md bg-gray-50 text-gray-500 cursor-not-allowed" })] })] })] }));
+                                                    }, className: "ml-1 text-blue-600 hover:text-blue-800 focus:outline-none", children: "\u00D7" })] }, keyword.id))) })] })] })] }), _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { children: [_jsx("label", { htmlFor: "package-github", className: "mb-2 block text-sm font-medium text-gray-700", children: "Github Repository" }), _jsx("input", { id: "package-github", type: "text", value: githubRepository, onChange: (e) => setGithubRepository(e.target.value), className: "w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "package-npm", className: "mb-2 block text-sm font-medium text-gray-700", children: "NPM-package" }), _jsx("input", { id: "package-npm", type: "text", value: npmPackage, onChange: (e) => setNpmPackage(e.target.value), className: "w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "package-version", className: "mb-2 block text-sm font-medium text-gray-700", children: "Version" }), _jsx("input", { id: "package-version", type: "text", placeholder: "1.0.0-dev", readOnly: true, className: "w-full cursor-not-allowed rounded-md border border-gray-300 bg-gray-50 px-3 py-2 text-gray-500" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "package-license", className: "mb-2 block text-sm font-medium text-gray-700", children: "License" }), _jsx("input", { id: "package-license", type: "text", placeholder: "AGPL-3.0-only", readOnly: true, className: "w-full cursor-not-allowed rounded-md border border-gray-300 bg-gray-50 px-3 py-2 text-gray-500" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "package-install", className: "mb-2 block text-sm font-medium text-gray-700", children: "Install with:" }), _jsx("input", { id: "package-install", type: "text", placeholder: "@powerhousedao/todo-demo-package", readOnly: true, className: "w-full cursor-not-allowed rounded-md border border-gray-300 bg-gray-50 px-3 py-2 text-gray-500" })] })] })] }));
 };
-//# sourceMappingURL=MetaForm.js.map

package/dist/editors/vetra-package/components/index.js

@@ -1,2 +1 @@
 export * from "./MetaForm.js";
-//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -0,0 +1,3 @@
+export const editorConfig = {
+    isExternalControlsEnabled: false,
+};

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

@@ -1,4 +1,5 @@
-import type { EditorProps } from "document-model";
-export type IProps = EditorProps;
-export default function Editor(props: IProps): import("react/jsx-runtime").JSX.Element;
+export type EditorProps = {
+    displayToolbar?: boolean;
+};
+export default function Editor(props: EditorProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=editor.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/vetra-package/editor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAQlD,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC;AAEjC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,MAAM,2CA4F3C"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/vetra-package/editor.tsx"],"names":[],"mappings":"AAQA,MAAM,MAAM,WAAW,GAAG;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,2CA2GhD"}

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

@@ -1,67 +1,69 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useDocumentById } from "@powerhousedao/reactor-browser";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DocumentToolbar } from "@powerhousedao/design-system/connect";
+import { useSetPHDocumentEditorConfig } from "@powerhousedao/reactor-browser";
 import { useCallback } from "react";
 import { actions } from "../../document-models/vetra-package/index.js";
+import { useSelectedDriveVetraPackage } from "../hooks/useVetraDocument.js";
 import { MetaForm } from "./components/MetaForm.js";
+import { editorConfig } from "./config.js";
 export default function Editor(props) {
-    const { document: initialDocument } = props;
-    const [document, dispatch] = useDocumentById(initialDocument.header.id);
-    const unsafeCastOfDocument = document;
+    const { displayToolbar = true } = props;
+    useSetPHDocumentEditorConfig(editorConfig);
+    const [document, dispatch] = useSelectedDriveVetraPackage();
     const onNameChange = useCallback((name) => {
-        if (!unsafeCastOfDocument.state.global.name && !name)
+        if (!document.state.global.name && !name)
             return;
-        if (name === unsafeCastOfDocument.state.global.name)
+        if (name === document.state.global.name)
             return;
         dispatch(actions.setPackageName({ name }));
-    }, [unsafeCastOfDocument.state.global.name]);
+    }, [document.state.global.name]);
     const onDescriptionChange = useCallback((description) => {
-        if (!unsafeCastOfDocument.state.global.description && !description)
+        if (!document.state.global.description && !description)
             return;
-        if (description === unsafeCastOfDocument.state.global.description)
+        if (description === document.state.global.description)
             return;
         dispatch(actions.setPackageDescription({ description }));
-    }, [unsafeCastOfDocument.state.global.description]);
+    }, [document.state.global.description]);
     const onCategoryChange = useCallback((category) => {
-        if (!unsafeCastOfDocument.state.global.category && !category)
+        if (!document.state.global.category && !category)
             return;
-        if (category === unsafeCastOfDocument.state.global.category)
+        if (category === document.state.global.category)
             return;
         dispatch(actions.setPackageCategory({ category }));
-    }, [unsafeCastOfDocument.state.global.category]);
+    }, [document.state.global.category]);
     const onPublisherChange = useCallback((name) => {
-        if (!unsafeCastOfDocument.state.global.author.name && !name)
+        if (!document.state.global.author.name && !name)
             return;
-        if (name === unsafeCastOfDocument.state.global.author.name)
+        if (name === document.state.global.author.name)
             return;
         dispatch(actions.setPackageAuthorName({ name }));
-    }, [unsafeCastOfDocument.state.global.author.name]);
+    }, [document.state.global.author.name]);
     const onPublisherUrlChange = useCallback((website) => {
-        if (!unsafeCastOfDocument.state.global.author.website && !website)
+        if (!document.state.global.author.website && !website)
             return;
-        if (website === unsafeCastOfDocument.state.global.author.website)
+        if (website === document.state.global.author.website)
             return;
         dispatch(actions.setPackageAuthorWebsite({ website }));
-    }, [unsafeCastOfDocument.state.global.author.website]);
+    }, [document.state.global.author.website]);
     const onGithubRepositoryChange = useCallback((url) => {
-        if (!unsafeCastOfDocument.state.global.githubUrl && !url)
+        if (!document.state.global.githubUrl && !url)
             return;
-        if (url === unsafeCastOfDocument.state.global.githubUrl)
+        if (url === document.state.global.githubUrl)
             return;
         dispatch(actions.setPackageGithubUrl({ url }));
-    }, [unsafeCastOfDocument.state.global.githubUrl]);
+    }, [document.state.global.githubUrl]);
     const onNpmPackageChange = useCallback((url) => {
-        if (!unsafeCastOfDocument.state.global.npmUrl && !url)
+        if (!document.state.global.npmUrl && !url)
             return;
-        if (url === unsafeCastOfDocument.state.global.npmUrl)
+        if (url === document.state.global.npmUrl)
             return;
         dispatch(actions.setPackageNpmUrl({ url }));
-    }, [unsafeCastOfDocument.state.global.npmUrl]);
+    }, [document.state.global.npmUrl]);
     const onAddKeyword = useCallback((keyword) => {
         dispatch(actions.addPackageKeyword(keyword));
     }, []);
     const onRemoveKeyword = useCallback((id) => {
         dispatch(actions.removePackageKeyword({ id }));
     }, []);
-    return (_jsx("div", { children: _jsx(MetaForm, { name: unsafeCastOfDocument.state.global.name ?? "", description: unsafeCastOfDocument.state.global.description ?? "", category: unsafeCastOfDocument.state.global.category ?? "", publisher: unsafeCastOfDocument.state.global.author.name ?? "", publisherUrl: unsafeCastOfDocument.state.global.author.website ?? "", githubRepository: unsafeCastOfDocument.state.global.githubUrl ?? "", npmPackage: unsafeCastOfDocument.state.global.npmUrl ?? "", keywords: unsafeCastOfDocument.state.global.keywords, onNameChange: onNameChange, onDescriptionChange: onDescriptionChange, onCategoryChange: onCategoryChange, onPublisherChange: onPublisherChange, onPublisherUrlChange: onPublisherUrlChange, onGithubRepositoryChange: onGithubRepositoryChange, onNpmPackageChange: onNpmPackageChange, onAddKeyword: onAddKeyword, onRemoveKeyword: onRemoveKeyword }) }));
+    return (_jsxs("div", { children: [displayToolbar && _jsx(DocumentToolbar, {}), _jsx(MetaForm, { name: document.state.global.name ?? "", description: document.state.global.description ?? "", category: document.state.global.category ?? "", publisher: document.state.global.author.name ?? "", publisherUrl: document.state.global.author.website ?? "", githubRepository: document.state.global.githubUrl ?? "", npmPackage: document.state.global.npmUrl ?? "", keywords: document.state.global.keywords, onNameChange: onNameChange, onDescriptionChange: onDescriptionChange, onCategoryChange: onCategoryChange, onPublisherChange: onPublisherChange, onPublisherUrlChange: onPublisherUrlChange, onGithubRepositoryChange: onGithubRepositoryChange, onNpmPackageChange: onNpmPackageChange, onAddKeyword: onAddKeyword, onRemoveKeyword: onRemoveKeyword })] }));
 }
-//# sourceMappingURL=editor.js.map

package/dist/editors/vetra-package/editor.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=editor.test.d.ts.map

package/dist/editors/vetra-package/editor.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.test.d.ts","sourceRoot":"","sources":["../../../editors/vetra-package/editor.test.tsx"],"names":[],"mappings":""}