@immediately-run/sandpack-react 2.20.0

package/dist/src/styles/themeContext.css.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Wrapper element styles for `<SandpackThemeProvider>`.
+ *
+ * The `variant` recipe sets `color-scheme` so native form controls and
+ * scrollbars match the active theme.
+ */
+export declare const wrapperClassName: import("@vanilla-extract/recipes").RuntimeFn<{
+    variant: {
+        dark: {
+            colorScheme: "dark";
+        };
+        light: {
+            colorScheme: "light";
+        };
+    };
+}>;
+//# sourceMappingURL=themeContext.css.d.ts.map

package/dist/src/styles/themeContext.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeContext.css.d.ts","sourceRoot":"","sources":["../../../src/styles/themeContext.css.ts"],"names":[],"mappings":"AAKA;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;EA4B3B,CAAC"}

package/dist/src/styles/themeContext.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+import type { SandpackTheme, SandpackThemeProp } from "../types";
+declare const SandpackThemeContext: React.Context<{
+    theme: SandpackTheme;
+    id: string;
+    mode: "dark" | "light" | "auto";
+}>;
+/**
+ * @category Theme
+ */
+declare const SandpackThemeProvider: React.FC<React.HTMLAttributes<HTMLDivElement> & {
+    theme?: SandpackThemeProp;
+    children?: React.ReactNode;
+}>;
+declare const SandpackThemeConsumer: React.Consumer<{
+    theme: SandpackTheme;
+    id: string;
+    mode: "dark" | "light" | "auto";
+}>;
+export { SandpackThemeProvider, SandpackThemeConsumer, SandpackThemeContext };
+//# sourceMappingURL=themeContext.d.ts.map

package/dist/src/styles/themeContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeContext.d.ts","sourceRoot":"","sources":["../../../src/styles/themeContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAMjE,QAAA,MAAM,oBAAoB;WACjB,aAAa;QAChB,MAAM;UACJ,MAAM,GAAG,OAAO,GAAG,MAAM;EAK/B,CAAC;AAEH;;GAEG;AACH,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CACnC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACrC,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAwDF,CAAC;AAEF,QAAA,MAAM,qBAAqB;WA1ElB,aAAa;QAChB,MAAM;UACJ,MAAM,GAAG,OAAO,GAAG,MAAM;EAwE0B,CAAC;AAE5D,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/src/styles/vars.css.d.ts

@@ -0,0 +1,98 @@
+/**
+ * Token contract used by every `*.css.ts` style module.
+ *
+ * The leaf string values are the suffixes of the generated CSS variable names;
+ * the `getName` callback prepends the `sp-` (THEME_PREFIX) so the produced var
+ * names match the existing public CSS variable convention (e.g. CodeMirror
+ * theme references `var(--sp-colors-surface1)`).
+ */
+export declare const vars: {
+    colors: {
+        surface1: `var(--${string})`;
+        surface2: `var(--${string})`;
+        surface3: `var(--${string})`;
+        disabled: `var(--${string})`;
+        base: `var(--${string})`;
+        clickable: `var(--${string})`;
+        hover: `var(--${string})`;
+        accent: `var(--${string})`;
+        error: `var(--${string})`;
+        errorSurface: `var(--${string})`;
+        warning: `var(--${string})`;
+        warningSurface: `var(--${string})`;
+    };
+    syntax: {
+        string: {
+            color: `var(--${string})`;
+            fontStyle: `var(--${string})`;
+        };
+        definition: {
+            color: `var(--${string})`;
+            fontStyle: `var(--${string})`;
+        };
+        static: {
+            color: `var(--${string})`;
+            fontStyle: `var(--${string})`;
+        };
+        plain: {
+            color: `var(--${string})`;
+            fontStyle: `var(--${string})`;
+        };
+        comment: {
+            color: `var(--${string})`;
+            fontStyle: `var(--${string})`;
+        };
+        keyword: {
+            color: `var(--${string})`;
+            fontStyle: `var(--${string})`;
+        };
+        punctuation: {
+            color: `var(--${string})`;
+            fontStyle: `var(--${string})`;
+        };
+        property: {
+            color: `var(--${string})`;
+            fontStyle: `var(--${string})`;
+        };
+        tag: {
+            color: `var(--${string})`;
+            fontStyle: `var(--${string})`;
+        };
+    };
+    font: {
+        body: `var(--${string})`;
+        mono: `var(--${string})`;
+        size: `var(--${string})`;
+        lineHeight: `var(--${string})`;
+    };
+    space: {
+        1: `var(--${string})`;
+        2: `var(--${string})`;
+        3: `var(--${string})`;
+        4: `var(--${string})`;
+        5: `var(--${string})`;
+        6: `var(--${string})`;
+        7: `var(--${string})`;
+        8: `var(--${string})`;
+        9: `var(--${string})`;
+        10: `var(--${string})`;
+        11: `var(--${string})`;
+    };
+    border: {
+        radius: `var(--${string})`;
+    };
+    layout: {
+        height: `var(--${string})`;
+        headerHeight: `var(--${string})`;
+    };
+    transitions: {
+        default: `var(--${string})`;
+    };
+    zIndices: {
+        base: `var(--${string})`;
+        overlay: `var(--${string})`;
+        top: `var(--${string})`;
+    };
+};
+export type SandpackVarsContract = typeof vars;
+//# sourceMappingURL=vars.css.d.ts.map

