@batijs/cli 0.0.307 → 0.0.309

package/dist/boilerplates/@batijs/panda-css/files/$package.json.js

@@ -0,0 +1,95 @@
+#!/usr/bin/env node
+import {
+  OXs
+} from "../../../../chunk-2XLSFFOD.js";
+import "../../../../chunk-LU7IBQI7.js";
+
+// ../../boilerplates/panda-css/dist/files/$package.json.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var require_package = __commonJS({
+  "package.json"(exports, module) {
+    module.exports = {
+      name: "@batijs/panda-css",
+      private: true,
+      version: "0.0.1",
+      description: "",
+      type: "module",
+      scripts: {
+        "check-types": "tsc --noEmit",
+        build: "bati-compile-boilerplate"
+      },
+      keywords: [],
+      author: "",
+      license: "MIT",
+      devDependencies: {
+        "@batijs/compile": "workspace:*",
+        "@pandacss/dev": "^0.48.0",
+        "@types/node": "^18.19.64",
+        postcss: "^8.4.49"
+      },
+      dependencies: {
+        "@batijs/core": "workspace:*"
+      },
+      files: [
+        "dist/"
+      ],
+      bati: {
+        if: {
+          flag: "panda-css"
+        }
+      },
+      exports: {
+        "./panda.config": {
+          types: "./dist/types/panda.config.d.ts"
+        },
+        "./postcss.config": {
+          types: "./dist/types/postcss.config.d.ts"
+        }
+      },
+      typesVersions: {
+        "*": {
+          "panda.config": [
+            "./dist/types/panda.config.d.ts"
+          ],
+          "postcss.config": [
+            "./dist/types/postcss.config.d.ts"
+          ]
+        }
+      }
+    };
+  }
+});
+async function getPackageJson(props) {
+  const packageJson = await OXs(props, await Promise.resolve().then(() => __toESM(require_package(), 1)).then((x) => x.default));
+  return packageJson.setScript("prepare", {
+    value: "panda codegen",
+    precedence: 20
+  }).addDevDependencies(["@pandacss/dev", "postcss"]).addDependencies([]);
+}
+export {
+  getPackageJson as default
+};

package/dist/boilerplates/@batijs/panda-css/files/layouts/panda.css

@@ -0,0 +1 @@
+@layer reset, base, tokens, recipes, utilities;

package/dist/boilerplates/@batijs/panda-css/files/panda.config.ts

@@ -0,0 +1,32 @@
+import { defineConfig } from "@pandacss/dev";
+
+export default defineConfig({
+  // Whether to use css reset
+  preflight: true,
+
+  // Where to look for your css declarations
+  include: BATI.has("vue")
+    ? [
+        "./components/**/*.{js,jsx,ts,tsx,vue}",
+        "./layouts/**/*.{js,jsx,ts,tsx,vue}",
+        "./pages/**/*.{js,jsx,ts,tsx,vue}",
+        "./src/**/*.{js,jsx,ts,tsx,vue}",
+      ]
+    : [
+        "./components/**/*.{js,jsx,ts,tsx}",
+        "./layouts/**/*.{js,jsx,ts,tsx}",
+        "./pages/**/*.{js,jsx,ts,tsx}",
+        "./src/**/*.{js,jsx,ts,tsx}",
+      ],
+
+  // Files to exclude
+  exclude: [],
+
+  // Useful for theme customization
+  theme: {
+    extend: {},
+  },
+
+  // The output directory for your css system
+  outdir: "styled-system",
+});

package/dist/boilerplates/@batijs/panda-css/files/postcss.config.js

@@ -0,0 +1,5 @@
+export default {
+  plugins: {
+    "@pandacss/dev/postcss": {},
+  },
+};

package/dist/boilerplates/@batijs/panda-css/types/panda.config.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("@pandacss/dev").Config & {
+    name: string;
+};
+export default _default;

package/dist/boilerplates/@batijs/panda-css/types/postcss.config.d.ts

@@ -0,0 +1,6 @@
+declare namespace _default {
+    let plugins: {
+        "@pandacss/dev/postcss": {};
+    };
+}
+export default _default;

package/dist/boilerplates/@batijs/prettier/files/$package.json.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   OXs
-} from "../../../../chunk-ACADSV35.js";
+} from "../../../../chunk-2XLSFFOD.js";
 import "../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/prettier/dist/files/$package.json.js

