@powerhousedao/vetra 5.0.0-staging.8 → 5.0.0

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

@@ -1,4 +1,4 @@
-import { type DriveEditorModule } from "@powerhousedao/reactor-browser";
-export declare const module: DriveEditorModule;
+import type { EditorModule } from "document-model";
+export declare const module: EditorModule;
 export default module;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../editors/vetra-drive-app/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAGxE,eAAO,MAAM,MAAM,EAAE,iBASpB,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../editors/vetra-drive-app/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,eAAO,MAAM,MAAM,EAAE,YAOpB,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -1,13 +1,10 @@
-import Editor from "./editor.js";
+import { Editor } from "./editor.js";
 export const module = {
     Component: Editor,
     documentTypes: ["powerhouse/document-drive"],
     config: {
         id: "vetra-drive-app",
-        disableExternalControls: true,
-        documentToolbarEnabled: true,
-        showSwitchboardLink: true,
+        name: "Vetra Drive App",
     },
 };
 export default module;
-//# sourceMappingURL=index.js.map

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 declare 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,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,2CA2GxC"}

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";
+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";
-export default function Editor(props) {
-    const { document: initialDocument } = props;
-    const [document, dispatch] = useDocumentById(initialDocument.header.id);
-    const unsafeCastOfDocument = document;
+import { editorConfig } from "./config.js";
+export function Editor(props) {
+    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":""}