@batijs/cli 0.0.445 → 0.0.447

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

@@ -1,24 +1,21 @@
 import "./style.css";
 //# BATI.has("tailwindcss")
 import "./tailwind.css";
-//# BATI.has("panda-css")
-import "./panda.css";
 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") || BATI.has("panda-css")
-      className={BATI.has("tailwindcss") ? "flex max-w-5xl m-auto" : css({ display: "flex", maxW: "900px", m: "auto" })}
+      //# BATI.has("tailwindcss")
+      className={"flex max-w-5xl m-auto"}
       //# BATI.has("compiled-css")
       css={{
         display: "flex",
         maxWidth: 1024,
         margin: "auto",
       }}
-      //# !BATI.has("tailwindcss") && !BATI.has("compiled-css") && !BATI.has("panda-css")
+      //# !BATI.has("tailwindcss") && !BATI.has("compiled-css")
       style={{
         display: "flex",
         maxWidth: 900,
@@ -30,7 +27,6 @@ export default function LayoutDefault({ children }: { children: React.ReactNode
         <Link href="/">Welcome</Link>
         <Link href="/todo">Todo</Link>
         <Link href="/star-wars">Data Fetching</Link>
-        {BATI.has("firebase-auth") ? <Link href="/login">Login</Link> : ""}
       </Sidebar>
       <Content>{children}</Content>
     </div>
@@ -41,19 +37,8 @@ function Sidebar({ children }: { children: React.ReactNode }) {
   return (
     <div
       id="sidebar"
-      //# 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("tailwindcss")
+      className={"p-5 flex flex-col shrink-0 border-r-2 border-r-gray-200"}
       //# BATI.has("compiled-css")
       css={{
         padding: 20,
@@ -63,7 +48,7 @@ function Sidebar({ children }: { children: React.ReactNode }) {
         lineHeight: "1.8em",
         borderRight: "2px solid #eee",
       }}
-      //# !BATI.has("tailwindcss") && !BATI.has("compiled-css") && !BATI.has("panda-css")
+      //# !BATI.has("tailwindcss") && !BATI.has("compiled-css")
       style={{
         padding: 20,
         flexShrink: 0,
@@ -83,15 +68,15 @@ function Content({ children }: { children: React.ReactNode }) {
     <div id="page-container">
       <div
         id="page-content"
-        //# 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("tailwindcss")
+        className={"p-5 pb-12 min-h-screen"}
         //# BATI.has("compiled-css")
         css={{
           padding: 20,
           paddingBottom: 48,
           minHeight: "100vh",
         }}
-        //# !BATI.has("tailwindcss") && !BATI.has("compiled-css") && !BATI.has("panda-css")
+        //# !BATI.has("tailwindcss") && !BATI.has("compiled-css")
         style={{
           padding: 20,
           paddingBottom: 50,
@@ -107,14 +92,14 @@ function Content({ children }: { children: React.ReactNode }) {
 function Logo() {
   return (
     <div
-      //# BATI.has("tailwindcss") || BATI.has("panda-css")
-      className={BATI.has("tailwindcss") ? "p-5 mb-2" : css({ p: "20px", mb: "10px" })}
+      //# BATI.has("tailwindcss")
+      className={"p-5 mb-2"}
       //# BATI.has("compiled-css")
       css={{
         padding: 20,
         marginBottom: 8,
       }}
-      //# !BATI.has("tailwindcss") && !BATI.has("compiled-css") && !BATI.has("panda-css")
+      //# !BATI.has("tailwindcss") && !BATI.has("compiled-css")
       style={{
         marginTop: 20,
         marginBottom: 10,

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

@@ -13,7 +13,7 @@ export default {
   title: "My Vike App",
   description: "Demo showcasing Vike",
 
-  //# BATI.has("auth0") || BATI.has("firebase-auth") || BATI.has("authjs")
+  //# BATI.has("auth0") || BATI.has("authjs")
   passToClient: ["user"],
   extends: vikeReact,
 } satisfies Config;

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

@@ -1,16 +1,11 @@
 import { Counter } from "./Counter.js";
-import { css } from "../../styled-system/css";
 
 export default function Page() {
   return (
     <>
       <h1
-        //# 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("tailwindcss")
+        className={"font-bold text-3xl pb-4"}
         //# BATI.has("compiled-css")
         css={{ fontWeight: "700", fontSize: "1.875rem", paddingBottom: "1rem" }}
       >

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

@@ -1,5 +1,4 @@
 import { useState } from "react";
-import { css } from "../../styled-system/css";
 
 export function Counter() {
   const [count, setCount] = useState(0);
@@ -7,23 +6,11 @@ export function Counter() {
   return (
     <button
       type="button"
-      //# BATI.has("tailwindcss") || BATI.has("panda-css")
+      //# BATI.has("tailwindcss")
       className={
         BATI.has("daisyui")
           ? "btn"
-          : 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",
-              })
+          : "inline-block border border-black rounded bg-gray-200 px-2 py-1 text-xs font-medium uppercase leading-normal"
       }
       //# BATI.has("compiled-css")
       css={{

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

@@ -1,7 +1,6 @@
 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 { useState } from "react";
 
 export function TodoList({ initialTodoItems }: { initialTodoItems: { text: string }[] }) {
@@ -53,47 +52,16 @@ export function TodoList({ initialTodoItems }: { initialTodoItems: { text: strin
             type="text"
             onChange={(ev) => setNewTodo(ev.target.value)}
             value={newTodo}
-            //# BATI.has("tailwindcss") || BATI.has("panda-css")
+            //# BATI.has("tailwindcss")
             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,
-                  })
+              "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"
             }
           />
           <button
             type="submit"
-            //# BATI.has("tailwindcss") || BATI.has("panda-css")
+            //# BATI.has("tailwindcss")
             className={
-              BATI.has("tailwindcss")
-                ? "text-white bg-blue-700 hover:bg-blue-800 focus:ring-2 focus:outline-hidden 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,
-                  })
+              "text-white bg-blue-700 hover:bg-blue-800 focus:ring-2 focus:outline-hidden focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto p-2"
             }
           >
             Add to-do

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

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

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

@@ -4,7 +4,7 @@ const require = createRequire_BATI_CLI(import.meta.url);
 
 import {
   ata
-} from "../../../../chunk-YO6CY4MA.js";
+} from "../../../../chunk-RIWHL2V7.js";
 import "../../../../chunk-V7W2TXCE.js";
 import "../../../../chunk-DHZ7AZKP.js";
 

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

@@ -4,7 +4,7 @@ const require = createRequire_BATI_CLI(import.meta.url);
 
 import {
   bta
-} from "../../../../chunk-YO6CY4MA.js";
+} from "../../../../chunk-RIWHL2V7.js";
 import "../../../../chunk-V7W2TXCE.js";
 import "../../../../chunk-DHZ7AZKP.js";
 

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

@@ -4,7 +4,7 @@ const require = createRequire_BATI_CLI(import.meta.url);
 
 import {
   ita
-} from "../../../../chunk-YO6CY4MA.js";
+} from "../../../../chunk-RIWHL2V7.js";
 import "../../../../chunk-V7W2TXCE.js";
 import "../../../../chunk-DHZ7AZKP.js";
 

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

@@ -4,7 +4,7 @@ const require = createRequire_BATI_CLI(import.meta.url);
 
 import {
   ata
-} from "../../../../chunk-YO6CY4MA.js";
+} from "../../../../chunk-RIWHL2V7.js";
 import "../../../../chunk-V7W2TXCE.js";
 import "../../../../chunk-DHZ7AZKP.js";
 

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

@@ -6,7 +6,7 @@ import {
   hEs,
   ota,
   ren
-} from "../../../../chunk-YO6CY4MA.js";
+} from "../../../../chunk-RIWHL2V7.js";
 import "../../../../chunk-V7W2TXCE.js";
 import "../../../../chunk-DHZ7AZKP.js";
 

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

@@ -7,7 +7,7 @@ import {
   bz,
   ota,
   sae
-} from "../../../../../chunk-YO6CY4MA.js";
+} from "../../../../../chunk-RIWHL2V7.js";
 import "../../../../../chunk-V7W2TXCE.js";
 import "../../../../../chunk-DHZ7AZKP.js";
 

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

@@ -4,7 +4,7 @@ const require = createRequire_BATI_CLI(import.meta.url);
 
 import {
   ita
-} from "../../../../chunk-YO6CY4MA.js";
+} from "../../../../chunk-RIWHL2V7.js";
 import "../../../../chunk-V7W2TXCE.js";
 import "../../../../chunk-DHZ7AZKP.js";
 

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

@@ -4,7 +4,7 @@ const require = createRequire_BATI_CLI(import.meta.url);
 
 import {
   ata
-} from "../../../../chunk-YO6CY4MA.js";
+} from "../../../../chunk-RIWHL2V7.js";
 import "../../../../chunk-V7W2TXCE.js";
 import "../../../../chunk-DHZ7AZKP.js";
 

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

@@ -4,7 +4,7 @@ const require = createRequire_BATI_CLI(import.meta.url);
 
 import {
   sta
-} from "../../../../chunk-YO6CY4MA.js";
+} from "../../../../chunk-RIWHL2V7.js";
 import "../../../../chunk-V7W2TXCE.js";
 import "../../../../chunk-DHZ7AZKP.js";
 

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

@@ -5,7 +5,7 @@ const require = createRequire_BATI_CLI(import.meta.url);
 import {
   QZr,
   ota
-} from "../../../../chunk-YO6CY4MA.js";
+} from "../../../../chunk-RIWHL2V7.js";
 import "../../../../chunk-V7W2TXCE.js";
 import "../../../../chunk-DHZ7AZKP.js";
 

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

@@ -7,7 +7,7 @@ import {
   Ota,
   ita,
   nJs
-} from "../../../../chunk-YO6CY4MA.js";
+} from "../../../../chunk-RIWHL2V7.js";
 import "../../../../chunk-V7W2TXCE.js";
 import "../../../../chunk-DHZ7AZKP.js";
 

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

@@ -83,9 +83,6 @@ web_modules/
 .cache
 .parcel-cache
 
-# firebase-admin service-account
-firebase
-
 # Next.js build output
 .next
 out
@@ -143,7 +140,3 @@ dist
 # aws-cdk
 .cdk.staging
 cdk.out
-
-## Panda
-styled-system
-styled-system-studio

package/dist/boilerplates/@batijs/shared-server/files/$package.json.js

@@ -4,7 +4,7 @@ const require = createRequire_BATI_CLI(import.meta.url);
 
 import {
   ata
-} from "../../../../chunk-YO6CY4MA.js";
+} from "../../../../chunk-RIWHL2V7.js";
 import "../../../../chunk-V7W2TXCE.js";
 import "../../../../chunk-DHZ7AZKP.js";
 

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

@@ -4,7 +4,7 @@ const require = createRequire_BATI_CLI(import.meta.url);
 
 import {
   ita
-} from "../../../../chunk-YO6CY4MA.js";
+} from "../../../../chunk-RIWHL2V7.js";
 import "../../../../chunk-V7W2TXCE.js";
 import "../../../../chunk-DHZ7AZKP.js";
 

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

@@ -4,7 +4,7 @@ const require = createRequire_BATI_CLI(import.meta.url);
 
 import {
   ata
-} from "../../../../chunk-YO6CY4MA.js";
+} from "../../../../chunk-RIWHL2V7.js";
 import "../../../../chunk-V7W2TXCE.js";
 import "../../../../chunk-DHZ7AZKP.js";
 
@@ -43,7 +43,6 @@ var require_package = __commonJS({
       description: "",
       type: "module",
       scripts: {
-        prepare: "panda codegen --silent",
         "check-types": "tsc --noEmit",
         build: "bati-compile-boilerplate"
       },
@@ -52,7 +51,6 @@ var require_package = __commonJS({
       license: "MIT",
       devDependencies: {
         "@batijs/compile": "workspace:*",
-        "@pandacss/dev": "^0.54.0",
         "@types/node": "^18.19.111",
         "solid-js": "^1.9.7",
         tailwindcss: "^4.1.10",

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

@@ -4,7 +4,7 @@ const require = createRequire_BATI_CLI(import.meta.url);
 
 import {
   sta
-} from "../../../../chunk-YO6CY4MA.js";
+} from "../../../../chunk-RIWHL2V7.js";
 import "../../../../chunk-V7W2TXCE.js";
 import "../../../../chunk-DHZ7AZKP.js";
 

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

@@ -5,7 +5,7 @@ const require = createRequire_BATI_CLI(import.meta.url);
 import {
   hEs,
   ota
-} from "../../../../chunk-YO6CY4MA.js";
+} from "../../../../chunk-RIWHL2V7.js";
 import "../../../../chunk-V7W2TXCE.js";
 import "../../../../chunk-DHZ7AZKP.js";
 

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

@@ -1,19 +1,16 @@
 import "./style.css";
 //# BATI.has("tailwindcss")
 import "./tailwind.css";
-//# BATI.has("panda-css")
-import "./panda.css";
 import type { JSX } from "solid-js";
 import logoUrl from "../assets/logo.svg";
 import { Link } from "../components/Link.js";
-import { css } from "../styled-system/css";
 
 export default function LayoutDefault(props: { children?: JSX.Element }) {
   return (
     <div
-      //# BATI.has("tailwindcss") || BATI.has("panda-css")
-      class={BATI.has("tailwindcss") ? "flex max-w-5xl m-auto" : css({ display: "flex", maxW: "900px", m: "auto" })}
-      //# !BATI.has("tailwindcss") && !BATI.has("panda-css")
+      //# BATI.has("tailwindcss")
+      class={"flex max-w-5xl m-auto"}
+      //# !BATI.has("tailwindcss")
       style={{
         display: "flex",
         "max-width": "900px",
@@ -25,7 +22,6 @@ export default function LayoutDefault(props: { children?: JSX.Element }) {
         <Link href="/">Welcome</Link>
         <Link href="/todo">Todo</Link>
         <Link href="/star-wars">Data Fetching</Link>
-        {BATI.has("firebase-auth") ? <Link href="/login">Login</Link> : ""}
       </Sidebar>
       <Content>{props.children}</Content>
     </div>
@@ -36,20 +32,9 @@ function Sidebar(props: { children: JSX.Element }) {
   return (
     <div
       id="sidebar"
-      //# BATI.has("tailwindcss") || BATI.has("panda-css")
-      class={
-        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("tailwindcss") && !BATI.has("panda-css")
+      //# BATI.has("tailwindcss")
+      class={"p-5 flex flex-col shrink-0 border-r-2 border-r-gray-200"}
+      //# !BATI.has("tailwindcss")
       style={{
         padding: "20px",
         "flex-shrink": 0,
@@ -69,9 +54,9 @@ function Content(props: { children: JSX.Element }) {
     <div id="page-container">
       <div
         id="page-content"
-        //# BATI.has("tailwindcss") || BATI.has("panda-css")
-        class={BATI.has("tailwindcss") ? "p-5 pb-12 min-h-screen" : css({ p: "20px", pb: "50px", minH: "100vh" })}
-        //# !BATI.has("tailwindcss") && !BATI.has("panda-css")
+        //# BATI.has("tailwindcss")
+        class={"p-5 pb-12 min-h-screen"}
+        //# !BATI.has("tailwindcss")
         style={{
           padding: "20px",
           "padding-bottom": "50px",
@@ -87,9 +72,9 @@ function Content(props: { children: JSX.Element }) {
 function Logo() {
   return (
     <div
-      //# BATI.has("tailwindcss") || BATI.has("panda-css")
-      class={BATI.has("tailwindcss") ? "p-5 mb-2" : css({ p: "20px", mb: "10px" })}
-      //# !BATI.has("tailwindcss") && !BATI.has("panda-css")
+      //# BATI.has("tailwindcss")
+      class={"p-5 mb-2"}
+      //# !BATI.has("tailwindcss")
       style={{
         "margin-top": "20px",
         "margin-bottom": "10px",

package/dist/boilerplates/@batijs/solid/files/pages/+config.ts

@@ -13,7 +13,7 @@ export default {
   title: "My Vike App",
   description: "Demo showcasing Vike",
 
-  //# BATI.has("auth0") || BATI.has("firebase-auth") || BATI.has("authjs")
+  //# BATI.has("auth0") || BATI.has("authjs")
   passToClient: ["user"],
   extends: vikeSolid,
 } satisfies Config;

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

@@ -1,16 +1,11 @@
 import { Counter } from "./Counter.js";
-import { css } from "../../styled-system/css";
 
 export default function Page() {
   return (
     <>
       <h1
-        //# BATI.has("tailwindcss") || BATI.has("panda-css")
-        class={
-          BATI.has("tailwindcss")
-            ? "font-bold text-3xl pb-4"
-            : css({ font: "bold 2em sans-serif", marginBlock: "0.67em" })
-        }
+        //# BATI.has("tailwindcss")
+        class={"font-bold text-3xl pb-4"}
       >
         My Vike app
       </h1>

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

@@ -1,5 +1,4 @@
 import { createSignal } from "solid-js";
-import { css } from "../../styled-system/css";
 
 export { Counter };
 
@@ -9,23 +8,11 @@ function Counter() {
   return (
     <button
       type="button"
-      //# BATI.has("tailwindcss") || BATI.has("panda-css")
+      //# BATI.has("tailwindcss")
       class={
         BATI.has("daisyui")
           ? "btn"
-          : 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",
-              })
+          : "inline-block border border-black rounded bg-gray-200 px-2 py-1 text-xs font-medium uppercase leading-normal"
       }
       onClick={() => setCount((count) => count + 1)}
     >

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

@@ -2,7 +2,6 @@ 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 { createSignal, For, untrack } from "solid-js";
-import { css } from "../../styled-system/css";
 
 export function TodoList(props: { initialTodoItems: { text: string }[] }) {
   const [todoItems, setTodoItems] = createSignal(props.initialTodoItems);
@@ -50,47 +49,16 @@ export function TodoList(props: { initialTodoItems: { text: string }[] }) {
             type="text"
             onChange={(ev) => setNewTodo(ev.target.value)}
             value={newTodo()}
-            //# BATI.has("tailwindcss") || BATI.has("panda-css")
+            //# BATI.has("tailwindcss")
             class={
-              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,
-                  })
+              "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"
             }
           />
           <button
             type="submit"
-            //# BATI.has("tailwindcss") || BATI.has("panda-css")
+            //# BATI.has("tailwindcss")
             class={
-              BATI.has("tailwindcss")
-                ? "text-white bg-blue-700 hover:bg-blue-800 focus:ring-2 focus:outline-hidden 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,
-                  })
+              "text-white bg-blue-700 hover:bg-blue-800 focus:ring-2 focus:outline-hidden focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto p-2"
             }
           >
             Add to-do

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

@@ -1,6 +1,5 @@
 import "./style.css";
 import "./tailwind.css";
-import "./panda.css";
 import type { JSX } from "solid-js";
 export default function LayoutDefault(props: {
     children?: JSX.Element;

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

@@ -4,7 +4,7 @@ const require = createRequire_BATI_CLI(import.meta.url);
 
 import {
   ata
-} from "../../../../chunk-YO6CY4MA.js";
+} from "../../../../chunk-RIWHL2V7.js";
 import "../../../../chunk-V7W2TXCE.js";
 import "../../../../chunk-DHZ7AZKP.js";