package/dist/boilerplates/@batijs/prettier/files/.prettierignore

@@ -140,3 +140,7 @@ dist
 # aws-cdk
 .cdk.staging
 cdk.out
+
+## Panda
+styled-system
+styled-system-studio

package/dist/boilerplates/@batijs/prisma/files/$.env.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   WXs
-} from "../../../../chunk-ACADSV35.js";
+} from "../../../../chunk-2XLSFFOD.js";
 import "../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/prisma/dist/files/$.env.js

package/dist/boilerplates/@batijs/prisma/files/$README.md.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   NXs
-} from "../../../../chunk-ACADSV35.js";
+} from "../../../../chunk-2XLSFFOD.js";
 import "../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/prisma/dist/files/$README.md.js

package/dist/boilerplates/@batijs/prisma/files/$package.json.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   OXs
-} from "../../../../chunk-ACADSV35.js";
+} from "../../../../chunk-2XLSFFOD.js";
 import "../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/prisma/dist/files/$package.json.js

package/dist/boilerplates/@batijs/react/files/$README.md.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   NXs
-} from "../../../../chunk-ACADSV35.js";
+} from "../../../../chunk-2XLSFFOD.js";
 import "../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/react/dist/files/$README.md.js

package/dist/boilerplates/@batijs/react/files/$package.json.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   OXs
-} from "../../../../chunk-ACADSV35.js";
+} from "../../../../chunk-2XLSFFOD.js";
 import "../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/react/dist/files/$package.json.js
