@batijs/cli 0.0.446 → 0.0.447

package/dist/boilerplates/@batijs/vue/files/components/Counter.vue

@@ -9,33 +9,12 @@
   >
     Counter {{ state.count }}
   </button>
-  <!-- BATI.has("panda-css") -->
-  <button
-    type="button"
-    :class="
-      css({
-        display: 'inline-block',
-        border: '1px solid black',
-        rounded: 'sm',
-        bg: 'gray.200',
-        px: 1,
-        py: 0.5,
-        fontSize: 12,
-        fontWeight: 500,
-        lineHeight: '16px',
-      })
-    "
-    @click="state.count++"
-  >
-    Counter {{ state.count }}
-  </button>
-  <!-- !BATI.has("tailwindcss") && !BATI.has("panda-css") -->
+  <!-- !BATI.has("tailwindcss") -->
   <button type="button" @click="state.count++">Counter {{ state.count }}</button>
 </template>
 
 <script setup lang="ts">
 import { reactive } from "vue";
-import { css } from "../styled-system/css";
 
 const state = reactive({ count: 0 });
 </script>

package/dist/boilerplates/@batijs/vue/files/components/Logo.vue

@@ -5,19 +5,10 @@
       <img src="../assets/logo.svg" height="64" width="64" />
     </a>
   </div>
-  <!-- BATI.has("panda-css") -->
-  <div :class="css({ p: '20px', mb: '10px' })">
-    <a href="/">
-      <img src="../assets/logo.svg" height="64" width="64" />
-    </a>
-  </div>
-  <!-- !BATI.has("tailwindcss") && !BATI.has("panda-css") -->
+  <!-- !BATI.has("tailwindcss") -->
   <div style="margin-top: 20px; margin-bottom: 10px">
     <a href="/">
       <img src="../assets/logo.svg" height="64" width="64" />
     </a>
   </div>
 </template>
-<script setup lang="ts">
-import { css } from "../styled-system/css";
-</script>

package/dist/boilerplates/@batijs/vue/files/components/Sidebar.vue

@@ -3,23 +3,7 @@
   <div id="sidebar" class="p-5 flex flex-col shrink-0 border-r-2 border-r-gray-200">
     <slot />
   </div>
-  <!-- BATI.has("panda-css") -->
-  <div
-    id="sidebar"
-    :class="
-      css({
-        p: '20px',
-        display: 'flex',
-        flexShrink: 0,
-        flexDir: 'column',
-        lineHeight: '1.8em',
-        borderRight: '2px solid #eee',
-      })
-    "
-  >
-    <slot />
-  </div>
-  <!-- !BATI.has("tailwindcss") && !BATI.has("panda-css") -->
+  <!-- !BATI.has("tailwindcss") -->
   <div
     id="sidebar"
     style="
@@ -34,6 +18,3 @@
     <slot />
   </div>
 </template>
-<script setup lang="ts">
-import { css } from "../styled-system/css";
-</script>

package/dist/boilerplates/@batijs/vue/files/layouts/LayoutDefault.vue

@@ -11,8 +11,6 @@
 </template>
 
 <script lang="ts" setup>
-//# BATI.has("panda-css")
-import "./panda.css";
 import Content from "../components/Content.vue";
 import Link from "../components/Link.vue";
 import Logo from "../components/Logo.vue";

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

@@ -1,9 +1,7 @@
 <template>
   <!-- BATI.has("tailwindcss") -->
   <h1 class="font-bold text-3xl pb-4">My Vike app</h1>
-  <!-- BATI.has("panda-css") -->
-  <h1 :class="css({ font: 'bold 2em sans-serif', marginBlock: '0.67em' })">My Vike app</h1>
-  <!-- !BATI.has("tailwindcss") && !BATI.has("panda-css") -->
+  <!-- !BATI.has("tailwindcss") -->
   <h1>My Vike app</h1>
   This page is:
   <ul>
@@ -14,5 +12,4 @@
 
 <script setup lang="ts">
 import Counter from "../../components/Counter.vue";
-import { css } from "../../styled-system/css";
 </script>

package/dist/boilerplates/@batijs/vue/files/pages/todo/TodoList.vue

@@ -17,48 +17,16 @@ 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 { ref } from "vue";
-import { css } from "../../styled-system/css";
 
 const inputClass = ref(
   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"
-    : BATI.has("panda-css")
-      ? 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,
-        })
-      : "",
+    : "",
 );
 const buttonClass = ref(
   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"
-    : BATI.has("panda-css")
-      ? 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,
-        })
-      : "",
+    : "",
 );
 
 const props = defineProps<{ initialTodoItems: { text: string }[] }>();

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

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

package/dist/boilerplates/boilerplates.json

@@ -212,17 +212,6 @@
       "files"
     ]
   },
-  {
-    "config": {
-      "if": {
-        "flag": "panda-css"
-      }
-    },
-    "folder": "@batijs/panda-css",
-    "subfolders": [
-      "files"
-    ]
-  },
   {
     "config": {
       "if": {