eddev 2.1.5 → 2.2.0-beta.1

package/dist/app/lib/devtools/components/ui/QueryMonitorDisplay.d.ts

@@ -0,0 +1,7 @@
+import { QueryMonitor } from "../../../../utils/query-monitor";
+type Props = {
+    entries?: QueryMonitor.Entry[];
+};
+export declare function QueryMonitorDisplay(props: Props): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=QueryMonitorDisplay.d.ts.map

package/dist/app/lib/devtools/components/ui/QueryMonitorDisplay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryMonitorDisplay.d.ts","sourceRoot":"","sources":["../../../../../../src/app/lib/devtools/components/ui/QueryMonitorDisplay.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAI9D,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,YAAY,CAAC,KAAK,EAAE,CAAA;CAC/B,CAAA;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,KAAK,kDAS/C"}

package/dist/app/lib/devtools/components/ui/QueryMonitorDisplay.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment, useState } from "react";
+import { JSONInspector } from "./JSONInspector";
+import { Expander } from "./Expander";
+export function QueryMonitorDisplay(props) {
+    if (!props.entries || props.entries.length === 0)
+        return null;
+    return (_jsx("div", { className: "flex flex-col gap-1", children: props.entries?.map((entry, index) => (_jsx(MonitorEntry, { entry: entry }, index))) }));
+}
+function MonitorEntry({ entry, indent }) {
+    const hasChildren = entry.log.length > 0 || entry.children?.length > 0;
+    const [expanded, setExpanded] = useState(true);
+    return (_jsxs("div", { className: "", children: [_jsx("div", { className: "border-t border-neutral-200/5 py-[0.2em]", children: _jsx(Indented, { level: indent || 0, children: _jsx(Expander, { expanded: expanded, onChange: setExpanded, canExpand: hasChildren, children: _jsxs("div", { children: [_jsxs("span", { className: "text-cyan-700", children: [entry.label, " "] }), _jsx("code", { className: "text-cyan-400", children: entry.file }), " (", Math.round(entry.duration * 1000), "ms)"] }) }) }) }), expanded && hasChildren && (_jsxs("div", { children: [entry.log?.map((logEntry, logIndex) => (_jsx("div", { className: "text-sm text-neutral-400", children: _jsx(LogEntry, { entry: logEntry, indent: indent ? indent + 1 : 1 }) }, logIndex))), entry.children?.map((child, childIndex) => (_jsx(MonitorEntry, { entry: child, indent: indent ? indent + 1 : 1 }, childIndex)))] }))] }));
+}
+function Indented(props) {
+    return _jsx("div", { style: { paddingLeft: `${props.level * 1.25}em` }, children: props.children });
+}
+function LogMessagePart(props) {
+    const part = props.part;
+    if (typeof part === "string") {
+        return _jsx(_Fragment, { children: part });
+    }
+    else {
+        return (_jsx("span", { className: "text-purple-400 inline-flex", onClick: (e) => e.stopPropagation(), children: _jsx(JSONInspector, { data: part }) }));
+    }
+}
+function LogEntry({ entry, indent }) {
+    let style = {
+        colorClass: "text-white/50",
+        icon: "💬",
+    };
+    if (entry.type === "php_warning" || entry.type === "warn") {
+        style.colorClass = "text-yellow-400";
+        style.icon = "⚠️";
+    }
+    else if (entry.type === "error" || entry.type === "php_error") {
+        style.colorClass = "text-red-400";
+        style.icon = "❌";
+    }
+    else if (entry.type === "debug" || entry.type === "GRAPHQL_DEBUG") {
+        style.colorClass = "text-blue-400";
+        style.icon = "ℹ️";
+    }
+    else if (entry.type === "php_notice") {
+        style.colorClass = "text-cyan-400";
+        style.icon = "💡";
+    }
+    let formattedMessage = null;
+    if (Array.isArray(entry.message)) {
+        formattedMessage = entry.message.map((msg, i) => (_jsxs(Fragment, { children: [_jsx(LogMessagePart, { part: msg }), " "] }, i)));
+    }
+    else {
+        formattedMessage = _jsx(LogMessagePart, { part: entry.message });
+    }
+    let prefix = _jsxs("span", { children: ["[", entry.type, "]"] });
+    const [expanded, setExpanded] = useState(false);
+    return (_jsx("div", { className: `${style.colorClass} border-t border-neutral-200/5 py-[0.2em]`, children: _jsx(Indented, { level: indent || 0, children: _jsx("div", { className: "inline-flex gap-[0.5em]", children: _jsx("div", { children: _jsxs(Expander, { expanded: expanded, onChange: setExpanded, children: [_jsx("div", { className: "mr-1", children: style.icon }), _jsxs("div", { className: "flex flex-col", children: [_jsxs("div", { children: [prefix, " ", _jsx("span", { children: formattedMessage })] }), _jsxs("div", { className: "flex flex-col", children: [!!entry.parentType && !!entry.fieldName ? (_jsxs("div", { className: `italic ${expanded ? "" : "opacity-50"}`, children: [_jsx("span", { className: "opacity-50", children: " selecting " }), entry.parentType, ".", entry.fieldName] })) : null, expanded && entry.path?.length && (_jsxs("div", { onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { children: [_jsx("span", { className: "opacity-50", children: "at path " }), entry.path?.length && _jsx("span", { children: entry.path.join(".") })] }), entry.trace?.length > 0 && (_jsxs("div", { children: [_jsx("span", { className: "opacity-50", children: "Trace:" }), entry.trace?.map((row, i) => (_jsxs("div", { className: "line-clamp-1", children: [_jsx("span", { className: "opacity-50", children: "- " }), _jsx("span", { children: row.call }), _jsx("span", { className: "opacity-50", children: " line " }), _jsx("span", { children: row.line }), _jsx("span", { className: "opacity-50", children: " in " }), _jsx("span", { children: row.file })] }, i)))] }))] }))] })] })] }) }) }) }) }));
+}

