eddev 0.2.65 → 0.2.67-beta1

package/dev-ui/hooks/useBreakpoint.d.ts

@@ -1,4 +1,4 @@
-declare type Result = {
+type Result = {
     name: string;
     index: number;
     progress: number;

package/dev-ui/hooks/useBreakpoint.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useBreakpoint = void 0;
 // @ts-ignore
-var _theme_1 = require("@theme");
-var react_1 = require("react");
+const _theme_1 = require("@theme");
+const react_1 = require("react");
 function useBreakpoint() {
     // const [value, setValue] = useState(["initial", -1, 0] as [string, number, number])
-    var _a = (0, react_1.useState)({
+    const [value, setValue] = (0, react_1.useState)({
         name: "initial",
         index: -1,
         progress: 0,
@@ -14,11 +14,11 @@ function useBreakpoint() {
         width: 0,
         bpMin: 0,
         bpMax: 0,
-    }), value = _a[0], setValue = _a[1];
-    (0, react_1.useEffect)(function () {
-        var handle = function () {
-            var width = window.innerWidth;
-            var result = {
+    });
+    (0, react_1.useEffect)(() => {
+        const handle = () => {
+            const width = window.innerWidth;
+            const result = {
                 name: "initial",
                 index: 0,
                 offset: window.innerWidth,
@@ -27,10 +27,10 @@ function useBreakpoint() {
                 bpMin: 0,
                 bpMax: _theme_1.breakpoints[0].max,
             };
-            for (var index in _theme_1.breakpoints) {
-                var bp = _theme_1.breakpoints[index];
-                var key = bp.key;
-                var media = _theme_1.config.media[key];
+            for (let index in _theme_1.breakpoints) {
+                const bp = _theme_1.breakpoints[index];
+                const key = bp.key;
+                const media = _theme_1.config.media[key];
                 if (!media.includes("min-width") || !media)
                     continue;
                 if (window.matchMedia(media).matches) {
@@ -52,7 +52,7 @@ function useBreakpoint() {
         };
         handle();
         window.addEventListener("resize", handle);
-        return function () { return window.removeEventListener("resize", handle); };
+        return () => window.removeEventListener("resize", handle);
     }, []);
     return value;
 }

package/dev-ui/hooks/usePersistState.js

@@ -1,13 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePersistState = void 0;
-var react_1 = require("react");
-var get = function (id, fallback) {
-    if (fallback === void 0) { fallback = undefined; }
+const react_1 = require("react");
+const get = (id, fallback = undefined) => {
     if (typeof localStorage === "undefined") {
         return fallback;
     }
-    var value = localStorage.getItem("devui_" + id);
+    const value = localStorage.getItem("devui_" + id);
     if (value !== null) {
         try {
             return JSON.parse(value);
@@ -20,14 +19,14 @@ var get = function (id, fallback) {
         return fallback;
     }
 };
-var set = function (id, value) {
+const set = (id, value) => {
     localStorage.setItem("devui_" + id, JSON.stringify(value));
 };
 function usePersistState(id, initial) {
-    var _a = (0, react_1.useState)(function () { return get(id, initial); }), value = _a[0], setValue = _a[1];
+    const [value, setValue] = (0, react_1.useState)(() => get(id, initial));
     return [
         value,
-        function (value) {
+        (value) => {
             set(id, value);
             setValue(value);
         },

package/dev-ui/hooks/useStylesheet.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStylesheet = void 0;
-var react_1 = require("react");
+const react_1 = require("react");
 function useStylesheet(id) {
-    var _a = (0, react_1.useState)(null), element = _a[0], setElement = _a[1];
-    (0, react_1.useEffect)(function () {
+    const [element, setElement] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
         if (!element) {
-            var style = document.getElementById("devui-" + id);
+            let style = document.getElementById("devui-" + id);
             if (!style) {
                 style = document.createElement("style");
                 style.id = "devui-" + id;
@@ -16,12 +16,12 @@ function useStylesheet(id) {
         }
     }, [element]);
     return {
-        clear: function () {
+        clear() {
             if (element) {
                 element.innerHTML = "";
             }
         },
-        set: function (value) {
+        set(value) {
             if (element) {
                 element.innerHTML = value;
             }

package/dev-ui/icons.d.ts

@@ -1,16 +1,15 @@
-/// <reference types="react" />
-export declare const bolt: JSX.Element;
-export declare const typography: JSX.Element;
-export declare const ruler: JSX.Element;
-export declare const structure: JSX.Element;
-export declare const code: JSX.Element;
-export declare const share: JSX.Element;
-export declare const close: JSX.Element;
-export declare const check: JSX.Element;
-export declare const checkEmpty: JSX.Element;
-export declare const checkFilled: JSX.Element;
-export declare const line: JSX.Element;
-export declare const copy: JSX.Element;
-export declare const paste: JSX.Element;
-export declare const trash: JSX.Element;
-export declare const color: JSX.Element;
+export declare const bolt: import("react/jsx-runtime").JSX.Element;
+export declare const typography: import("react/jsx-runtime").JSX.Element;
+export declare const ruler: import("react/jsx-runtime").JSX.Element;
+export declare const structure: import("react/jsx-runtime").JSX.Element;
+export declare const code: import("react/jsx-runtime").JSX.Element;
+export declare const share: import("react/jsx-runtime").JSX.Element;
+export declare const close: import("react/jsx-runtime").JSX.Element;
+export declare const check: import("react/jsx-runtime").JSX.Element;
+export declare const checkEmpty: import("react/jsx-runtime").JSX.Element;
+export declare const checkFilled: import("react/jsx-runtime").JSX.Element;
+export declare const line: import("react/jsx-runtime").JSX.Element;
+export declare const copy: import("react/jsx-runtime").JSX.Element;
+export declare const paste: import("react/jsx-runtime").JSX.Element;
+export declare const trash: import("react/jsx-runtime").JSX.Element;
+export declare const color: import("react/jsx-runtime").JSX.Element;

package/dev-ui/icons.js

@@ -1,30 +1,19 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.color = exports.trash = exports.paste = exports.copy = exports.line = exports.checkFilled = exports.checkEmpty = exports.check = exports.close = exports.share = exports.code = exports.structure = exports.ruler = exports.typography = exports.bolt = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-exports.bolt = ((0, jsx_runtime_1.jsxs)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" }, { children: [(0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("rect", { fill: "none", height: "24", width: "24" }, void 0) }, void 0), (0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("path", { d: "M11,21h-1l1-7H6.74c0,0,3.68-6.46,6.26-11h1l-1,7h4.28L11,21z" }, void 0) }, void 0)] }), void 0));
-exports.typography = ((0, jsx_runtime_1.jsx)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M2.5 4v3h5v12h3V7h5V4h-13zm19 5h-9v3h3v7h3v-7h3V9z" }, void 0) }), void 0));
-exports.ruler = ((0, jsx_runtime_1.jsxs)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M0 0h24v24H0V0z", fill: "none" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M23 6H1v12h22V6zm-2 10H3V8h2v4h2V8h2v4h2V8h2v4h2V8h2v4h2V8h2v8z" }, void 0)] }), void 0));
-exports.structure = ((0, jsx_runtime_1.jsxs)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", enableBackground: "new 0 0 24 24", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" }, { children: [(0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("rect", { fill: "none", height: "24", width: "24" }, void 0) }, void 0), (0, jsx_runtime_1.jsx)("polygon", { points: "22,11 22,3 15,3 15,6 9,6 9,3 2,3 2,11 9,11 9,8 11,8 11,18 15,18 15,21 22,21 22,13 15,13 15,16 13,16 13,8 15,8 15,11" }, void 0)] }), void 0));
-exports.code = ((0, jsx_runtime_1.jsxs)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M0 0h24v24H0V0z", fill: "none" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z" }, void 0)] }), void 0));
-exports.share = ((0, jsx_runtime_1.jsxs)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", enableBackground: "new 0 0 24 24", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" }, { children: [(0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("rect", { fill: "none", height: "24", width: "24" }, void 0) }, void 0), (0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("polygon", { points: "23,3 1,3 1,13 3,13 3,5 21,5 21,21 23,21" }, void 0) }, void 0), (0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("circle", { cx: "9", cy: "10", r: "4" }, void 0) }, void 0), (0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("path", { d: "M15.39,16.56C13.71,15.7,11.53,15,9,15c-2.53,0-4.71,0.7-6.39,1.56C1.61,17.07,1,18.1,1,19.22V22h16v-2.78 C17,18.1,16.39,17.07,15.39,16.56z" }, void 0) }, void 0)] }, void 0) }, void 0)] }), void 0));
-exports.close = ((0, jsx_runtime_1.jsxs)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M0 0h24v24H0V0z", fill: "none" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z" }, void 0)] }), void 0));
-exports.check = ((0, jsx_runtime_1.jsxs)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M0 0h24v24H0V0z", fill: "none" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z" }, void 0)] }), void 0));
-exports.checkEmpty = ((0, jsx_runtime_1.jsxs)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M0 0h24v24H0V0z", fill: "none" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M19 5v14H5V5h14m2-2H3v18h18V3z" }, void 0)] }), void 0));
-exports.checkFilled = ((0, jsx_runtime_1.jsxs)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M0 0h24v24H0V0z", fill: "none" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M21 3H3v18h18V3zM10 17l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" }, void 0)] }), void 0));
-exports.line = ((0, jsx_runtime_1.jsxs)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", enableBackground: "new 0 0 24 24", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" }, { children: [(0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("rect", { fill: "none", height: "24", width: "24", x: "0" }, void 0) }, void 0), (0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("path", { d: "M23,8c0,1.1-0.9,2-2,2c-0.18,0-0.35-0.02-0.51-0.07l-3.56,3.55C16.98,13.64,17,13.82,17,14c0,1.1-0.9,2-2,2s-2-0.9-2-2 c0-0.18,0.02-0.36,0.07-0.52l-2.55-2.55C10.36,10.98,10.18,11,10,11c-0.18,0-0.36-0.02-0.52-0.07l-4.55,4.56 C4.98,15.65,5,15.82,5,16c0,1.1-0.9,2-2,2s-2-0.9-2-2s0.9-2,2-2c0.18,0,0.35,0.02,0.51,0.07l4.56-4.55C8.02,9.36,8,9.18,8,9 c0-1.1,0.9-2,2-2s2,0.9,2,2c0,0.18-0.02,0.36-0.07,0.52l2.55,2.55C14.64,12.02,14.82,12,15,12c0.18,0,0.36,0.02,0.52,0.07 l3.55-3.56C19.02,8.35,19,8.18,19,8c0-1.1,0.9-2,2-2S23,6.9,23,8z" }, void 0) }, void 0) }, void 0)] }), void 0));
-exports.copy = ((0, jsx_runtime_1.jsxs)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M0 0h24v24H0V0z", fill: "none" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z" }, void 0)] }), void 0));
-exports.paste = ((0, jsx_runtime_1.jsxs)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M0 0h24v24H0V0z", fill: "none" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M19 2h-4.18C14.4.84 13.3 0 12 0S9.6.84 9.18 2H5c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm7 18H5V4h2v3h10V4h2v16z" }, void 0)] }), void 0));
-exports.trash = ((0, jsx_runtime_1.jsxs)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M0 0h24v24H0V0z", fill: "none" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M6 21h12V7H6v14zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z" }, void 0)] }), void 0));
-exports.color = ((0, jsx_runtime_1.jsx)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", height: "48", width: "48", viewBox: "0 0 48 48" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M24 44q-4.1 0-7.75-1.575-3.65-1.575-6.375-4.3-2.725-2.725-4.3-6.375Q4 28.1 4 24q0-4.25 1.6-7.9 1.6-3.65 4.375-6.35 2.775-2.7 6.5-4.225Q20.2 4 24.45 4q3.95 0 7.5 1.325T38.175 9q2.675 2.35 4.25 5.575Q44 17.8 44 21.65q0 5.4-3.15 8.525T32.5 33.3h-3.75q-.9 0-1.55.7t-.65 1.55q0 1.35.725 2.3.725.95.725 2.2 0 1.9-1.05 2.925T24 44Zm0-20Zm-11.65 1.3q1 0 1.75-.75t.75-1.75q0-1-.75-1.75t-1.75-.75q-1 0-1.75.75t-.75 1.75q0 1 .75 1.75t1.75.75Zm6.3-8.5q1 0 1.75-.75t.75-1.75q0-1-.75-1.75t-1.75-.75q-1 0-1.75.75t-.75 1.75q0 1 .75 1.75t1.75.75Zm10.7 0q1 0 1.75-.75t.75-1.75q0-1-.75-1.75t-1.75-.75q-1 0-1.75.75t-.75 1.75q0 1 .75 1.75t1.75.75Zm6.55 8.5q1 0 1.75-.75t.75-1.75q0-1-.75-1.75t-1.75-.75q-1 0-1.75.75t-.75 1.75q0 1 .75 1.75t1.75.75ZM24 41q.55 0 .775-.225.225-.225.225-.725 0-.7-.725-1.3-.725-.6-.725-2.65 0-2.3 1.5-4.05t3.8-1.75h3.65q3.8 0 6.15-2.225Q41 25.85 41 21.65q0-6.6-5-10.625T24.45 7q-7.3 0-12.375 4.925T7 24q0 7.05 4.975 12.025Q16.95 41 24 41Z" }, void 0) }), void 0));
+const jsx_runtime_1 = require("react/jsx-runtime");
+exports.bolt = ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000", children: [(0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("rect", { fill: "none", height: "24", width: "24" }) }), (0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("path", { d: "M11,21h-1l1-7H6.74c0,0,3.68-6.46,6.26-11h1l-1,7h4.28L11,21z" }) })] }));
+exports.typography = ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000", children: (0, jsx_runtime_1.jsx)("path", { d: "M2.5 4v3h5v12h3V7h5V4h-13zm19 5h-9v3h3v7h3v-7h3V9z" }) }));
+exports.ruler = ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000", children: [(0, jsx_runtime_1.jsx)("path", { d: "M0 0h24v24H0V0z", fill: "none" }), (0, jsx_runtime_1.jsx)("path", { d: "M23 6H1v12h22V6zm-2 10H3V8h2v4h2V8h2v4h2V8h2v4h2V8h2v4h2V8h2v8z" })] }));
+exports.structure = ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", enableBackground: "new 0 0 24 24", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000", children: [(0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("rect", { fill: "none", height: "24", width: "24" }) }), (0, jsx_runtime_1.jsx)("polygon", { points: "22,11 22,3 15,3 15,6 9,6 9,3 2,3 2,11 9,11 9,8 11,8 11,18 15,18 15,21 22,21 22,13 15,13 15,16 13,16 13,8 15,8 15,11" })] }));
+exports.code = ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000", children: [(0, jsx_runtime_1.jsx)("path", { d: "M0 0h24v24H0V0z", fill: "none" }), (0, jsx_runtime_1.jsx)("path", { d: "M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z" })] }));
+exports.share = ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", enableBackground: "new 0 0 24 24", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000", children: [(0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("rect", { fill: "none", height: "24", width: "24" }) }), (0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("polygon", { points: "23,3 1,3 1,13 3,13 3,5 21,5 21,21 23,21" }) }), (0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("circle", { cx: "9", cy: "10", r: "4" }) }), (0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("path", { d: "M15.39,16.56C13.71,15.7,11.53,15,9,15c-2.53,0-4.71,0.7-6.39,1.56C1.61,17.07,1,18.1,1,19.22V22h16v-2.78 C17,18.1,16.39,17.07,15.39,16.56z" }) })] }) })] }));
+exports.close = ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000", children: [(0, jsx_runtime_1.jsx)("path", { d: "M0 0h24v24H0V0z", fill: "none" }), (0, jsx_runtime_1.jsx)("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z" })] }));
+exports.check = ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000", children: [(0, jsx_runtime_1.jsx)("path", { d: "M0 0h24v24H0V0z", fill: "none" }), (0, jsx_runtime_1.jsx)("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z" })] }));
+exports.checkEmpty = ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000", children: [(0, jsx_runtime_1.jsx)("path", { d: "M0 0h24v24H0V0z", fill: "none" }), (0, jsx_runtime_1.jsx)("path", { d: "M19 5v14H5V5h14m2-2H3v18h18V3z" })] }));
+exports.checkFilled = ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000", children: [(0, jsx_runtime_1.jsx)("path", { d: "M0 0h24v24H0V0z", fill: "none" }), (0, jsx_runtime_1.jsx)("path", { d: "M21 3H3v18h18V3zM10 17l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" })] }));
+exports.line = ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", enableBackground: "new 0 0 24 24", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000", children: [(0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("rect", { fill: "none", height: "24", width: "24", x: "0" }) }), (0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("path", { d: "M23,8c0,1.1-0.9,2-2,2c-0.18,0-0.35-0.02-0.51-0.07l-3.56,3.55C16.98,13.64,17,13.82,17,14c0,1.1-0.9,2-2,2s-2-0.9-2-2 c0-0.18,0.02-0.36,0.07-0.52l-2.55-2.55C10.36,10.98,10.18,11,10,11c-0.18,0-0.36-0.02-0.52-0.07l-4.55,4.56 C4.98,15.65,5,15.82,5,16c0,1.1-0.9,2-2,2s-2-0.9-2-2s0.9-2,2-2c0.18,0,0.35,0.02,0.51,0.07l4.56-4.55C8.02,9.36,8,9.18,8,9 c0-1.1,0.9-2,2-2s2,0.9,2,2c0,0.18-0.02,0.36-0.07,0.52l2.55,2.55C14.64,12.02,14.82,12,15,12c0.18,0,0.36,0.02,0.52,0.07 l3.55-3.56C19.02,8.35,19,8.18,19,8c0-1.1,0.9-2,2-2S23,6.9,23,8z" }) }) })] }));
+exports.copy = ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000", children: [(0, jsx_runtime_1.jsx)("path", { d: "M0 0h24v24H0V0z", fill: "none" }), (0, jsx_runtime_1.jsx)("path", { d: "M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z" })] }));
+exports.paste = ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000", children: [(0, jsx_runtime_1.jsx)("path", { d: "M0 0h24v24H0V0z", fill: "none" }), (0, jsx_runtime_1.jsx)("path", { d: "M19 2h-4.18C14.4.84 13.3 0 12 0S9.6.84 9.18 2H5c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm7 18H5V4h2v3h10V4h2v16z" })] }));
+exports.trash = ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000", children: [(0, jsx_runtime_1.jsx)("path", { d: "M0 0h24v24H0V0z", fill: "none" }), (0, jsx_runtime_1.jsx)("path", { d: "M6 21h12V7H6v14zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z" })] }));
+exports.color = ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", height: "48", width: "48", viewBox: "0 0 48 48", children: (0, jsx_runtime_1.jsx)("path", { d: "M24 44q-4.1 0-7.75-1.575-3.65-1.575-6.375-4.3-2.725-2.725-4.3-6.375Q4 28.1 4 24q0-4.25 1.6-7.9 1.6-3.65 4.375-6.35 2.775-2.7 6.5-4.225Q20.2 4 24.45 4q3.95 0 7.5 1.325T38.175 9q2.675 2.35 4.25 5.575Q44 17.8 44 21.65q0 5.4-3.15 8.525T32.5 33.3h-3.75q-.9 0-1.55.7t-.65 1.55q0 1.35.725 2.3.725.95.725 2.2 0 1.9-1.05 2.925T24 44Zm0-20Zm-11.65 1.3q1 0 1.75-.75t.75-1.75q0-1-.75-1.75t-1.75-.75q-1 0-1.75.75t-.75 1.75q0 1 .75 1.75t1.75.75Zm6.3-8.5q1 0 1.75-.75t.75-1.75q0-1-.75-1.75t-1.75-.75q-1 0-1.75.75t-.75 1.75q0 1 .75 1.75t1.75.75Zm10.7 0q1 0 1.75-.75t.75-1.75q0-1-.75-1.75t-1.75-.75q-1 0-1.75.75t-.75 1.75q0 1 .75 1.75t1.75.75Zm6.55 8.5q1 0 1.75-.75t.75-1.75q0-1-.75-1.75t-1.75-.75q-1 0-1.75.75t-.75 1.75q0 1 .75 1.75t1.75.75ZM24 41q.55 0 .775-.225.225-.225.225-.725 0-.7-.725-1.3-.725-.6-.725-2.65 0-2.3 1.5-4.05t3.8-1.75h3.65q3.8 0 6.15-2.225Q41 25.85 41 21.65q0-6.6-5-10.625T24.45 7q-7.3 0-12.375 4.925T7 24q0 7.05 4.975 12.025Q16.95 41 24 41Z" }) }));