package/dist/src/styles/vars.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vars.css.d.ts","sourceRoot":"","sources":["../../../src/styles/vars.css.ts"],"names":[],"mappings":"AAiDA;;;;;;;GAOG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyChB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,OAAO,IAAI,CAAC"}

package/dist/src/templates/common.d.ts

@@ -0,0 +1,6 @@
+export declare const commonFiles: {
+    "/styles.css": {
+        code: string;
+    };
+};
+//# sourceMappingURL=common.d.ts.map

package/dist/src/templates/common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/templates/common.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;CAkBvB,CAAC"}

package/dist/src/templates/index.d.ts

@@ -0,0 +1,549 @@
+export { ASTRO_TEMPLATE } from "./node/astro";
+export { ANGULAR_TEMPLATE } from "./runtime/angular";
+export { REACT_TEMPLATE } from "./runtime/react";
+export { REACT_TYPESCRIPT_TEMPLATE } from "./runtime/react-typescript";
+export { SOLID_TEMPLATE } from "./runtime/solid";
+export { SVELTE_TEMPLATE } from "./runtime/svelte";
+export { TEST_TYPESCRIPT_TEMPLATE } from "./runtime/tests-ts";
+export { VANILLA_TEMPLATE } from "./runtime/vanilla";
+export { VANILLA_TYPESCRIPT_TEMPLATE } from "./runtime/vanilla-typescript";
+export { VUE_TEMPLATE } from "./runtime/vue";
+export declare const SANDBOX_TEMPLATES: {
+    static: {
+        files: {
+            "/index.html": {
+                code: string;
+            };
+            "/package.json": {
+                code: string;
+            };
+            "/styles.css": {
+                code: string;
+            };
+        };
+        main: string;
+        environment: string;
+    };
+    angular: {
+        files: {
+            "/src/app/app.component.css": {
+                code: string;
+            };
+            "/src/app/app.component.html": {
+                code: string;
+            };
+            "/src/app/app.component.ts": {
+                code: string;
+            };
+            "/src/app/app.module.ts": {
+                code: string;
+            };
+            "/src/index.html": {
+                code: string;
+            };
+            "/src/main.ts": {
+                code: string;
+            };
+            "/src/polyfills.ts": {
+                code: string;
+            };
+            "/package.json": {
+                code: string;
+            };
+        };
+        main: string;
+        environment: string;
+    };
+    react: {
+        files: {
+            "/App.js": {
+                code: string;
+            };
+            "/index.js": {
+                code: string;
+            };
+            "/public/index.html": {
+                code: string;
+            };
+            "/package.json": {
+                code: string;
+            };
+            "/styles.css": {
+                code: string;
+            };
+        };
+        main: string;
+        environment: string;
+    };
+    "react-ts": {
+        files: {
+            "tsconfig.json": {
+                code: string;
+            };
+            "/App.tsx": {
+                code: string;
+            };
+            "/index.tsx": {
+                code: string;
+            };
+            "/public/index.html": {
+                code: string;
+            };
+            "/package.json": {
+                code: string;
+            };
+            "/styles.css": {
+                code: string;
+            };
+        };
+        main: string;
+        environment: string;
+    };
+    solid: {
+        files: {
+            "/App.tsx": {
+                code: string;
+            };
+            "/index.tsx": {
+                code: string;
+            };
+            "/index.html": {
+                code: string;
+            };
+            "/package.json": {
+                code: string;
+            };
+            "/styles.css": {
+                code: string;
+            };
+        };
+        main: string;
+        environment: string;
+    };
+    svelte: {
+        files: {
+            "/App.svelte": {
+                code: string;
+            };
+            "/index.js": {
+                code: string;
+            };
+            "/public/index.html": {
+                code: string;
+            };
+            "/package.json": {
+                code: string;
+            };
+            "/styles.css": {
+                code: string;
+            };
+        };
+        main: string;
+        environment: string;
+    };
+    "test-ts": {
+        files: {
+            "tsconfig.json": {
+                code: string;
+            };
+            "/add.ts": {
+                code: string;
+            };
+            "/add.test.ts": {
+                code: string;
+            };
+            "package.json": {
+                code: string;
+            };
+        };
+        main: string;
+        environment: string;
+        mode: string;
+    };
+    "vanilla-ts": {
+        files: {
+            "tsconfig.json": {
+                code: string;
+            };
+            "/index.ts": {
+                code: string;
+            };
+            "/index.html": {
+                code: string;
+            };
+            "/package.json": {
+                code: string;
+            };
+            "/styles.css": {
+                code: string;
+            };
+        };
+        main: string;
+        environment: string;
+    };
+    vanilla: {
+        files: {
+            "/index.js": {
+                code: string;
+            };
+            "/index.html": {
+                code: string;
+            };
+            "/package.json": {
+                code: string;
+            };
+            "/styles.css": {
+                code: string;
+            };
+        };
+        main: string;
+        environment: string;
+    };
+    vue: {
+        files: {
+            "/src/styles.css": {
+                code: string;
+            };
+            "/src/App.vue": {
+                code: string;
+            };
+            "/src/main.js": {
+                code: string;
+            };
+            "/public/index.html": {
+                code: string;
+            };
+            "/package.json": {
+                code: string;
+            };
+        };
+        main: string;
+        environment: string;
+    };
+    "vue-ts": {
+        files: {
+            "/src/styles.css": {
+                code: string;
+            };
+            "/src/App.vue": {
+                code: string;
+            };
+            "/src/main.ts": {
+                code: string;
+            };
+            "/src/shims-vue.d.ts": string;
+            "/public/index.html": {
+                code: string;
+            };
+            "/package.json": {
+                code: string;
+            };
+            "/tsconfig.json": {
+                code: string;
+            };
+        };
+        main: string;
+        environment: string;
+    };
+    node: {
+        files: {
+            "/index.js": {
+                code: string;
+            };
+            "/package.json": {
+                code: string;
+            };
+        };
+        main: string;
+        environment: string;
+    };
+    nextjs: {
+        files: {
+            "/pages/_app.js": {
+                code: string;
+            };
+            "/pages/index.js": {
+                code: string;
+            };
+            "/next.config.js": {
+                code: string;
+            };
+            "/package.json": {
+                code: string;
+            };
+            "/styles.css": {
+                code: string;
+            };
+        };
+        main: string;
+        environment: string;
+    };
+    vite: {
+        files: {
+            "/index.js": {
+                code: string;
+            };
+            "/index.html": {
+                code: string;
+            };
+            "/package.json": {
+                code: string;
+            };
+            "/styles.css": {
+                code: string;
+            };
+        };
+        main: string;
+        environment: string;
+    };
+    "vite-react": {
+        files: {
+            "/App.jsx": {
+                code: string;
+            };
+            "/index.jsx": {
+                code: string;
+            };
+            "/index.html": {
+                code: string;
+            };
+            "/package.json": {
+                code: string;
+            };
+            "/vite.config.js": {
+                code: string;
+            };
+            "/styles.css": {
+                code: string;
+            };
+        };
+        main: string;
+        environment: string;
+    };
+    "vite-react-ts": {
+        files: {
+            "/App.tsx": {
+                code: string;
+            };
+            "/index.tsx": {
+                code: string;
+            };
+            "/index.html": {
+                code: string;
+            };
+            "/tsconfig.json": {
+                code: string;
+            };
+            "/tsconfig.node.json": {
+                code: string;
+            };
+            "/package.json": {
+                code: string;
+            };
+            "/vite-env.d.ts": {
+                code: string;
+            };
+            "/vite.config.ts": {
+                code: string;
+            };
+            "/styles.css": {
+                code: string;
+            };
+        };
+        main: string;
+        environment: string;
+    };
+    "vite-preact": {
+        files: {
+            "/App.jsx": {
+                code: string;
+            };
+            "/index.jsx": {
+                code: string;
+            };
+            "/index.html": {
+                code: string;
+            };
+            "/package.json": {
+                code: string;
+            };
+            "/vite.config.js": {
+                code: string;
+            };
+            "/styles.css": {
+                code: string;
+            };
+        };
+        main: string;
+        environment: string;
+    };
+    "vite-preact-ts": {
+        files: {
+            "/App.tsx": {
+                code: string;
+            };
+            "/index.tsx": {
+                code: string;
+            };
+            "/index.html": {
+                code: string;
+            };
+            "/tsconfig.json": {
+                code: string;
+            };
+            "/tsconfig.node.json": {
+                code: string;
+            };
+            "/package.json": {
+                code: string;
+            };
+            "/vite-env.d.ts": {
+                code: string;
+            };
+            "/vite.config.ts": {
+                code: string;
+            };
+            "/styles.css": {
+                code: string;
+            };
+        };
+        main: string;
+        environment: string;
+    };
+    "vite-vue": {
+        files: {
+            "/src/styles.css": {
+                code: string;
+            };
+            "/src/App.vue": {
+                code: string;
+            };
+            "/src/main.js": {
+                code: string;
+            };
+            "/index.html": {
+                code: string;
+            };
+            "/vite.config.js": {
+                code: string;
+            };
+            "/package.json": {
+                code: string;
+            };
+        };
+        main: string;
+        environment: string;
+    };
+    "vite-vue-ts": {
+        files: {
+            "/src/styles.css": {
+                code: string;
+            };
+            "/src/App.vue": {
+                code: string;
+            };
+            "/src/main.ts": {
+                code: string;
+            };
+            "/index.html": {
+                code: string;
+            };
+            "/vite-env.d.ts": {
+                code: string;
+            };
+            "/vite.config.ts": {
+                code: string;
+            };
+            "tsconfig.json": {
+                code: string;
+            };
+            "tsconfig.node.json": {
+                code: string;
+            };
+            "/package.json": {
+                code: string;
+            };
+        };
+        main: string;
+        environment: string;
+    };
+    "vite-svelte": {
+        files: {
+            "/src/styles.css": {
+                code: string;
+            };
+            "/src/App.svelte": {
+                code: string;
+            };
+            "/src/main.js": {
+                code: string;
+            };
+            "/index.html": {
+                code: string;
+            };
+            "/vite.config.js": {
+                code: string;
+            };
+            "/package.json": {
+                code: string;
+            };
+        };
+        main: string;
+        environment: string;
+    };
+    "vite-svelte-ts": {
+        files: {
+            "/src/styles.css": {
+                code: string;
+            };
+            "/src/App.svelte": {
+                code: string;
+            };
+            "/src/main.ts": {
+                code: string;
+            };
+            "/index.html": {
+                code: string;
+            };
+            "/vite-env.d.ts": {
+                code: string;
+            };
+            "svelte.config.js": {
+                code: string;
+            };
+            "/vite.config.ts": {
+                code: string;
+            };
+            "tsconfig.json": {
+                code: string;
+            };
+            "tsconfig.node.json": {
+                code: string;
+            };
+            "/package.json": {
+                code: string;
+            };
+        };
+        main: string;
+        environment: string;
+    };
+    astro: {
+        files: {
+            "/src/styles.css": {
+                code: string;
+            };
+            "/src/pages/index.astro": {
+                code: string;
+            };
+            ".env": {
+                code: string;
+            };
+            "/package.json": {
+                code: string;
+            };
+        };
+        main: string;
+        environment: string;
+    };
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/src/templates/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/templates/index.tsx"],"names":[],"mappings":"AAuBA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyB7B,CAAC"}