package/dist/app/lib/devtools/components/ui/TabBar.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from "react";
+type Props<K> = {
+    tabs: {
+        value: K;
+        label: string;
+        badge?: ReactNode;
+    }[];
+    activeTab?: K;
+    onTabChange?: (tab: K) => void;
+};
+export declare function TabBar<K extends string>(props: Props<K>): import("react/jsx-runtime").JSX.Element;
+export declare function useTabBar<K extends string>(id: string, tabs: {
+    value: K;
+    label: string;
+    badge?: ReactNode;
+}[]): {
+    tab: K;
+    setTab: (value: K | ((current: K) => K)) => void;
+    tabBar: import("react/jsx-runtime").JSX.Element;
+};
+export {};
+//# sourceMappingURL=TabBar.d.ts.map

package/dist/app/lib/devtools/components/ui/TabBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../../../../../src/app/lib/devtools/components/ui/TabBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,KAAK,KAAK,CAAC,CAAC,IAAI;IACd,IAAI,EAAE;QAAE,KAAK,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,SAAS,CAAA;KAAE,EAAE,CAAA;IACtD,SAAS,CAAC,EAAE,CAAC,CAAA;IACb,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAA;CAC/B,CAAA;AAED,wBAAgB,MAAM,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,2CAgBvD;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;IAAE,KAAK,EAAE,CAAC,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAA;CAAE,EAAE;;;;EAI7G"}

package/dist/app/lib/devtools/components/ui/TabBar.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { usePersistState } from "../../hooks/usePersistState";
+import { Button } from "./Button";
+export function TabBar(props) {
+    return (_jsx("div", { className: "flex gap-2 flex-none p-2 pb-0", children: props.tabs.map((t) => (_jsxs(Button, { variant: "tab", active: props.activeTab === t.value, onClick: () => props.onTabChange?.(t.value), children: [t.label, t.badge ? _jsx("span", { className: "bg-neutral-200/20 rounded-md px-1", children: t.badge }) : null] }, t.value))) }));
+}
+export function useTabBar(id, tabs) {
+    const [tab, setTab] = usePersistState(`tab:${id}`, tabs[0].value);
+    const tabBar = _jsx(TabBar, { tabs: tabs, activeTab: tab, onTabChange: setTab });
+    return { tab, setTab, tabBar };
+}

package/dist/app/lib/devtools/components/ui/Tabs.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from "react";
+type Props<K> = {
+    id: string;
+    tabs: {
+        value: K;
+        label: string;
+        badge?: ReactNode;
+        content: () => ReactNode;
+    }[];
+};
+export declare function Tabs<K extends string>(props: Props<K>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/app/lib/devtools/components/ui/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../../../src/app/lib/devtools/components/ui/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,KAAK,KAAK,CAAC,CAAC,IAAI;IACd,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE;QAAE,KAAK,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,SAAS,CAAC;QAAC,OAAO,EAAE,MAAM,SAAS,CAAA;KAAE,EAAE,CAAA;CACjF,CAAA;AAED,wBAAgB,IAAI,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,2CAkBrD"}

package/dist/app/lib/devtools/components/ui/Tabs.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { usePersistState } from "../../hooks/usePersistState";
+import { Button } from "./Button";
+export function Tabs(props) {
+    const [tab, setTab] = usePersistState(`tab:${props.id}`, props.tabs[0].value);
+    return (_jsxs("div", { className: "flex flex-col flex-1 gap-2 max-h-[calc(100vh-90px)]", children: [_jsx("div", { className: "flex gap-2 flex-none p-2 pb-0", children: props.tabs.map((t) => (_jsxs(Button, { variant: "tab", active: tab === t.value, onClick: () => setTab(t.value), children: [t.label, t.badge ? _jsx("span", { className: "bg-neutral-200/20 rounded-md px-1", children: t.badge }) : null] }, t.value))) }), _jsx("div", { className: "flex-1 overflow-auto max-h-[80%] basis-auto pt-0 p-2", children: props.tabs.find((t) => t.value === tab)?.content() })] }));
+}

package/dist/app/lib/devtools/hooks/usePersistState.d.ts

@@ -1,2 +1,5 @@
 export declare function usePersistState<T>(id: string, initial: T): [T, (value: T | ((current: T) => T)) => void];
+export declare namespace usePersistState {
+    var clearAll: () => void;
+}
 //# sourceMappingURL=usePersistState.d.ts.map

package/dist/app/lib/devtools/hooks/usePersistState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePersistState.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/devtools/hooks/usePersistState.tsx"],"names":[],"mappings":"AAsBA,wBAAgB,eAAe,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,CAAC,CAiBxG"}
+{"version":3,"file":"usePersistState.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/devtools/hooks/usePersistState.tsx"],"names":[],"mappings":"AAsBA,wBAAgB,eAAe,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,CAAC,CAiBxG;yBAjBe,eAAe"}