package/dev-ui/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dev-ui/loader.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare function DevUILoader(): JSX.Element | null;
+export declare function DevUILoader(): import("react/jsx-runtime").JSX.Element | null;

package/dev-ui/loader.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -20,20 +24,20 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DevUILoader = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var dynamic_1 = require("../dynamic");
-var usePersistState_1 = require("./hooks/usePersistState");
-var DevUI = (0, dynamic_1.dynamic)(function () { return Promise.resolve().then(function () { return __importStar(require("./components/DevUI")); }); }, { ssr: false });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const dynamic_1 = require("../dynamic");
+const usePersistState_1 = require("./hooks/usePersistState");
+const DevUI = (0, dynamic_1.dynamic)(() => Promise.resolve().then(() => __importStar(require("./components/DevUI"))), { ssr: false });
 function DevUILoader() {
-    var _a = (0, usePersistState_1.usePersistState)("enable_devui", process.dev || (typeof window !== "undefined" && window["ENABLE_DEV_UI"])), render = _a[0], setRender = _a[1];
-    (0, react_1.useEffect)(function () {
+    const [render, setRender] = (0, usePersistState_1.usePersistState)("enable_devui", process.dev || (typeof window !== "undefined" && window["ENABLE_DEV_UI"]));
+    (0, react_1.useEffect)(() => {
         if (document.location.search.includes("activate-dev-ui")) {
             setRender(true);
         }
     }, []);
     if (render) {
-        return (0, jsx_runtime_1.jsx)(DevUI, {}, void 0);
+        return (0, jsx_runtime_1.jsx)(DevUI, {});
     }
     else {
         return null;

package/dev-ui/panels.d.ts

@@ -1,5 +1,5 @@
 import { ComponentType, ReactNode } from "react";
-declare type DevUIPanelItem = {
+type DevUIPanelItem = {
     label: string;
     icon: ReactNode;
     component: ComponentType;
@@ -7,5 +7,5 @@ declare type DevUIPanelItem = {
 export declare const DEV_UI_PANELS: {
     [key: string]: DevUIPanelItem;
 };
-export declare type PanelID = keyof typeof DEV_UI_PANELS;
+export type PanelID = keyof typeof DEV_UI_PANELS;
 export {};

package/dev-ui/panels.js

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DEV_UI_PANELS = void 0;
-var AppDataDebugger_1 = require("./components/panels/AppDataDebugger");
-var ColorEditor_1 = require("./components/panels/ColorEditor");
-var PageDataDebugger_1 = require("./components/panels/PageDataDebugger");
-var QueryDebugger_1 = require("./components/panels/QueryDebugger");
-var SpacingEditor_1 = require("./components/panels/SpacingEditor");
-var TypographyEditor_1 = require("./components/panels/TypographyEditor");
-var icons_1 = require("./icons");
+const AppDataDebugger_1 = require("./components/panels/AppDataDebugger");
+const ColorEditor_1 = require("./components/panels/ColorEditor");
+const PageDataDebugger_1 = require("./components/panels/PageDataDebugger");
+const QueryDebugger_1 = require("./components/panels/QueryDebugger");
+const SpacingEditor_1 = require("./components/panels/SpacingEditor");
+const TypographyEditor_1 = require("./components/panels/TypographyEditor");
+const icons_1 = require("./icons");
 exports.DEV_UI_PANELS = {
     typography: {
         label: "Typography",

package/dev-ui/theme.d.ts

@@ -1,59 +1,51 @@
-/// <reference types="react" />
-export declare const styled: <Type extends import("@stitches/react/types/util").Function | keyof JSX.IntrinsicElements | import("react").ComponentType<any>, Composers extends (string | import("@stitches/react/types/util").Function | import("react").ComponentType<any> | {
-    [name: string]: unknown;
-})[], CSS = import("@stitches/react/types/css-util").CSS<{}, {
-    space: {
-        smallButtonHeight: string;
-        buttonHeight: string;
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-    };
-    colors: {
-        bg: string;
-        bgHover: string;
-        bgHoverLight: string;
-        bgLine: string;
-        bgLineStrong: string;
-        button: string;
-        buttonHover: string;
-        fg: string;
-        fgFaded: string;
-    };
-    fontSizes: {
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    fonts: {
-        body: string;
-        mono: string;
-    };
-    radii: {
-        sm: string;
-        md: string;
-        lg: string;
-    };
-    transitions: {
-        default: string;
-    };
-}, import("@stitches/react/types/config").DefaultThemeMap, {}>>(type: Type, ...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("@stitches/react/types/util").Function | import("react").ComponentType<any> ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex<CSS> & {
-    variants?: {
-        [x: string]: {
-            [x: string]: CSS;
-            [x: number]: CSS;
+export declare const styled: {
+    withConfig: (config: {
+        componentId?: string | undefined;
+        displayName?: string | undefined;
+        shouldForwardStitchesProp?: ((prop: "css" | (string & {})) => boolean | void) | undefined;
+    }) => import("@stitches/react/types/stitches").StyledFunctionType<{}, {
+        space: {
+            smallButtonHeight: string;
+            buttonHeight: string;
+            0: string;
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+        };
+        colors: {
+            bg: string;
+            bgHover: string;
+            bgHoverLight: string;
+            bgLine: string;
+            bgLineStrong: string;
+            button: string;
+            buttonHover: string;
+            fg: string;
+            fgFaded: string;
+        };
+        fontSizes: {
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+        fonts: {
+            body: string;
+            mono: string;
         };
-    } | undefined;
-    compoundVariants?: (("variants" extends keyof Composers[K] ? { [Name in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]> | undefined; } : import("@stitches/react/types/util").WideObject) & {
-        css: CSS;
-    })[] | undefined;
-    defaultVariants?: ("variants" extends keyof Composers[K] ? { [Name_1 in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]> | undefined; } : import("@stitches/react/types/util").WideObject) | undefined;
-} & CSS & { [K2 in keyof Composers[K]]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; }; }) => import("@stitches/react/types/styled-component").StyledComponent<Type, import("@stitches/react/types/styled-component").StyledComponentProps<Composers>, {}, import("@stitches/react/types/css-util").CSS<{}, {
+        radii: {
+            sm: string;
+            md: string;
+            lg: string;
+        };
+        transitions: {
+            default: string;
+        };
+    }, import("@stitches/react/types/config").DefaultThemeMap, {}>;
+} & import("@stitches/react/types/stitches").StyledFunctionType<{}, {
     space: {
         smallButtonHeight: string;
         buttonHeight: string;
@@ -94,9 +86,54 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
     transitions: {
         default: string;
     };
-}, import("@stitches/react/types/config").DefaultThemeMap, {}>>, css: <Composers extends (string | import("react").JSXElementConstructor<any> | import("@stitches/react/types/util").Function | import("react").ExoticComponent<any> | {
-    [name: string]: unknown;
-})[], CSS = import("@stitches/react/types/css-util").CSS<{}, {
+}, import("@stitches/react/types/config").DefaultThemeMap, {}>, css: {
+    withConfig: (config: {
+        componentId?: string | undefined;
+        displayName?: string | undefined;
+        shouldForwardStitchesProp?: ((prop: "css" | (string & {})) => boolean | void) | undefined;
+    }) => import("@stitches/react/types/stitches").CssFunctionType<{}, {
+        space: {
+            smallButtonHeight: string;
+            buttonHeight: string;
+            0: string;
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+        };
+        colors: {
+            bg: string;
+            bgHover: string;
+            bgHoverLight: string;
+            bgLine: string;
+            bgLineStrong: string;
+            button: string;
+            buttonHover: string;
+            fg: string;
+            fgFaded: string;
+        };
+        fontSizes: {
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+        fonts: {
+            body: string;
+            mono: string;
+        };
+        radii: {
+            sm: string;
+            md: string;
+            lg: string;
+        };
+        transitions: {
+            default: string;
+        };
+    }, import("@stitches/react/types/config").DefaultThemeMap, {}>;
+} & import("@stitches/react/types/stitches").CssFunctionType<{}, {
     space: {
         smallButtonHeight: string;
         buttonHeight: string;
@@ -137,15 +174,4 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
     transitions: {
         default: string;
     };
-}, import("@stitches/react/types/config").DefaultThemeMap, {}>>(...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("react").JSXElementConstructor<any> | import("@stitches/react/types/util").Function | import("react").ExoticComponent<any> ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex<CSS> & {
-    variants?: {
-        [x: string]: {
-            [x: string]: CSS;
-            [x: number]: CSS;
-        };
-    } | undefined;
-    compoundVariants?: (("variants" extends keyof Composers[K] ? { [Name in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]> | undefined; } : import("@stitches/react/types/util").WideObject) & {
-        css: CSS;
-    })[] | undefined;
-    defaultVariants?: ("variants" extends keyof Composers[K] ? { [Name_1 in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]> | undefined; } : import("@stitches/react/types/util").WideObject) | undefined;
-} & CSS & { [K2 in keyof Composers[K]]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; }; }) => import("@stitches/react/types/styled-component").CssComponent<import("@stitches/react/types/styled-component").StyledComponentType<Composers>, import("@stitches/react/types/styled-component").StyledComponentProps<Composers>, {}, CSS>;
+}, import("@stitches/react/types/config").DefaultThemeMap, {}>;

package/dev-ui/theme.js

@@ -2,8 +2,8 @@
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.css = exports.styled = void 0;
-var react_1 = require("@stitches/react");
-exports.styled = (_a = (0, react_1.createStitches)({
+const react_1 = require("@stitches/react");
+_a = (0, react_1.createStitches)({
     theme: {
         space: {
             smallButtonHeight: "22px",
@@ -47,4 +47,4 @@ exports.styled = (_a = (0, react_1.createStitches)({
         },
     },
     prefix: "eddev",
-}), _a.styled), exports.css = _a.css;
+}), exports.styled = _a.styled, exports.css = _a.css;

package/dynamic/dynamic-component.d.ts

@@ -1,10 +1 @@
-/// <reference types="react" />
-export declare const dynamic: {
-    <Props, Module = import("@loadable/component").DefaultComponent<Props>>(loadFn: (props: Props) => Promise<Module>, options: import("@loadable/component").OptionsWithResolver<Props, Module>): import("@loadable/component").LoadableComponent<Props>;
-    <Props_1>(loadFn: (props: Props_1) => Promise<import("@loadable/component").DefaultComponent<Props_1>>, options?: import("@loadable/component").OptionsWithoutResolver<Props_1> | undefined): import("@loadable/component").LoadableComponent<Props_1>;
-    <Component extends import("react").ComponentClass<any, any>>(loadFn: (props: import("react").ComponentProps<Component>) => Promise<Component | {
-        default: Component;
-    }>, options?: import("@loadable/component").Options<import("react").ComponentProps<Component>, Component> | undefined): import("@loadable/component").LoadableClassComponent<Component>;
-} & {
-    lib: <Props_2, Module_1>(loadFn: (props: Props_2) => Promise<Module_1>, options?: import("@loadable/component").OptionsWithoutResolver<Props_2> | undefined) => import("@loadable/component").LoadableLibrary<Module_1>;
-};
+export declare const dynamic: any;

package/dynamic/dynamic-component.js

@@ -4,5 +4,5 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.dynamic = void 0;
-var component_1 = __importDefault(require("@loadable/component"));
+const component_1 = __importDefault(require("@loadable/component"));
 exports.dynamic = component_1.default;

package/dynamic/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/entry/Root.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-declare function Root(): JSX.Element;
-declare const _default: typeof Root | import("next/types").NextComponentType<import("next/types").NextPageContext, {}, {}>;
+declare function Root(): import("react/jsx-runtime").JSX.Element;
+declare const _default: typeof Root | import("next/types").NextComponentType;
 export default _default;