@@ -39,6 +39,7 @@ var require_package = __commonJS({
       description: "",
       type: "module",
       scripts: {
+        prepare: "panda codegen --silent",
         "check-types": "tsc --noEmit",
         build: "bati-compile-boilerplate"
       },
@@ -51,6 +52,7 @@ var require_package = __commonJS({
         "@babel/plugin-transform-react-jsx": "^7.25.9",
         "@batijs/compile": "workspace:*",
         "@mantine/core": "^7.14.1",
+        "@pandacss/dev": "^0.48.0",
         "@types/node": "^18.19.64",
         "@types/react": "^18.3.12",
         "@types/react-dom": "^18.3.1",
@@ -59,8 +61,8 @@ var require_package = __commonJS({
         "react-dom": "^18.3.1",
         tailwindcss: "^3.4.15",
         typescript: "^5.6.3",
-        vike: "^0.4.203",
-        "vike-react": "^0.5.7",
+        vike: "^0.4.204",
+        "vike-react": "^0.5.8",
         vite: "^5.4.11",
         "vite-plugin-compiled-react": "^1.1.3"
       },

package/dist/boilerplates/@batijs/react/files/$tsconfig.json.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   IXs
-} from "../../../../chunk-ACADSV35.js";
+} from "../../../../chunk-2XLSFFOD.js";
 import "../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/react/dist/files/$tsconfig.json.js

package/dist/boilerplates/@batijs/react/files/$vite.config.ts.js

@@ -1,15 +1,15 @@
 #!/usr/bin/env node
 import {
   LXs,
-  Tvs
-} from "../../../../chunk-ACADSV35.js";
+  vTs
+} from "../../../../chunk-2XLSFFOD.js";
 import "../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/react/dist/files/$vite.config.ts.js
 async function getViteConfig(props) {
   const mod = await LXs(props);
   const reactOptions = props.meta.BATI.has("vercel") && props.meta.BATI.has("hattip") ? { jsxRuntime: "classic" } : {};
-  Tvs(mod, {
+  vTs(mod, {
     from: "@vitejs/plugin-react",
     constructor: "react",
     options: reactOptions

package/dist/boilerplates/@batijs/react/files/layouts/LayoutDefault.tsx

@@ -1,22 +1,25 @@
 import "./style.css";
 //# BATI.has("tailwindcss")
 import "./tailwind.css";
+//# BATI.has("panda-css")
+import "./panda.css";
 import React from "react";
 import logoUrl from "../assets/logo.svg";
 import { Link } from "../components/Link.js";
+import { css } from "../styled-system/css";
 
 export default function LayoutDefault({ children }: { children: React.ReactNode }) {
   return (
     <div
-      //# BATI.has("tailwindcss")
-      className="flex max-w-5xl m-auto"
+      //# BATI.has("tailwindcss") || BATI.has("panda-css")
+      className={BATI.has("tailwindcss") ? "flex max-w-5xl m-auto" : css({ display: "flex", maxW: "900px", m: "auto" })}
       //# BATI.has("compiled-css")
       css={{
         display: "flex",
         maxWidth: 1024,
         margin: "auto",
       }}
-      //# !BATI.has("tailwindcss") && !BATI.has("compiled-css")
+      //# !BATI.has("tailwindcss") && !BATI.has("compiled-css") && !BATI.has("panda-css")
       style={{
         display: "flex",
         maxWidth: 900,
@@ -39,8 +42,19 @@ function Sidebar({ children }: { children: React.ReactNode }) {
   return (
     <div
       id="sidebar"
-      //# BATI.has("tailwindcss")
-      className="p-5 flex flex-col shrink-0 border-r-2 border-r-gray-200"
+      //# BATI.has("tailwindcss") || BATI.has("panda-css")
+      className={
+        BATI.has("tailwindcss")
+          ? "p-5 flex flex-col shrink-0 border-r-2 border-r-gray-200"
+          : css({
+              p: "20px",
+              display: "flex",
+              flexShrink: 0,
+              flexDir: "column",
+              lineHeight: "1.8em",
+              borderRight: "2px solid #eee",
+            })
+      }
       //# BATI.has("compiled-css")
       css={{
         padding: 20,
@@ -50,7 +64,7 @@ function Sidebar({ children }: { children: React.ReactNode }) {
         lineHeight: "1.8em",
         borderRight: "2px solid #eee",
       }}
-      //# !BATI.has("tailwindcss") && !BATI.has("compiled-css")
+      //# !BATI.has("tailwindcss") && !BATI.has("compiled-css") && !BATI.has("panda-css")
       style={{
         padding: 20,
         flexShrink: 0,
@@ -70,15 +84,15 @@ function Content({ children }: { children: React.ReactNode }) {
     <div id="page-container">
       <div
         id="page-content"
-        //# BATI.has("tailwindcss")
-        className="p-5 pb-12 min-h-screen"
+        //# BATI.has("tailwindcss") || BATI.has("panda-css")
+        className={BATI.has("tailwindcss") ? "p-5 pb-12 min-h-screen" : css({ p: "20px", pb: "50px", minH: "100vh" })}
         //# BATI.has("compiled-css")
         css={{
           padding: 20,
           paddingBottom: 48,
           minHeight: "100vh",
         }}
-        //# !BATI.has("tailwindcss") && !BATI.has("compiled-css")
+        //# !BATI.has("tailwindcss") && !BATI.has("compiled-css") && !BATI.has("panda-css")
         style={{
           padding: 20,
           paddingBottom: 50,
@@ -94,14 +108,14 @@ function Content({ children }: { children: React.ReactNode }) {
 function Logo() {
   return (
     <div
-      //# BATI.has("tailwindcss")
-      className="p-5 mb-2"
+      //# BATI.has("tailwindcss") || BATI.has("panda-css")
+      className={BATI.has("tailwindcss") ? "p-5 mb-2" : css({ p: "20px", mb: "10px" })}
       //# BATI.has("compiled-css")
       css={{
         padding: 20,
         marginBottom: 8,
       }}
-      //# !BATI.has("tailwindcss") && !BATI.has("compiled-css")
+      //# !BATI.has("tailwindcss") && !BATI.has("compiled-css") && !BATI.has("panda-css")
       style={{
         marginTop: 20,
         marginBottom: 10,

package/dist/boilerplates/@batijs/react/files/pages/index/+Page.tsx

@@ -1,12 +1,17 @@
 import React from "react";
 import { Counter } from "./Counter.js";
+import { css } from "../../styled-system/css";
 
 export default function Page() {
   return (
     <>
       <h1
-        //# BATI.has("tailwindcss")
-        className="font-bold text-3xl pb-4"
+        //# BATI.has("tailwindcss") || BATI.has("panda-css")
+        className={
+          BATI.has("tailwindcss")
+            ? "font-bold text-3xl pb-4"
+            : css({ font: "bold 2em sans-serif", marginBlock: "0.67em" })
+        }
         //# BATI.has("compiled-css")
         css={{ fontWeight: "700", fontSize: "1.875rem", paddingBottom: "1rem" }}
       >

package/dist/boilerplates/@batijs/react/files/pages/index/Counter.tsx

@@ -1,4 +1,5 @@
 import React, { useState } from "react";
+import { css } from "../../styled-system/css";
 
 export function Counter() {
   const [count, setCount] = useState(0);
@@ -6,8 +7,22 @@ export function Counter() {
   return (
     <button
       type="button"
-      //# BATI.has("tailwindcss")
-      className="inline-block border border-black rounded bg-gray-200 px-2 py-1 text-xs font-medium uppercase leading-normal"
+      //# BATI.has("tailwindcss") || BATI.has("panda-css")
+      className={
+        BATI.has("tailwindcss")
+          ? "inline-block border border-black rounded bg-gray-200 px-2 py-1 text-xs font-medium uppercase leading-normal"
+          : css({
+              display: "inline-block",
+              border: "1px solid black",
+              rounded: "sm",
+              bg: "gray.200",
+              px: 1,
+              py: 0.5,
+              fontSize: 12,
+              fontWeight: 500,
+              lineHeight: "16px",
+            })
+      }
       //# BATI.has("compiled-css")
       css={{
         display: "inline-block",

package/dist/boilerplates/@batijs/react/files/pages/todo/TodoList.tsx

@@ -1,6 +1,7 @@
 import { onNewTodo } from "@batijs/telefunc/pages/todo/TodoList.telefunc";
 import { trpc } from "@batijs/trpc/trpc/client";
 import { client } from "@batijs/ts-rest/ts-rest/client";
+import { css } from "../../styled-system/css";
 import React, { useState } from "react";
 
 export function TodoList({ initialTodoItems }: { initialTodoItems: { text: string }[] }) {
@@ -48,8 +49,55 @@ export function TodoList({ initialTodoItems }: { initialTodoItems: { text: strin
             }
           }}
         >
-          <input type="text" onChange={(ev) => setNewTodo(ev.target.value)} value={newTodo} />{" "}
-          <button type="submit">Add to-do</button>
+          <input
+            type="text"
+            onChange={(ev) => setNewTodo(ev.target.value)}
+            value={newTodo}
+            //# BATI.has("tailwindcss") || BATI.has("panda-css")
+            className={
+              BATI.has("tailwindcss")
+                ? "bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 w-full sm:w-auto p-2 mr-1 mb-1"
+                : css({
+                    p: 2,
+                    bg: "gray.50",
+                    borderWidth: 1,
+                    borderColor: "gray.300",
+                    color: "gray.900",
+                    fontSize: "sm",
+                    rounded: "md",
+                    width: { base: "full", sm: "auto" },
+                    _focus: { ringColor: "teal.500", borderColor: "teal.500" },
+                    mr: 1,
+                    mb: 1,
+                  })
+            }
+          />
+          <button
+            type="submit"
+            //# BATI.has("tailwindcss") || BATI.has("panda-css")
+            className={
+              BATI.has("tailwindcss")
+                ? "text-white bg-blue-700 hover:bg-blue-800 focus:ring-2 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto p-2"
+                : css({
+                    color: "white",
+                    bg: { base: "teal.700", _hover: "teal.800" },
+                    _focus: {
+                      ringWidth: 2,
+                      ringColor: "teal.300",
+                      outline: "1px solid transparent",
+                      outlineOffset: "1px",
+                    },
+                    cursor: "pointer",
+                    fontSize: "sm",
+                    fontWeight: 500,
+                    rounded: "md",
+                    width: { base: "full", sm: "auto" },
+                    p: 2,
+                  })
+            }
+          >
+            Add to-do
+          </button>
         </form>
       </div>
     </>

package/dist/boilerplates/@batijs/react/types/layouts/LayoutDefault.d.ts

@@ -1,5 +1,6 @@
 import "./style.css";
 import "./tailwind.css";
+import "./panda.css";
 import React from "react";
 export default function LayoutDefault({ children }: {
     children: React.ReactNode;

package/dist/boilerplates/@batijs/react/types/pages/+config.d.ts

@@ -106,6 +106,12 @@ declare const _default: {
                     server: true;
                 };
             };
+            onBeforeRenderHtml: {
+                env: {
+                    server: true;
+                };
+                cumulative: true;
+            };
             onAfterRenderHtml: {
                 env: {
                     server: true;

package/dist/boilerplates/@batijs/react-sentry/files/$package.json.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   OXs
-} from "../../../../chunk-ACADSV35.js";
+} from "../../../../chunk-2XLSFFOD.js";
 import "../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/react-sentry/dist/files/$package.json.js
@@ -47,7 +47,7 @@ var require_package = __commonJS({
       license: "MIT",
       devDependencies: {
         "@batijs/compile": "workspace:*",
-        "@sentry/react": "^8.38.0",
+        "@sentry/react": "^8.39.0",
         "@types/node": "^18.19.64",
         "@types/react": "^18.3.12",
         "@types/react-dom": "^18.3.1",

package/dist/boilerplates/@batijs/sentry/files/$.env.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   WXs
-} from "../../../../chunk-ACADSV35.js";
+} from "../../../../chunk-2XLSFFOD.js";
 import "../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/sentry/dist/files/$.env.js

package/dist/boilerplates/@batijs/sentry/files/$README.md.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   NXs
-} from "../../../../chunk-ACADSV35.js";
+} from "../../../../chunk-2XLSFFOD.js";
 import "../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/sentry/dist/files/$README.md.js

package/dist/boilerplates/@batijs/sentry/files/$package.json.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   OXs
-} from "../../../../chunk-ACADSV35.js";
+} from "../../../../chunk-2XLSFFOD.js";
 import "../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/sentry/dist/files/$package.json.js

package/dist/boilerplates/@batijs/sentry/files/$vite.config.ts.js

@@ -1,15 +1,15 @@
 #!/usr/bin/env node
 import {
   LXs,
-  Tvs,
-  eQr
-} from "../../../../chunk-ACADSV35.js";
+  eQr,
+  vTs
+} from "../../../../chunk-2XLSFFOD.js";
 import "../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/sentry/dist/files/$vite.config.ts.js
 async function getViteConfig(props) {
   const mod = await LXs(props);
-  Tvs(mod, {
+  vTs(mod, {
     from: "@sentry/vite-plugin",
     constructor: "sentryVitePlugin",
     imported: "sentryVitePlugin",

package/dist/boilerplates/@batijs/sentry/files/pages/$+client.ts.js

@@ -4,7 +4,7 @@ import {
   LXs,
   Use,
   YV
-} from "../../../../../chunk-ACADSV35.js";
+} from "../../../../../chunk-2XLSFFOD.js";
 import "../../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/sentry/dist/files/pages/$+client.ts.js

package/dist/boilerplates/@batijs/shadcn-ui/files/$README.md.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   NXs
-} from "../../../../chunk-ACADSV35.js";
+} from "../../../../chunk-2XLSFFOD.js";
 import "../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/shadcn-ui/dist/files/$README.md.js

package/dist/boilerplates/@batijs/shadcn-ui/files/$package.json.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   OXs
-} from "../../../../chunk-ACADSV35.js";
+} from "../../../../chunk-2XLSFFOD.js";
 import "../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/shadcn-ui/dist/files/$package.json.js

package/dist/boilerplates/@batijs/shadcn-ui/files/$tsconfig.json.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   IXs
-} from "../../../../chunk-ACADSV35.js";
+} from "../../../../chunk-2XLSFFOD.js";
 import "../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/shadcn-ui/dist/files/$tsconfig.json.js

package/dist/boilerplates/@batijs/shadcn-ui/files/$vite.config.ts.js

@@ -2,7 +2,7 @@
 import {
   HXr,
   LXs
-} from "../../../../chunk-ACADSV35.js";
+} from "../../../../chunk-2XLSFFOD.js";
 import "../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/shadcn-ui/dist/files/$vite.config.ts.js

package/dist/boilerplates/@batijs/shared/files/$README.md.js

@@ -4,7 +4,7 @@ import {
   NXs,
   iQs,
   sQs
-} from "../../../../chunk-ACADSV35.js";
+} from "../../../../chunk-2XLSFFOD.js";
 import "../../../../chunk-LU7IBQI7.js";
 
 // ../../boilerplates/shared/dist/files/$README.md.js

package/dist/boilerplates/@batijs/shared/files/.gitignore

@@ -140,3 +140,7 @@ dist
 # aws-cdk
 .cdk.staging
 cdk.out
+
+## Panda
+styled-system
+styled-system-studio