package/dist/app/lib/devtools/hooks/usePersistState.js

@@ -38,3 +38,10 @@ export function usePersistState(id, initial) {
         },
     ];
 }
+usePersistState.clearAll = () => {
+    for (const key in localStorage) {
+        if (key.startsWith("devui_")) {
+            localStorage.removeItem(key);
+        }
+    }
+};

package/dist/app/lib/devtools/hooks/useTailwind.d.ts

@@ -368,8 +368,8 @@ export declare function useTailwindConfig(): {
             readonly opacity?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").KeyValuePair<string, string>) | {
                 readonly [x: string]: string;
             } | undefined;
-            readonly boxShadow?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").KeyValuePair<string, string | string[]>) | {
-                readonly [x: string]: string | readonly string[];
+            readonly boxShadow?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").KeyValuePair<string, string>) | {
+                readonly [x: string]: string;
             } | undefined;
             readonly boxShadowColor?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").RecursiveKeyValuePair<string, string>) | {
                 readonly [x: string]: string | /*elided*/ any;
@@ -776,8 +776,8 @@ export declare function useTailwindConfig(): {
                 readonly opacity?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").KeyValuePair<string, string>) | {
                     readonly [x: string]: string;
                 } | undefined;
-                readonly boxShadow?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").KeyValuePair<string, string | string[]>) | {
-                    readonly [x: string]: string | readonly string[];
+                readonly boxShadow?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").KeyValuePair<string, string>) | {
+                    readonly [x: string]: string;
                 } | undefined;
                 readonly boxShadowColor?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").RecursiveKeyValuePair<string, string>) | {
                     readonly [x: string]: string | /*elided*/ any;
