eddev 0.2.66 → 0.2.67-beta1

package/components/NextRouter.js

@@ -1,45 +1,36 @@
 "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.NextRouter = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var routing_1 = require("../routing");
-var router_1 = require("next/router");
-var react_1 = require("react");
-var hooks_1 = require("../hooks");
-function NextRouter(_a) {
-    var children = _a.children, path = _a.path, data = _a.data;
-    var nextRoute = (0, router_1.useRouter)();
-    var setIsLoading = (0, hooks_1.usePageLoad)(function (s) { return s.setIsLoading; });
-    var route = __assign(__assign({}, nextRoute), { pathname: nextRoute.asPath });
-    (0, react_1.useEffect)(function () {
-        router_1.Router.events.on("routeChangeStart", function () { return setIsLoading(true); });
-        router_1.Router.events.on("routeChangeComplete", function () { return setIsLoading(false); });
-        router_1.Router.events.on("routeChangeError", function () { return setIsLoading(false); });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const routing_1 = require("../routing");
+const router_1 = require("next/router");
+const react_1 = require("react");
+const hooks_1 = require("../hooks");
+function NextRouter({ children, path, data }) {
+    const nextRoute = (0, router_1.useRouter)();
+    const setIsLoading = (0, hooks_1.usePageLoad)((s) => s.setIsLoading);
+    const route = {
+        ...nextRoute,
+        pathname: nextRoute.asPath,
+    };
+    (0, react_1.useEffect)(() => {
+        router_1.Router.events.on("routeChangeStart", () => setIsLoading(true));
+        router_1.Router.events.on("routeChangeComplete", () => setIsLoading(false));
+        router_1.Router.events.on("routeChangeError", () => setIsLoading(false));
     }, []);
-    return ((0, jsx_runtime_1.jsx)(routing_1.RouterRoot, __assign({ url: nextRoute.asPath, data: data, onNavigateRequest: function (url) {
+    return ((0, jsx_runtime_1.jsx)(routing_1.RouterRoot, { url: nextRoute.asPath, data: data, onNavigateRequest: (url) => {
             route.push(url);
             // setPendingUrl({ popped: false, url })
-        }, onPreload: function (url) {
+        }, onPreload: (url) => {
             // if (isSameOrigin(url)) {
             //   fetchProps(url)
             // }
-        }, onNavigated: function () {
+        }, onNavigated: () => {
             // if (pending && typeof pending.scrollPosition === "number") {
             //   setScrollPosition({ value: pending.scrollPosition })
             // } else {
             //   setScrollPosition({ value: 0 })
             // }
-        } }, { children: children }), void 0));
+        }, children: children }));
 }
 exports.NextRouter = NextRouter;

package/components/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/config/config-schema.d.ts

@@ -119,4 +119,4 @@ export declare const EDConfigSchema: z.ZodObject<{
     }> | undefined;
     devUI: "disabled" | "enabled";
 }>;
-export declare type EDConfig = z.infer<typeof EDConfigSchema>;
+export type EDConfig = z.infer<typeof EDConfigSchema>;

package/config/config-schema.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EDConfigSchema = void 0;
-var zod_1 = require("zod");
+const zod_1 = require("zod");
 exports.EDConfigSchema = zod_1.z.object({
     $schema: zod_1.z.string().optional(),
     tracking: zod_1.z

package/config/create-schema-file.js

@@ -4,14 +4,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createConfigSchemaFile = void 0;
-var fs_1 = require("fs");
-var zod_to_json_schema_1 = __importDefault(require("zod-to-json-schema"));
-var config_schema_1 = require("./config-schema");
+const fs_1 = require("fs");
+const zod_to_json_schema_1 = __importDefault(require("zod-to-json-schema"));
+const config_schema_1 = require("./config-schema");
 function createConfigSchemaFile(location) {
-    var schema = (0, zod_to_json_schema_1.default)(config_schema_1.EDConfigSchema);
-    var content = JSON.stringify(schema, null, 2);
+    const schema = (0, zod_to_json_schema_1.default)(config_schema_1.EDConfigSchema);
+    const content = JSON.stringify(schema, null, 2);
     if ((0, fs_1.existsSync)(location)) {
-        var existingContent = (0, fs_1.readFileSync)(location).toString();
+        const existingContent = (0, fs_1.readFileSync)(location).toString();
         if (existingContent === content)
             return;
     }

package/config/get-config.js

@@ -1,22 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getEDConfigFile = exports.getEDConfigUnwrapped = exports.getEDConfig = void 0;
-var fs_1 = require("fs");
-var path_1 = require("path");
-var parse_config_1 = require("./parse-config");
-function getEDConfig(dir) {
-    if (dir === void 0) { dir = process.cwd(); }
-    var configFile = getEDConfigFile(dir);
+const fs_1 = require("fs");
+const path_1 = require("path");
+const parse_config_1 = require("./parse-config");
+function getEDConfig(dir = process.cwd()) {
+    const configFile = getEDConfigFile(dir);
     if (!(0, fs_1.existsSync)(configFile)) {
-        throw new Error("No config file found at ".concat(configFile));
+        throw new Error(`No config file found at ${configFile}`);
     }
-    var config = JSON.parse((0, fs_1.readFileSync)(configFile).toString());
+    const config = JSON.parse((0, fs_1.readFileSync)(configFile).toString());
     return (0, parse_config_1.parseConfig)(config);
 }
 exports.getEDConfig = getEDConfig;
-function getEDConfigUnwrapped(dir) {
-    if (dir === void 0) { dir = process.cwd(); }
-    var result = getEDConfig(dir);
+function getEDConfigUnwrapped(dir = process.cwd()) {
+    const result = getEDConfig(dir);
     if (result.success) {
         return result.data;
     }
@@ -25,8 +23,7 @@ function getEDConfigUnwrapped(dir) {
     }
 }
 exports.getEDConfigUnwrapped = getEDConfigUnwrapped;
-function getEDConfigFile(dir) {
-    if (dir === void 0) { dir = process.cwd(); }
+function getEDConfigFile(dir = process.cwd()) {
     return (0, path_1.join)(dir, "ed.config.json");
 }
 exports.getEDConfigFile = getEDConfigFile;

package/config/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/config/parse-config.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseConfig = void 0;
-var config_schema_1 = require("./config-schema");
+const config_schema_1 = require("./config-schema");
 function parseConfig(config) {
     return config_schema_1.EDConfigSchema.safeParse(config);
 }

package/config/print-zod-errors.js

@@ -4,11 +4,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.printZodErrors = void 0;
-var chalk_1 = __importDefault(require("chalk"));
+const chalk_1 = __importDefault(require("chalk"));
 function printZodErrors(err) {
     console.log(chalk_1.default.red("Error parsing ed.config.json:"));
-    err.issues.forEach(function (issue) {
-        console.log("- ".concat(issue.path.join("."), ": ").concat(issue.message));
+    err.issues.forEach((issue) => {
+        console.log(`- ${issue.path.join(".")}: ${issue.message}`);
     });
 }
 exports.printZodErrors = printZodErrors;

package/dev-ui/components/BreakpointColumnHeader.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-declare type Props = {
+type Props = {
     lerpStart?: boolean;
     lerps?: boolean;
     name: string;
@@ -7,5 +6,5 @@ declare type Props = {
     onLerpChange?(lerpStart: boolean): void;
     onDefinedChange?(defined: boolean): void;
 };
-export declare function BreakpointColumnHeader(props: Props): JSX.Element;
+export declare function BreakpointColumnHeader(props: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dev-ui/components/BreakpointColumnHeader.js

@@ -1,31 +1,20 @@
 "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.BreakpointColumnHeader = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var icons_1 = require("../icons");
-var theme_1 = require("../theme");
-var Text_1 = require("./atoms/Text");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const icons_1 = require("../icons");
+const theme_1 = require("../theme");
+const Text_1 = require("./atoms/Text");
 function BreakpointColumnHeader(props) {
-    return ((0, jsx_runtime_1.jsxs)(Wrapper, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, __assign({ align: "center", variant: "monoBold" }, { children: props.name }), void 0), (0, jsx_runtime_1.jsx)(ToggleButton, __assign({ onClick: function () { var _a; return (_a = props.onDefinedChange) === null || _a === void 0 ? void 0 : _a.call(props, !props.defined); } }, { children: props.defined ? icons_1.checkFilled : icons_1.checkEmpty }), void 0)] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)(Wrapper, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { align: "center", variant: "monoBold", children: props.name }), (0, jsx_runtime_1.jsx)(ToggleButton, { onClick: () => props.onDefinedChange?.(!props.defined), children: props.defined ? icons_1.checkFilled : icons_1.checkEmpty })] }));
 }
 exports.BreakpointColumnHeader = BreakpointColumnHeader;
-var Wrapper = (0, theme_1.styled)("div", {
+const Wrapper = (0, theme_1.styled)("div", {
     display: "flex",
     width: "100%",
     flexDirection: "column",
 });
-var ToggleButton = (0, theme_1.styled)("button", {
+const ToggleButton = (0, theme_1.styled)("button", {
     appearance: "none",
     background: "transparent",
     border: "0px",

package/dev-ui/components/BreakpointIndicator.d.ts

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

package/dev-ui/components/BreakpointIndicator.js

@@ -1,27 +1,16 @@
 "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.BreakpointIndicator = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var useBreakpoint_1 = require("../hooks/useBreakpoint");
-var usePersistState_1 = require("../hooks/usePersistState");
-var theme_1 = require("../theme");
-var Launcher_1 = require("./Launcher");
-var Text_1 = require("./atoms/Text");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const useBreakpoint_1 = require("../hooks/useBreakpoint");
+const usePersistState_1 = require("../hooks/usePersistState");
+const theme_1 = require("../theme");
+const Launcher_1 = require("./Launcher");
+const Text_1 = require("./atoms/Text");
 // @ts-ignore
-var _theme_1 = require("@theme");
-var Tooltip_1 = require("./atoms/Tooltip");
-var colors = [
+const _theme_1 = require("@theme");
+const Tooltip_1 = require("./atoms/Tooltip");
+const colors = [
     { $$bg: "#ff5555", $$fg: "#ffffff" },
     { $$bg: "#55ff55", $$fg: "#000000" },
     { $$bg: "#5555ff", $$fg: "#ffffff" },
@@ -30,18 +19,22 @@ var colors = [
     { $$bg: "#55ffff", $$fg: "#000000" },
 ];
 function BreakpointIndicator() {
-    var bpState = (0, useBreakpoint_1.useBreakpoint)();
-    var maxSize = parseFloat(_theme_1.breakpoints[_theme_1.breakpoints.length - 1].min);
-    var _a = (0, usePersistState_1.usePersistState)("breakpoint_indicator", false), expanded = _a[0], setExpanded = _a[1];
+    const bpState = (0, useBreakpoint_1.useBreakpoint)();
+    const maxSize = parseFloat(_theme_1.breakpoints[_theme_1.breakpoints.length - 1].min);
+    const [expanded, setExpanded] = (0, usePersistState_1.usePersistState)("breakpoint_indicator", false);
     if (!expanded) {
-        return ((0, jsx_runtime_1.jsx)(Simple, __assign({ onClick: function () { return setExpanded(true); }, css: colors[bpState.index % colors.length] }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, __assign({ variant: "monoBold" }, { children: bpState.name }), void 0) }), void 0));
+        return ((0, jsx_runtime_1.jsx)(Simple, { onClick: () => setExpanded(true), css: colors[bpState.index % colors.length], children: (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "monoBold", children: bpState.name }) }));
     }
-    return ((0, jsx_runtime_1.jsx)(Expanded, __assign({ onClick: function () { return setExpanded(false); } }, { children: (0, jsx_runtime_1.jsxs)(Items, { children: [_theme_1.breakpoints.map(function (bp, index) {
-                    return ((0, jsx_runtime_1.jsx)(Item, __assign({ css: __assign(__assign({}, colors[index % colors.length]), { $$offset: parseFloat(bp.min) / maxSize, $$size: bp.max ? (parseFloat(bp.max) - parseFloat(bp.min)) / maxSize : 0 }), last: index === _theme_1.breakpoints.length - 1, active: bpState.name === bp.key }, { children: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, __assign({ label: "".concat(bp.min, " - ").concat(bp.max || "∞"), nowrap: true, offset: 3 }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, __assign({ variant: "monoTiny", align: "left" }, { children: bp.key }), void 0) }), void 0) }), index));
-                }), (0, jsx_runtime_1.jsx)(Indicator, __assign({ style: { "--eddev--position": Math.min(1, bpState.width / maxSize) }, flipped: bpState.width > maxSize * 0.9 }, { children: (0, jsx_runtime_1.jsxs)(Text_1.Text, __assign({ variant: "monoTiny" }, { children: [bpState.width, "px"] }), void 0) }), void 0)] }, void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)(Expanded, { onClick: () => setExpanded(false), children: (0, jsx_runtime_1.jsxs)(Items, { children: [_theme_1.breakpoints.map((bp, index) => {
+                    return ((0, jsx_runtime_1.jsx)(Item, { css: {
+                            ...colors[index % colors.length],
+                            $$offset: parseFloat(bp.min) / maxSize,
+                            $$size: bp.max ? (parseFloat(bp.max) - parseFloat(bp.min)) / maxSize : 0,
+                        }, last: index === _theme_1.breakpoints.length - 1, active: bpState.name === bp.key, children: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { label: `${bp.min} - ${bp.max || "∞"}`, nowrap: true, offset: 3, children: (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "monoTiny", align: "left", children: bp.key }) }) }, index));
+                }), (0, jsx_runtime_1.jsx)(Indicator, { style: { "--eddev--position": Math.min(1, bpState.width / maxSize) }, flipped: bpState.width > maxSize * 0.9, children: (0, jsx_runtime_1.jsxs)(Text_1.Text, { variant: "monoTiny", children: [bpState.width, "px"] }) })] }) }));
 }
 exports.BreakpointIndicator = BreakpointIndicator;
-var Expanded = (0, theme_1.styled)(Launcher_1.MenuItem, {
+const Expanded = (0, theme_1.styled)(Launcher_1.MenuItem, {
     position: "relative",
     width: "400px",
     // height: "100%",
@@ -49,16 +42,16 @@ var Expanded = (0, theme_1.styled)(Launcher_1.MenuItem, {
     $$bg: "black !important",
     $$bgHover: "black !important",
 });
-var Simple = (0, theme_1.styled)(Launcher_1.MenuItem, {
+const Simple = (0, theme_1.styled)(Launcher_1.MenuItem, {
     $$bgHover: "$$bg !important",
 });
-var Items = (0, theme_1.styled)("div", {
+const Items = (0, theme_1.styled)("div", {
     position: "absolute",
     inset: "2px 8px",
     paddingBottom: "10px",
     borderRadius: "100px",
 });
-var Item = (0, theme_1.styled)("div", {
+const Item = (0, theme_1.styled)("div", {
     position: "absolute",
     top: 0,
     left: "calc($$offset * 100%)",
@@ -103,7 +96,7 @@ var Item = (0, theme_1.styled)("div", {
         },
     },
 });
-var Indicator = (0, theme_1.styled)("div", {
+const Indicator = (0, theme_1.styled)("div", {
     position: "absolute",
     bottom: 0,
     left: "calc($$position * 100%)",

package/dev-ui/components/DevUI.d.ts

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

package/dev-ui/components/DevUI.js

@@ -1,23 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var usePersistState_1 = require("../hooks/usePersistState");
-var panels_1 = require("../panels");
-var theme_1 = require("../theme");
-var BreakpointIndicator_1 = require("./BreakpointIndicator");
-var Launcher_1 = require("./Launcher");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const usePersistState_1 = require("../hooks/usePersistState");
+const panels_1 = require("../panels");
+const theme_1 = require("../theme");
+const BreakpointIndicator_1 = require("./BreakpointIndicator");
+const Launcher_1 = require("./Launcher");
 function DevUI() {
-    var _a = (0, usePersistState_1.usePersistState)("launcher-is-open", false), open = _a[0], setOpen = _a[1];
-    var _b = (0, usePersistState_1.usePersistState)("panel", undefined), panel = _b[0], setPanel = _b[1];
-    var PanelComponent = panel && panel in panels_1.DEV_UI_PANELS ? panels_1.DEV_UI_PANELS[panel].component : undefined;
-    return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Launcher_1.Launcher, { panel: panel, open: open, onChange: function (open, panel) {
+    const [open, setOpen] = (0, usePersistState_1.usePersistState)("launcher-is-open", false);
+    const [panel, setPanel] = (0, usePersistState_1.usePersistState)("panel", undefined);
+    const PanelComponent = panel && panel in panels_1.DEV_UI_PANELS ? panels_1.DEV_UI_PANELS[panel].component : undefined;
+    return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Launcher_1.Launcher, { panel: panel, open: open, onChange: (open, panel) => {
                     setOpen(open);
                     setPanel(panel);
-                }, extras: (0, jsx_runtime_1.jsx)(BreakpointIndicator_1.BreakpointIndicator, {}, void 0) }, void 0), open && PanelComponent && ((0, jsx_runtime_1.jsx)(PanelPosition, { children: (0, jsx_runtime_1.jsx)(PanelComponent, {}, void 0) }, void 0))] }, void 0));
+                }, extras: (0, jsx_runtime_1.jsx)(BreakpointIndicator_1.BreakpointIndicator, {}) }), open && PanelComponent && ((0, jsx_runtime_1.jsx)(PanelPosition, { children: (0, jsx_runtime_1.jsx)(PanelComponent, {}) }))] }));
 }
 exports.default = DevUI;
-var PanelPosition = (0, theme_1.styled)("div", {
+const PanelPosition = (0, theme_1.styled)("div", {
     position: "fixed",
     left: "0px",
     bottom: "calc($space$buttonHeight + 5px)",

package/dev-ui/components/Launcher.d.ts

@@ -1,12 +1,12 @@
 import { ReactNode } from "react";
 import { PanelID } from "../panels";
-declare type Props = {
+type Props = {
     open: boolean;
     panel: PanelID | undefined;
     extras?: ReactNode;
     onChange: (open: boolean, panel: PanelID | undefined) => void;
 };
-export declare function Launcher(props: Props): JSX.Element;
+export declare function Launcher(props: Props): import("react/jsx-runtime").JSX.Element;
 export declare const MenuItem: import("@stitches/react/types/styled-component").StyledComponent<import("@stitches/react/types/styled-component").StyledComponent<"button", {
     state?: "active" | "inactive" | undefined;
     color?: "default" | "black" | undefined;

package/dev-ui/components/Launcher.js

@@ -1,33 +1,21 @@
 "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.MenuItem = exports.Launcher = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var icons_1 = require("../icons");
-var panels_1 = require("../panels");
-var theme_1 = require("../theme");
-var Button_1 = require("./atoms/Button");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const icons_1 = require("../icons");
+const panels_1 = require("../panels");
+const theme_1 = require("../theme");
+const Button_1 = require("./atoms/Button");
 function Launcher(props) {
-    return ((0, jsx_runtime_1.jsxs)(LauncherWrapper, { children: [(0, jsx_runtime_1.jsx)(LauncherButton, __assign({ onClick: function (e) {
+    return ((0, jsx_runtime_1.jsxs)(LauncherWrapper, { children: [(0, jsx_runtime_1.jsx)(LauncherButton, { onClick: (e) => {
                     props.onChange(!props.open, props.panel);
-                } }, { children: props.open ? icons_1.close : icons_1.bolt }), void 0), (0, jsx_runtime_1.jsxs)(Menu, { children: [props.open &&
-                        Object.entries(panels_1.DEV_UI_PANELS).map(function (_a) {
-                            var key = _a[0], panel = _a[1];
-                            return ((0, jsx_runtime_1.jsxs)(exports.MenuItem, __assign({ state: key === props.panel ? "active" : props.panel ? "inactive" : undefined, onClick: function () { return props.onChange(true, props.panel === key ? undefined : key); } }, { children: [panel.icon, panel.label] }), key));
-                        }), props.extras] }, void 0)] }, void 0));
+                }, children: props.open ? icons_1.close : icons_1.bolt }), (0, jsx_runtime_1.jsxs)(Menu, { children: [props.open &&
+                        Object.entries(panels_1.DEV_UI_PANELS).map(([key, panel]) => {
+                            return ((0, jsx_runtime_1.jsxs)(exports.MenuItem, { state: key === props.panel ? "active" : props.panel ? "inactive" : undefined, onClick: () => props.onChange(true, props.panel === key ? undefined : key), children: [panel.icon, panel.label] }, key));
+                        }), props.extras] })] }));
 }
 exports.Launcher = Launcher;
-var LauncherWrapper = (0, theme_1.styled)("div", {
+const LauncherWrapper = (0, theme_1.styled)("div", {
     position: "fixed",
     bottom: "5px",
     left: "5px",
@@ -38,7 +26,7 @@ var LauncherWrapper = (0, theme_1.styled)("div", {
     $$height: "$space$buttonHeight",
     userSelect: "none",
 });
-var LauncherButton = (0, theme_1.styled)("div", {
+const LauncherButton = (0, theme_1.styled)("div", {
     borderRadius: "100px",
     width: "$$height",
     height: "$$height",
@@ -60,7 +48,7 @@ var LauncherButton = (0, theme_1.styled)("div", {
     },
     cursor: "pointer",
 });
-var Menu = (0, theme_1.styled)("div", {
+const Menu = (0, theme_1.styled)("div", {
     position: "absolute",
     left: "calc($$height + 4px)",
     bottom: 0,

package/dev-ui/components/PanelWrapper.d.ts

@@ -1,8 +1,8 @@
 import { PropsWithChildren, ReactNode } from "react";
-declare type Props = PropsWithChildren<{
+type Props = PropsWithChildren<{
     padded?: boolean;
     title?: string;
     buttons?: ReactNode;
 }>;
-export declare function PanelWrapper(props: Props): JSX.Element;
+export declare function PanelWrapper(props: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dev-ui/components/PanelWrapper.js

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PanelWrapper = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var theme_1 = require("../theme");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const theme_1 = require("../theme");
 function PanelWrapper(props) {
-    return ((0, jsx_runtime_1.jsxs)(Wrapper, { children: [(0, jsx_runtime_1.jsxs)(Header, { children: [props.title && (0, jsx_runtime_1.jsx)(Title, { children: props.title }, void 0), " ", (0, jsx_runtime_1.jsx)(Buttons, { children: props.buttons }, void 0)] }, void 0), (0, jsx_runtime_1.jsx)(Contents, { children: props.children }, void 0)] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)(Wrapper, { children: [(0, jsx_runtime_1.jsxs)(Header, { children: [props.title && (0, jsx_runtime_1.jsx)(Title, { children: props.title }), " ", (0, jsx_runtime_1.jsx)(Buttons, { children: props.buttons })] }), (0, jsx_runtime_1.jsx)(Contents, { children: props.children })] }));
 }
 exports.PanelWrapper = PanelWrapper;
-var Wrapper = (0, theme_1.styled)("div", {
+const Wrapper = (0, theme_1.styled)("div", {
     backgroundColor: "$bg",
     color: "$fg",
     borderRadius: "$md",
@@ -16,19 +16,19 @@ var Wrapper = (0, theme_1.styled)("div", {
     fontSize: "$md",
     margin: "5px",
 });
-var Header = (0, theme_1.styled)("div", {
+const Header = (0, theme_1.styled)("div", {
     borderBottom: "1px solid $colors$bgHover",
     padding: "$2",
     display: "flex",
 });
-var Title = (0, theme_1.styled)("div", {
+const Title = (0, theme_1.styled)("div", {
     fontSize: "$lg",
     flex: "1 1 auto",
 });
-var Contents = (0, theme_1.styled)("div", {
+const Contents = (0, theme_1.styled)("div", {
     padding: "$2",
 });
-var Buttons = (0, theme_1.styled)("div", {
+const Buttons = (0, theme_1.styled)("div", {
     display: "flex",
     alignItems: "center",
     "> *": {

package/dev-ui/components/ResponsiveLerpControl.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { ResponsiveAtomCalc } from "../../style";
-declare type Props = {
+type Props = {
     data: ResponsiveAtomCalc[];
     onToggleLerping?(breakpoint: string, enabled: boolean): void;
 };
-export declare function ResponsiveLerpControl(props: Props): JSX.Element;
+export declare function ResponsiveLerpControl(props: Props): import("react/jsx-runtime").JSX.Element;
 export {};