@@ -918,6 +918,7 @@ export declare function useTailwindConfig(): {
             readonly columns?: boolean | undefined;
             readonly blur?: boolean | undefined;
             readonly resize?: boolean | undefined;
+            readonly clear?: boolean | undefined;
             readonly preflight?: boolean | undefined;
             readonly container?: boolean | undefined;
             readonly accessibility?: boolean | undefined;
@@ -930,7 +931,6 @@ export declare function useTailwindConfig(): {
             readonly gridRowStart?: boolean | undefined;
             readonly gridRowEnd?: boolean | undefined;
             readonly float?: boolean | undefined;
-            readonly clear?: boolean | undefined;
             readonly margin?: boolean | undefined;
             readonly boxSizing?: boolean | undefined;
             readonly lineClamp?: boolean | undefined;
@@ -1064,7 +1064,7 @@ export declare function useTailwindConfig(): {
         readonly plugins?: readonly (import("tailwindcss/types/config.js").PluginCreator | {
             (options: any): {
                 handler: import("tailwindcss/types/config.js").PluginCreator;
-                config?: Partial<import("tailwindcss/types/config.js").Config> | undefined;
+                config?: Partial<import("tailwindcss/types/config.js").Config>;
             };
             __isOptionsFunction: true;
         } | {
@@ -1413,8 +1413,8 @@ export declare function useTailwindConfig(): {
                     readonly opacity?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").KeyValuePair<string, string>) | {
                         readonly [x: string]: string;
                     } | undefined;
-                    readonly boxShadow?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").KeyValuePair<string, string | string[]>) | {
-                        readonly [x: string]: string | readonly string[];
+                    readonly boxShadow?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").KeyValuePair<string, string>) | {
+                        readonly [x: string]: string;
                     } | undefined;
                     readonly boxShadowColor?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").RecursiveKeyValuePair<string, string>) | {
                         readonly [x: string]: string | /*elided*/ any;
@@ -1821,8 +1821,8 @@ export declare function useTailwindConfig(): {
                         readonly opacity?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").KeyValuePair<string, string>) | {
                             readonly [x: string]: string;
                         } | undefined;
-                        readonly boxShadow?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").KeyValuePair<string, string | string[]>) | {
-                            readonly [x: string]: string | readonly string[];
+                        readonly boxShadow?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").KeyValuePair<string, string>) | {
+                            readonly [x: string]: string;
                         } | undefined;
                         readonly boxShadowColor?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").RecursiveKeyValuePair<string, string>) | {
                             readonly [x: string]: string | /*elided*/ any;
@@ -1963,6 +1963,7 @@ export declare function useTailwindConfig(): {
                     readonly columns?: boolean | undefined;
                     readonly blur?: boolean | undefined;
                     readonly resize?: boolean | undefined;
+                    readonly clear?: boolean | undefined;
                     readonly preflight?: boolean | undefined;
                     readonly container?: boolean | undefined;
                     readonly accessibility?: boolean | undefined;
@@ -1975,7 +1976,6 @@ export declare function useTailwindConfig(): {
                     readonly gridRowStart?: boolean | undefined;
                     readonly gridRowEnd?: boolean | undefined;
                     readonly float?: boolean | undefined;
-                    readonly clear?: boolean | undefined;
                     readonly margin?: boolean | undefined;
                     readonly boxSizing?: boolean | undefined;
                     readonly lineClamp?: boolean | undefined;
@@ -2109,7 +2109,7 @@ export declare function useTailwindConfig(): {
                 readonly plugins?: readonly (import("tailwindcss/types/config.js").PluginCreator | {
                     (options: any): {
                         handler: import("tailwindcss/types/config.js").PluginCreator;
-                        config?: Partial<import("tailwindcss/types/config.js").Config> | undefined;
+                        config?: Partial<import("tailwindcss/types/config.js").Config>;
                     };
                     __isOptionsFunction: true;
                 } | /*elided*/ any | undefined)[] | undefined;
@@ -2433,8 +2433,8 @@ export declare function useTailwindConfig(): {
         readonly opacity?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").KeyValuePair<string, string>) | {
             readonly [x: string]: string;
         } | undefined;
-        readonly boxShadow?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").KeyValuePair<string, string | string[]>) | {
-            readonly [x: string]: string | readonly string[];
+        readonly boxShadow?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").KeyValuePair<string, string>) | {
+            readonly [x: string]: string;
         } | undefined;
         readonly boxShadowColor?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").RecursiveKeyValuePair<string, string>) | {
             readonly [x: string]: string | /*elided*/ any;
@@ -2841,8 +2841,8 @@ export declare function useTailwindConfig(): {
             readonly opacity?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").KeyValuePair<string, string>) | {
                 readonly [x: string]: string;
             } | undefined;
-            readonly boxShadow?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").KeyValuePair<string, string | string[]>) | {
-                readonly [x: string]: string | readonly string[];
+            readonly boxShadow?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").KeyValuePair<string, string>) | {
+                readonly [x: string]: string;
             } | undefined;
             readonly boxShadowColor?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").RecursiveKeyValuePair<string, string>) | {
                 readonly [x: string]: string | /*elided*/ any;
@@ -2983,6 +2983,7 @@ export declare function useTailwindConfig(): {
         readonly columns?: boolean | undefined;
         readonly blur?: boolean | undefined;
         readonly resize?: boolean | undefined;
+        readonly clear?: boolean | undefined;
         readonly preflight?: boolean | undefined;
         readonly container?: boolean | undefined;
         readonly accessibility?: boolean | undefined;
@@ -2995,7 +2996,6 @@ export declare function useTailwindConfig(): {
         readonly gridRowStart?: boolean | undefined;
         readonly gridRowEnd?: boolean | undefined;
         readonly float?: boolean | undefined;
-        readonly clear?: boolean | undefined;
         readonly margin?: boolean | undefined;
         readonly boxSizing?: boolean | undefined;
         readonly lineClamp?: boolean | undefined;
@@ -3129,7 +3129,7 @@ export declare function useTailwindConfig(): {
     readonly plugins?: readonly (import("tailwindcss/types/config.js").PluginCreator | {
         (options: any): {
             handler: import("tailwindcss/types/config.js").PluginCreator;
-            config?: Partial<import("tailwindcss/types/config.js").Config> | undefined;
+            config?: Partial<import("tailwindcss/types/config.js").Config>;
         };
         __isOptionsFunction: true;
     } | {
@@ -3504,8 +3504,8 @@ export declare function useTailwindConfig(): {
                     readonly opacity?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").KeyValuePair<string, string>) | {
                         readonly [x: string]: string;
                     } | undefined;
-                    readonly boxShadow?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").KeyValuePair<string, string | string[]>) | {
-                        readonly [x: string]: string | readonly string[];
+                    readonly boxShadow?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").KeyValuePair<string, string>) | {
+                        readonly [x: string]: string;
                     } | undefined;
                     readonly boxShadowColor?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").RecursiveKeyValuePair<string, string>) | {
                         readonly [x: string]: string | /*elided*/ any;
@@ -3912,8 +3912,8 @@ export declare function useTailwindConfig(): {
                         readonly opacity?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").KeyValuePair<string, string>) | {
                             readonly [x: string]: string;
                         } | undefined;
-                        readonly boxShadow?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").KeyValuePair<string, string | string[]>) | {
-                            readonly [x: string]: string | readonly string[];
+                        readonly boxShadow?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").KeyValuePair<string, string>) | {
+                            readonly [x: string]: string;
                         } | undefined;
                         readonly boxShadowColor?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").RecursiveKeyValuePair<string, string>) | {
                             readonly [x: string]: string | /*elided*/ any;
@@ -4054,6 +4054,7 @@ export declare function useTailwindConfig(): {
                     readonly columns?: boolean | undefined;
                     readonly blur?: boolean | undefined;
                     readonly resize?: boolean | undefined;
+                    readonly clear?: boolean | undefined;
                     readonly preflight?: boolean | undefined;
                     readonly container?: boolean | undefined;
                     readonly accessibility?: boolean | undefined;
@@ -4066,7 +4067,6 @@ export declare function useTailwindConfig(): {
                     readonly gridRowStart?: boolean | undefined;
                     readonly gridRowEnd?: boolean | undefined;
                     readonly float?: boolean | undefined;
-                    readonly clear?: boolean | undefined;
                     readonly margin?: boolean | undefined;
                     readonly boxSizing?: boolean | undefined;
                     readonly lineClamp?: boolean | undefined;
@@ -4200,7 +4200,7 @@ export declare function useTailwindConfig(): {
                 readonly plugins?: readonly (import("tailwindcss/types/config.js").PluginCreator | {
                     (options: any): {
                         handler: import("tailwindcss/types/config.js").PluginCreator;
-                        config?: Partial<import("tailwindcss/types/config.js").Config> | undefined;
+                        config?: Partial<import("tailwindcss/types/config.js").Config>;
                     };
                     __isOptionsFunction: true;
                 } | /*elided*/ any | undefined)[] | undefined;
@@ -4522,8 +4522,8 @@ export declare function useTailwindConfig(): {
                 readonly opacity?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").KeyValuePair<string, string>) | {
                     readonly [x: string]: string;
                 } | undefined;
-                readonly boxShadow?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").KeyValuePair<string, string | string[]>) | {
-                    readonly [x: string]: string | readonly string[];
+                readonly boxShadow?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").KeyValuePair<string, string>) | {
+                    readonly [x: string]: string;
                 } | undefined;
                 readonly boxShadowColor?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").RecursiveKeyValuePair<string, string>) | {
                     readonly [x: string]: string | /*elided*/ any;
@@ -4930,8 +4930,8 @@ export declare function useTailwindConfig(): {
                     readonly opacity?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").KeyValuePair<string, string>) | {
                         readonly [x: string]: string;
                     } | undefined;
-                    readonly boxShadow?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").KeyValuePair<string, string | string[]>) | {
-                        readonly [x: string]: string | readonly string[];
+                    readonly boxShadow?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").KeyValuePair<string, string>) | {
+                        readonly [x: string]: string;
                     } | undefined;
                     readonly boxShadowColor?: ((utils: import("tailwindcss/types/config.js").PluginUtils) => import("tailwindcss/types/config.js").RecursiveKeyValuePair<string, string>) | {
                         readonly [x: string]: string | /*elided*/ any;
@@ -5072,6 +5072,7 @@ export declare function useTailwindConfig(): {
                 readonly columns?: boolean | undefined;
                 readonly blur?: boolean | undefined;
                 readonly resize?: boolean | undefined;
+                readonly clear?: boolean | undefined;
                 readonly preflight?: boolean | undefined;
                 readonly container?: boolean | undefined;
                 readonly accessibility?: boolean | undefined;
@@ -5084,7 +5085,6 @@ export declare function useTailwindConfig(): {
                 readonly gridRowStart?: boolean | undefined;
                 readonly gridRowEnd?: boolean | undefined;
                 readonly float?: boolean | undefined;
-                readonly clear?: boolean | undefined;
                 readonly margin?: boolean | undefined;
                 readonly boxSizing?: boolean | undefined;
                 readonly lineClamp?: boolean | undefined;
@@ -5218,7 +5218,7 @@ export declare function useTailwindConfig(): {
             readonly plugins?: readonly (import("tailwindcss/types/config.js").PluginCreator | {
                 (options: any): {
                     handler: import("tailwindcss/types/config.js").PluginCreator;
-                    config?: Partial<import("tailwindcss/types/config.js").Config> | undefined;
+                    config?: Partial<import("tailwindcss/types/config.js").Config>;
                 };
                 __isOptionsFunction: true;
             } | /*elided*/ any | undefined)[] | undefined;

package/dist/app/lib/devtools/hooks/useTailwind.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTailwind.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/devtools/hooks/useTailwind.tsx"],"names":[],"mappings":"AAIA,wBAAgB,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAM44W,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BAAD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BAAD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAAD,CAAC;;;;;;SAD76W"}
+{"version":3,"file":"useTailwind.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/devtools/hooks/useTailwind.tsx"],"names":[],"mappings":"AAIA,wBAAgB,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAMq1W,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BAAD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BAAD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAAD,CAAC;;;;;;SADt3W"}

package/dist/app/lib/devtools/icons.d.ts

@@ -0,0 +1,25 @@
+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 appIcon: import("react/jsx-runtime").JSX.Element;
+export declare const routesIcon: import("react/jsx-runtime").JSX.Element;
+export declare const blocksIcon: 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;
+export declare const terminal: import("react/jsx-runtime").JSX.Element;
+export declare const undo: import("react/jsx-runtime").JSX.Element;
+export declare const query: import("react/jsx-runtime").JSX.Element;
+export declare const singleBlockIcon: import("react/jsx-runtime").JSX.Element;
+export declare const globeIcon: import("react/jsx-runtime").JSX.Element;
+export declare const jumpTo: import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=icons.d.ts.map

package/dist/app/lib/devtools/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/devtools/icons.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI,yCAShB,CAAA;AAED,eAAO,MAAM,UAAU,yCAItB,CAAA;AAED,eAAO,MAAM,KAAK,yCAKjB,CAAA;AAED,eAAO,MAAM,OAAO,yCAInB,CAAA;AAED,eAAO,MAAM,UAAU,yCAItB,CAAA;AAED,eAAO,MAAM,UAAU,yCAItB,CAAA;AAED,eAAO,MAAM,SAAS,yCAcrB,CAAA;AAED,eAAO,MAAM,IAAI,yCAKhB,CAAA;AAED,eAAO,MAAM,KAAK,yCA0BjB,CAAA;AAED,eAAO,MAAM,KAAK,yCAKjB,CAAA;AAED,eAAO,MAAM,KAAK,yCAKjB,CAAA;AAED,eAAO,MAAM,UAAU,yCAKtB,CAAA;AAED,eAAO,MAAM,WAAW,yCAKvB,CAAA;AAED,eAAO,MAAM,IAAI,yCAkBhB,CAAA;AAED,eAAO,MAAM,IAAI,yCAKhB,CAAA;AAED,eAAO,MAAM,KAAK,yCAKjB,CAAA;AAED,eAAO,MAAM,KAAK,yCAKjB,CAAA;AAED,eAAO,MAAM,KAAK,yCAIjB,CAAA;AAED,eAAO,MAAM,QAAQ,yCAIpB,CAAA;AAED,eAAO,MAAM,IAAI,yCAIhB,CAAA;AAED,eAAO,MAAM,KAAK,yCAIjB,CAAA;AAED,eAAO,MAAM,eAAe,yCAI3B,CAAA;AAED,eAAO,MAAM,SAAS,yCAIrB,CAAA;AAED,eAAO,MAAM,MAAM,yCAIlB,CAAA"}

package/dist/app/lib/devtools/icons.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const bolt = (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000", children: [_jsx("g", { children: _jsx("rect", { fill: "none", height: "24", width: "24" }) }), _jsx("g", { children: _jsx("path", { d: "M11,21h-1l1-7H6.74c0,0,3.68-6.46,6.26-11h1l-1,7h4.28L11,21z" }) })] }));
+export const typography = (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000", children: _jsx("path", { d: "M2.5 4v3h5v12h3V7h5V4h-13zm19 5h-9v3h3v7h3v-7h3V9z" }) }));
+export const ruler = (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000", children: [_jsx("path", { d: "M0 0h24v24H0V0z", fill: "none" }), _jsx("path", { d: "M23 6H1v12h22V6zm-2 10H3V8h2v4h2V8h2v4h2V8h2v4h2V8h2v4h2V8h2v8z" })] }));
+export const appIcon = (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "#e3e3e3", children: _jsx("path", { d: "M442.5-100v-357.5L129-639.5v359L442.5-100Zm75 0L831-280v-358.5L517.5-458v358ZM673-633.5l120-69-313-179L362-814l311 180.5ZM480-522l118-68-310.5-181-119 68.5L480-522Z" }) }));
+export const routesIcon = (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "#e3e3e3", children: _jsx("path", { d: "M480.5-247 73-467.5l78.5-43 329 178 328.5-178 78.5 43-407 220.5Zm0 157L73-310.5l78.5-43 329 178 328.5-178 78.5 43L480.5-90Zm0-313.5L50.5-637l430-233.5 38.5 21-1 175h323l69 37.5-429.5 233.5Z" }) }));
+export const blocksIcon = (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "#e3e3e3", children: _jsx("path", { d: "M707.5-151 553-304.5l154.5-154 52.5 53-63.5 63.5H870v75H696.5l63.5 63.5-52.5 52.5ZM90-170v-269.5h388V-170H90Zm162.5-331.5-53-52.5 63.5-63.5H90v-75h173L199.5-756l53-52.5 154 153.5-154 153.5Zm229-18.5v-269.5H870V-520H481.5Z" }) }));
+export const structure = (_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: [_jsx("g", { children: _jsx("rect", { fill: "none", height: "24", width: "24" }) }), _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" })] }));
+export const code = (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#e3e3e3", children: [_jsx("path", { d: "M0 0h24v24H0V0z", fill: "none" }), _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" })] }));
+export const share = (_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: [_jsx("g", { children: _jsx("rect", { fill: "none", height: "24", width: "24" }) }), _jsx("g", { children: _jsxs("g", { children: [_jsx("g", { children: _jsx("polygon", { points: "23,3 1,3 1,13 3,13 3,5 21,5 21,21 23,21" }) }), _jsx("g", { children: _jsx("circle", { cx: "9", cy: "10", r: "4" }) }), _jsx("g", { children: _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" }) })] }) })] }));
+export const close = (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000", children: [_jsx("path", { d: "M0 0h24v24H0V0z", fill: "none" }), _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" })] }));
+export const check = (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000", children: [_jsx("path", { d: "M0 0h24v24H0V0z", fill: "none" }), _jsx("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z" })] }));
+export const checkEmpty = (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000", children: [_jsx("path", { d: "M0 0h24v24H0V0z", fill: "none" }), _jsx("path", { d: "M19 5v14H5V5h14m2-2H3v18h18V3z" })] }));
+export const checkFilled = (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000", children: [_jsx("path", { d: "M0 0h24v24H0V0z", fill: "none" }), _jsx("path", { d: "M21 3H3v18h18V3zM10 17l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" })] }));
+export const line = (_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: [_jsx("g", { children: _jsx("rect", { fill: "none", height: "24", width: "24", x: "0" }) }), _jsx("g", { children: _jsx("g", { children: _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" }) }) })] }));
+export const copy = (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000", children: [_jsx("path", { d: "M0 0h24v24H0V0z", fill: "none" }), _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" })] }));
+export const paste = (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000", children: [_jsx("path", { d: "M0 0h24v24H0V0z", fill: "none" }), _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" })] }));
+export const trash = (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000", children: [_jsx("path", { d: "M0 0h24v24H0V0z", fill: "none" }), _jsx("path", { d: "M6 21h12V7H6v14zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z" })] }));
+export const color = (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "48", width: "48", viewBox: "0 0 48 48", children: _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" }) }));
+export const terminal = (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "#e3e3e3", children: _jsx("path", { d: "M80-160v-640h800v640H80Zm80-80h640v-400H160v400Zm140-40-56-56 103-104-104-104 57-56 160 160-160 160Zm180 0v-80h240v80H480Z" }) }));
+export const undo = (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "#e3e3e3", children: _jsx("path", { d: "M280-200v-80h284q63 0 109.5-40T720-420q0-60-46.5-100T564-560H312l104 104-56 56-200-200 200-200 56 56-104 104h252q97 0 166.5 63T800-420q0 94-69.5 157T564-200H280Z" }) }));
+export const query = (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "#e3e3e3", children: _jsx("path", { d: "M480-60q-50 0-85-35t-35-85q0-39 22.5-70t57.5-43v-73q-11-4-21-9.5T401-389l-63 37q1 5 1.5 10.5t.5 11.5q0 50-35 85t-85 35q-50 0-85-35t-35-85q0-50 35-85t85-35q23 0 43 7.5t36 21.5l62-36q-1-5-1.5-11t-.5-12q0-6 .5-11.5T361-502l-62-37q-16 14-36 21.5t-43 7.5q-50 0-85-35t-35-85q0-50 35-85t85-35q50 0 85 35t35 85q0 6-.5 12t-1.5 11l63 36q8-8 18-13t21-9v-73q-35-12-57.5-43.5T360-780q0-50 35-85t85-35q50 0 85 35t35 85q0 39-22.5 70.5T520-666v73q11 4 20.5 9.5T558-570l64-38q-1-5-1.5-10.5T620-630q0-50 35-85t85-35q50 0 85 35t35 85q0 50-35 85t-85 35q-23 0-42.5-7.5T662-539l-65 38q1 5 1.5 10.5t.5 10.5q0 5-.5 11t-1.5 11l65 37q16-14 35.5-21.5T740-450q50 0 85 35t35 85q0 50-35 85t-85 35q-50 0-85-35t-35-85q0-6 .5-11.5T622-352l-64-37q-8 8-17.5 13t-20.5 9v74q35 12 57.5 43t22.5 70q0 50-35 85t-85 35Zm0-80q17 0 28.5-11.5T520-180q0-17-11.5-28.5T480-220q-17 0-28.5 11.5T440-180q0 17 11.5 28.5T480-140ZM220-290q17 0 28.5-11.5T260-330q0-17-11.5-28.5T220-370q-17 0-28.5 11.5T180-330q0 17 11.5 28.5T220-290Zm520 0q17 0 28.5-11.5T780-330q0-17-11.5-28.5T740-370q-17 0-28.5 11.5T700-330q0 17 11.5 28.5T740-290ZM480-440q17 0 28.5-11.5T520-480q0-17-11.5-28.5T480-520q-17 0-28.5 11.5T440-480q0 17 11.5 28.5T480-440ZM220-590q17 0 28.5-11.5T260-630q0-17-11.5-28.5T220-670q-17 0-28.5 11.5T180-630q0 17 11.5 28.5T220-590Zm520 0q17 0 28.5-11.5T780-630q0-17-11.5-28.5T740-670q-17 0-28.5 11.5T700-630q0 17 11.5 28.5T740-590ZM480-740q17 0 28.5-11.5T520-780q0-17-11.5-28.5T480-820q-17 0-28.5 11.5T440-780q0 17 11.5 28.5T480-740Z" }) }));
+export const singleBlockIcon = (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "#e3e3e3", children: _jsx("path", { d: "M480-68 120-275v-410l360-207 360 207v410L480-68Zm-40-389v274l40 23 40-23v-274l240-139v-42l-43-25-237 137-237-137-43 25v42l240 139Z" }) }));
+export const globeIcon = (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "#e3e3e3", children: _jsx("path", { d: "M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-7-.5-14.5T799-507q-5 29-27 48t-52 19h-80q-33 0-56.5-23.5T560-520v-40H400v-80q0-33 23.5-56.5T480-720h40q0-23 12.5-40.5T563-789q-20-5-40.5-8t-42.5-3q-134 0-227 93t-93 227h200q66 0 113 47t47 113v40H400v110q20 5 39.5 7.5T480-160Z" }) }));
+export const jumpTo = (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "#e3e3e3", children: _jsx("path", { d: "M440-440v-160h80v80h80v80H440Zm280 0v-80h80v-80h80v160H720ZM440-720v-160h160v80h-80v80h-80Zm360 0v-80h-80v-80h160v160h-80ZM136-80l-56-56 224-224H120v-80h320v320h-80v-184L136-80Z" }) }));

package/dist/app/lib/devtools/lib/filesize.d.ts

@@ -0,0 +1,2 @@
+export declare function bytesToSize(bytes: number): string;
+//# sourceMappingURL=filesize.d.ts.map

package/dist/app/lib/devtools/lib/filesize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filesize.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/devtools/lib/filesize.ts"],"names":[],"mappings":"AAAA,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAKjD"}

package/dist/app/lib/devtools/lib/filesize.js

@@ -0,0 +1,7 @@
+export function bytesToSize(bytes) {
+    const sizes = ["Bytes", "KB", "MB", "GB", "TB"];
+    if (bytes === 0)
+        return "0 Byte";
+    const i = Math.floor(Math.log(bytes) / Math.log(1024));
+    return Math.round(bytes / Math.pow(1024, i)) + " " + sizes[i];
+}

package/dist/app/lib/devtools/tailwind.config.d.ts

@@ -9,11 +9,16 @@ declare const _default: {
         };
         fontSize: {
             ui: [string, string];
+            heading: [string, string];
+            tiny: [string, string];
         };
         extend: {
             height: {
                 button: string;
             };
+            width: {
+                button: string;
+            };
         };
     };
     corePlugins: {

package/dist/app/lib/devtools/tailwind.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind.config.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/devtools/tailwind.config.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAIA,wBAsBkB"}
+{"version":3,"file":"tailwind.config.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/devtools/tailwind.config.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,wBA2BkB"}

package/dist/app/lib/devtools/tailwind.config.js

@@ -6,16 +6,21 @@ export default {
     content: [__dirname + "/**/*.{js,jsx,ts,tsx}"],
     theme: {
         fontFamily: {
-            mono: ["Roboto Mono", "menlo", "monospace"],
+            mono: ["Menlo", "menlo", "monospace"],
             body: ["Inter", "Roboto", "sans-serif"],
         },
         fontSize: {
             ui: ["12px", "16px"],
+            heading: ["18px", "20px"],
+            tiny: ["10px", "14px"],
         },
         extend: {
             height: {
                 button: "22px",
             },
+            width: {
+                button: "22px",
+            },
         },
     },
     corePlugins: {

package/dist/app/lib/hooks/useAppData.d.ts

@@ -1,5 +1,7 @@
+import { QueryMonitor } from "../../utils/query-monitor.js";
 type Selector<T> = (data: AppData) => T;
 declare function useAppData(): AppData;
 declare function useAppData<T>(selector: Selector<T>): T;
 export { useAppData };
+export declare function useAppDataQueryMonitor(): QueryMonitor.Entry[] | undefined;
 //# sourceMappingURL=useAppData.d.ts.map

package/dist/app/lib/hooks/useAppData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAppData.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/hooks/useAppData.tsx"],"names":[],"mappings":"AAEA,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,KAAK,CAAC,CAAA;AAEvC,iBAAS,UAAU,IAAI,OAAO,CAAA;AAC9B,iBAAS,UAAU,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;AAmBhD,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"useAppData.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/hooks/useAppData.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAG3D,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,KAAK,CAAC,CAAA;AAEvC,iBAAS,UAAU,IAAI,OAAO,CAAA;AAC9B,iBAAS,UAAU,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;AAmBhD,OAAO,EAAE,UAAU,EAAE,CAAA;AAErB,wBAAgB,sBAAsB,IAAI,YAAY,CAAC,KAAK,EAAE,GAAG,SAAS,CAOzE"}

package/dist/app/lib/hooks/useAppData.js

@@ -20,3 +20,11 @@ function useAppData(selector) {
     }
 }
 export { useAppData };
+export function useAppDataQueryMonitor() {
+    if (env.admin) {
+        const queryMonitor = window.__ED_APP_DATA.queryMonitor;
+        return queryMonitor;
+    }
+    const loader = useRouter((r) => r.loader);
+    return loader.appQueryMonitor;
+}