@devup-ui/vite-plugin 1.0.41 → 1.0.43

package/README.md

@@ -0,0 +1,166 @@
+<div align="center">
+  <img src="https://raw.githubusercontent.com/dev-five-git/devup-ui/main/media/logo.svg" alt="Devup UI logo" width="300" />
+</div>
+
+<h3 align="center">
+    Zero Config, Zero FOUC, Zero Runtime, CSS in JS Preprocessor
+</h3>
+
+---
+
+<div>
+<img src='https://img.shields.io/npm/v/@devup-ui/react'>
+<img src='https://img.shields.io/bundlephobia/minzip/@devup-ui/react'>
+<img alt="Github Checks" src="https://badgen.net/github/checks/dev-five-git/devup-ui"/>
+<img alt="Apache-2.0 License" src="https://img.shields.io/github/license/dev-five-git/devup-ui"/>
+<a href="https://www.npmjs.com/package/@devup-ui/react">
+<img alt="NPM Downloads" src="https://img.shields.io/npm/dm/@devup-ui/react.svg?style=flat"/>
+</a>
+<a href="https://badgen.net/github/stars/dev-five-git/devup-ui">
+<img alt="Github Stars" src="https://badgen.net/github/stars/dev-five-git/devup-ui" />
+</a>
+<a href="https://discord.gg/8zjcGc7cWh">
+<img alt="Discord" src="https://img.shields.io/discord/1321362173619994644.svg?label=&logo=discord&logoColor=ffffff&color=7389D8&labelColor=6A7EC2" />
+</a>
+<a href="https://codecov.io/gh/dev-five-git/devup-ui" >
+ <img src="https://codecov.io/gh/dev-five-git/devup-ui/graph/badge.svg?token=8I5GMB2X5B"/>
+</a>
+</div>
+
+---
+
+English | [한국어](README_ko.md)
+
+## Install
+
+```sh
+npm install @devup-ui/react
+
+# on next.js
+npm install @devup-ui/next-plugin
+
+# on vite
+npm install @devup-ui/vite-plugin
+
+# on rsbuild
+npm install @devup-ui/rsbuild-plugin
+
+# on webpack
+npm install @devup-ui/webpack-plugin
+```
+
+## Features
+
+- Preprocessor
+- Zero Config
+- Zero FOUC
+- Zero Runtime
+- RSC Support
+- Must not use JavaScript, client-side logic, or hybrid solutions
+- Support Library mode
+- Zero Cost Dynamic Theme Support based on CSS Variables
+- Theme with Typing
+- Smallest size, fastest speed
+
+## Inspirations
+
+- Styled System
+- Chakra UI
+- Theme UI
+- Vanilla Extract
+- Rainbow Sprinkles
+- Kuma UI
+
+## Comparison Benchmarks
+
+Next.js Build Time and Build Size (github action - ubuntu-latest)
+
+| Library                | Version | Build Time | Build Size        |
+| ---------------------- | ------- | ---------- | ----------------- |
+| tailwindcss            | 4.1.13  | 20.22s     | 57,415,796 bytes  |
+| styleX                 | 0.15.4  | 38.97s     | 76,257,820 bytes  |
+| vanilla-extract        | 1.17.4  | 20.09s     | 59,366,237 bytes  |
+| kuma-ui                | 1.5.9   | 21.61s     | 67,422,085 bytes  |
+| panda-css              | 1.3.1   | 22.01s     | 62,431,065 bytes  |
+| chakra-ui              | 3.27.0  | 29.99s     | 210,122,493 bytes |
+| mui                    | 7.3.2   | 22.21s     | 94,231,958 bytes  |
+| devup-ui(per-file css) | 1.0.18  | 18.23s     | 57,440,953 bytes  |
+| devup-ui(single css)   | 1.0.18  | 18.35s     | 57,409,008 bytes  |
+
+## How it works
+
+Devup UI is a CSS in JS preprocessor that does not require runtime.
+Devup UI eliminates the performance degradation of the browser through the CSS in JS preprocessor.
+We develop a preprocessor that considers all grammatical cases.
+
+```tsx
+const before = <Box bg="red" />
+
+const after = <div className="d0" />
+```
+
+Variables are fully supported.
+
+```tsx
+const before = <Box bg={colorVariable} />
+
+const after = (
+  <div
+    className="d0"
+    style={{
+      '--d0': colorVariable,
+    }}
+  />
+)
+```
+
+Various expressions and responsiveness are also fully supported.
+
+```tsx
+const before = <Box bg={['red', 'blue', a > b ? 'yellow' : variable]} />
+
+const after = (
+  <div
+    className={`d0 d1 ${a > b ? 'd2' : 'd3'}`}
+    style={{
+      '--d2': variable,
+    }}
+  />
+)
+```
+
+Support Theme with Typing
+
+`devup.json`
+
+```json
+{
+  "theme": {
+    "colors": {
+      "default": {
+        "text": "#000"
+      },
+      "dark": {
+        "text": "white"
+      }
+    }
+  }
+}
+```
+
+```tsx
+// Type Safe
+<Text color="$text" />
+```
+
+Support Responsive And Pseudo Selector
+
+You can use responsive and pseudo selector.
+
+```tsx
+// Responsive with Selector
+const box = <Box _hover={{ bg: ['red', 'blue'] }} />
+
+// Same
+const box = <Box _hover={[{ bg: 'red' }, { bg: 'blue' }]} />
+```

package/dist/plugin.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("node:fs"),l=require("node:fs/promises"),t=require("node:path"),o=require("@devup-ui/wasm");function T(r){return r.endsWith("devup-ui.css")?null:parseInt(r.split("devup-ui-")[1].split(".")[0])}async function F(r){var c;try{const n=p.existsSync(r.devupFile)?await l.readFile(r.devupFile,"utf-8"):void 0;if(n){o.registerTheme(((c=JSON.parse(n))==null?void 0:c.theme)??{});const a=o.getThemeInterface(r.package,"DevupThemeColors","DevupThemeTypography","DevupTheme");a&&await l.writeFile(t.join(r.distDir,"theme.d.ts"),a,"utf-8")}else o.registerTheme({})}catch(n){console.error(n),o.registerTheme({})}await Promise.all([p.existsSync(r.cssDir)?Promise.resolve():l.mkdir(r.cssDir,{recursive:!0}),r.singleCss?Promise.resolve():l.writeFile(t.join(r.cssDir,"devup-ui.css"),o.getCss(null,!1))])}function N({package:r="@devup-ui/react",devupFile:c="devup.json",distDir:n="df",cssDir:a=t.resolve(n,"devup-ui"),extractCss:m=!0,debug:S=!1,include:h=[],singleCss:d=!1}={}){o.setDebug(S);const f=new Map;return{name:"devup-ui",async configResolved(){p.existsSync(n)||await l.mkdir(n,{recursive:!0}),await l.writeFile(t.join(n,".gitignore"),"*","utf-8"),await F({package:r,cssDir:a,devupFile:c,distDir:n,singleCss:d})},config(){const i=o.getDefaultTheme(),e={};i&&(e["process.env.DEVUP_UI_DEFAULT_THEME"]=JSON.stringify(i));const s={server:{watch:{ignored:[`!${c}`]}},define:e,optimizeDeps:{exclude:h}};return m&&(s.build={rollupOptions:{output:{manualChunks(u){if(u.split("?")[0].endsWith("devup-ui.css"))return"devup-ui.css"}}}}),s},apply(){return!0},async watchChange(i){if(t.resolve(i)===t.resolve(c)&&p.existsSync(c))try{await F({package:r,cssDir:a,devupFile:c,distDir:n,singleCss:d})}catch(e){console.error(e)}},resolveId(i,e){var s;if(i.includes("devup-ui.css")&&t.resolve(e?t.join(t.dirname(e),i):i)===t.resolve(t.join(a,"devup-ui.css")))return t.join(a,`devup-ui.css?t=${Date.now().toString()+(((s=f.get(null))==null?void 0:s.length)??0)}`)},load(i){const e=t.basename(i).split("?")[0];if(e.startsWith("devup-ui")&&e.endsWith(".css")){const s=T(e),u=o.getCss(s,!1);return f.set(s,u),u}},enforce:"pre",async transform(i,e){if(!m)return;const s=e.split("?")[0];if(!/\.(tsx|ts|js|mjs|jsx)$/i.test(s)||new RegExp(`node_modules(?!.*(${["@devup-ui",...h].join("|").replaceAll("/","[\\/\\\\_]")})([\\/\\\\.]|$))`).test(s))return;let u=t.relative(t.dirname(e),a).replaceAll("\\","/");u.startsWith("./")||(u=`./${u}`);const{code:$,css:w="",map:_,cssFile:v,updatedBaseStyle:x}=o.codeExtract(s,i,r,u,d,!0,!1),g=[];if(x&&g.push(l.writeFile(t.join(a,"devup-ui.css"),o.getCss(null,!1),"utf-8")),v){const y=T(v),j=f.get(y);j&&j.length<w.length&&f.set(y,w),g.push(l.writeFile(t.join(a,t.basename(v)),`/* ${e} ${Date.now()} */`,"utf-8"))}return await Promise.all(g),{code:$,map:_}},async generateBundle(i,e){if(!m)return;const s=Object.keys(e).find(u=>e[u].name==="devup-ui.css");s&&"source"in e[s]&&(e[s].source=f.get(null))}}}exports.DevupUI=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("node:fs"),c=require("node:fs/promises"),t=require("node:path"),a=require("@devup-ui/wasm");function T(s){return s.endsWith("devup-ui.css")?null:parseInt(s.split("devup-ui-")[1].split(".")[0])}async function F(s){try{const u=f.existsSync(s.devupFile)?await c.readFile(s.devupFile,"utf-8"):void 0;if(u){a.registerTheme(JSON.parse(u)?.theme??{});const o=a.getThemeInterface(s.package,"DevupThemeColors","DevupThemeTypography","DevupTheme");o&&await c.writeFile(t.join(s.distDir,"theme.d.ts"),o,"utf-8")}else a.registerTheme({})}catch(u){console.error(u),a.registerTheme({})}await Promise.all([f.existsSync(s.cssDir)?Promise.resolve():c.mkdir(s.cssDir,{recursive:!0}),s.singleCss?Promise.resolve():c.writeFile(t.join(s.cssDir,"devup-ui.css"),a.getCss(null,!1))])}function E({package:s="@devup-ui/react",devupFile:u="devup.json",distDir:o="df",cssDir:l=t.resolve(o,"devup-ui"),extractCss:m=!0,debug:S=!1,include:v=[],singleCss:d=!1}={}){a.setDebug(S);const p=new Map;return{name:"devup-ui",async configResolved(){f.existsSync(o)||await c.mkdir(o,{recursive:!0}),await c.writeFile(t.join(o,".gitignore"),"*","utf-8"),await F({package:s,cssDir:l,devupFile:u,distDir:o,singleCss:d})},config(){const r=a.getDefaultTheme(),e={};r&&(e["process.env.DEVUP_UI_DEFAULT_THEME"]=JSON.stringify(r));const i={server:{watch:{ignored:[`!${u}`]}},define:e,optimizeDeps:{exclude:[...v,"@devup-ui/components"]},ssr:{noExternal:[...v,/@devup-ui/]}};return m&&(i.build={rollupOptions:{output:{manualChunks(n){if(n.split("?")[0].endsWith("devup-ui.css"))return"devup-ui.css"}}}}),i},apply(){return!0},async watchChange(r){if(t.resolve(r)===t.resolve(u)&&f.existsSync(u))try{await F({package:s,cssDir:l,devupFile:u,distDir:o,singleCss:d})}catch(e){console.error(e)}},resolveId(r,e){if(r.includes("devup-ui.css")&&t.resolve(e?t.join(t.dirname(e),r):r)===t.resolve(t.join(l,"devup-ui.css")))return t.join(l,`devup-ui.css?t=${Date.now().toString()+(p.get(null)?.length??0)}`)},load(r){const e=t.basename(r).split("?")[0];if(e.startsWith("devup-ui")&&e.endsWith(".css")){const i=T(e),n=a.getCss(i,!1);return p.set(i,n),n}},enforce:"pre",async transform(r,e){if(!m)return;const i=e.split("?")[0];if(!/\.(tsx|ts|js|mjs|jsx)$/i.test(i)||new RegExp(`node_modules(?!.*(${["@devup-ui",...v].join("|").replaceAll("/","[\\/\\\\_]")})([\\/\\\\.]|$))`).test(i))return;let n=t.relative(t.dirname(e),l).replaceAll("\\","/");n.startsWith("./")||(n=`./${n}`);const{code:$,css:w="",map:x,cssFile:g,updatedBaseStyle:_}=a.codeExtract(i,r,s,n,d,!0,!1),h=[];if(_&&h.push(c.writeFile(t.join(l,"devup-ui.css"),a.getCss(null,!1),"utf-8")),g){const y=T(g),j=p.get(y);j&&j.length<w.length&&p.set(y,w),h.push(c.writeFile(t.join(l,t.basename(g)),`/* ${e} ${Date.now()} */`,"utf-8"))}return await Promise.all(h),{code:$,map:x}},async generateBundle(r,e){if(!m)return;const i=Object.keys(e).find(n=>e[n].name==="devup-ui.css");i&&"source"in e[i]&&(e[i].source=p.get(null))}}}exports.DevupUI=E;

package/dist/plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,KAAK,YAAY,EAAmB,MAAM,MAAM,CAAA;AAEzD,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,OAAO,CAAA;IACnB,KAAK,EAAE,OAAO,CAAA;IACd,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,SAAS,EAAE,OAAO,CAAA;CACnB;AAgDD,wBAAgB,OAAO,CAAC,EACtB,OAAO,EAAE,UAA8B,EACvC,SAAwB,EACxB,OAAc,EACd,MAAqC,EACrC,UAAiB,EACjB,KAAa,EACb,OAAY,EACZ,SAAiB,GAClB,GAAE,OAAO,CAAC,oBAAoB,CAAM,GAAG,YAAY,CA0JnD"}
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,KAAK,YAAY,EAAmB,MAAM,MAAM,CAAA;AAEzD,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,OAAO,CAAA;IACnB,KAAK,EAAE,OAAO,CAAA;IACd,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,SAAS,EAAE,OAAO,CAAA;CACnB;AAgDD,wBAAgB,OAAO,CAAC,EACtB,OAAO,EAAE,UAA8B,EACvC,SAAwB,EACxB,OAAc,EACd,MAAqC,EACrC,UAAiB,EACjB,KAAa,EACb,OAAY,EACZ,SAAiB,GAClB,GAAE,OAAO,CAAC,oBAAoB,CAAM,GAAG,YAAY,CA6JnD"}

package/dist/plugin.js

@@ -1,158 +1,159 @@
 import { existsSync as p } from "node:fs";
-import { writeFile as f, mkdir as k, readFile as W } from "node:fs/promises";
-import { relative as C, dirname as N, resolve as l, join as c, basename as E } from "node:path";
-import { setDebug as O, codeExtract as U, getCss as w, getDefaultTheme as A, registerTheme as g, getThemeInterface as B } from "@devup-ui/wasm";
-function F(s) {
-  return s.endsWith("devup-ui.css") ? null : parseInt(s.split("devup-ui-")[1].split(".")[0]);
+import { writeFile as f, mkdir as _, readFile as W } from "node:fs/promises";
+import { relative as C, dirname as E, resolve as l, join as a, basename as N } from "node:path";
+import { setDebug as O, codeExtract as U, getCss as y, getDefaultTheme as A, registerTheme as w, getThemeInterface as B } from "@devup-ui/wasm";
+function x(t) {
+  return t.endsWith("devup-ui.css") ? null : parseInt(t.split("devup-ui-")[1].split(".")[0]);
 }
-async function _(s) {
-  var a;
+async function F(t) {
   try {
-    const u = p(s.devupFile) ? await W(s.devupFile, "utf-8") : void 0;
-    if (u) {
-      g(((a = JSON.parse(u)) == null ? void 0 : a.theme) ?? {});
+    const n = p(t.devupFile) ? await W(t.devupFile, "utf-8") : void 0;
+    if (n) {
+      w(JSON.parse(n)?.theme ?? {});
       const i = B(
-        s.package,
+        t.package,
         "DevupThemeColors",
         "DevupThemeTypography",
         "DevupTheme"
       );
       i && await f(
-        c(s.distDir, "theme.d.ts"),
+        a(t.distDir, "theme.d.ts"),
         i,
         "utf-8"
       );
     } else
-      g({});
-  } catch (u) {
-    console.error(u), g({});
+      w({});
+  } catch (n) {
+    console.error(n), w({});
   }
   await Promise.all([
-    p(s.cssDir) ? Promise.resolve() : k(s.cssDir, { recursive: !0 }),
-    s.singleCss ? Promise.resolve() : f(c(s.cssDir, "devup-ui.css"), w(null, !1))
+    p(t.cssDir) ? Promise.resolve() : _(t.cssDir, { recursive: !0 }),
+    t.singleCss ? Promise.resolve() : f(a(t.cssDir, "devup-ui.css"), y(null, !1))
   ]);
 }
 function z({
-  package: s = "@devup-ui/react",
-  devupFile: a = "devup.json",
-  distDir: u = "df",
-  cssDir: i = l(u, "devup-ui"),
+  package: t = "@devup-ui/react",
+  devupFile: n = "devup.json",
+  distDir: i = "df",
+  cssDir: o = l(i, "devup-ui"),
   extractCss: m = !0,
-  debug: x = !1,
-  include: y = [],
+  debug: k = !1,
+  include: v = [],
   singleCss: d = !1
 } = {}) {
-  O(x);
-  const o = /* @__PURE__ */ new Map();
+  O(k);
+  const c = /* @__PURE__ */ new Map();
   return {
     name: "devup-ui",
     async configResolved() {
-      p(u) || await k(u, { recursive: !0 }), await f(c(u, ".gitignore"), "*", "utf-8"), await _({
-        package: s,
-        cssDir: i,
-        devupFile: a,
-        distDir: u,
+      p(i) || await _(i, { recursive: !0 }), await f(a(i, ".gitignore"), "*", "utf-8"), await F({
+        package: t,
+        cssDir: o,
+        devupFile: n,
+        distDir: i,
         singleCss: d
       });
     },
     config() {
-      const r = A(), e = {};
-      r && (e["process.env.DEVUP_UI_DEFAULT_THEME"] = JSON.stringify(r));
-      const t = {
+      const s = A(), e = {};
+      s && (e["process.env.DEVUP_UI_DEFAULT_THEME"] = JSON.stringify(s));
+      const r = {
         server: {
           watch: {
-            ignored: [`!${a}`]
+            ignored: [`!${n}`]
           }
         },
         define: e,
         optimizeDeps: {
-          exclude: y
+          exclude: [...v, "@devup-ui/components"]
+        },
+        ssr: {
+          noExternal: [...v, /@devup-ui/]
         }
       };
-      return m && (t.build = {
+      return m && (r.build = {
         rollupOptions: {
           output: {
-            manualChunks(n) {
-              if (n.split("?")[0].endsWith("devup-ui.css"))
+            manualChunks(u) {
+              if (u.split("?")[0].endsWith("devup-ui.css"))
                 return "devup-ui.css";
             }
           }
         }
-      }), t;
+      }), r;
     },
     apply() {
       return !0;
     },
-    async watchChange(r) {
-      if (l(r) === l(a) && p(a))
+    async watchChange(s) {
+      if (l(s) === l(n) && p(n))
         try {
-          await _({
-            package: s,
-            cssDir: i,
-            devupFile: a,
-            distDir: u,
+          await F({
+            package: t,
+            cssDir: o,
+            devupFile: n,
+            distDir: i,
             singleCss: d
           });
         } catch (e) {
           console.error(e);
         }
     },
-    resolveId(r, e) {
-      var t;
-      if (r.includes("devup-ui.css") && l(e ? c(N(e), r) : r) === l(c(i, "devup-ui.css")))
-        return c(
-          i,
-          `devup-ui.css?t=${Date.now().toString() + (((t = o.get(null)) == null ? void 0 : t.length) ?? 0)}`
+    resolveId(s, e) {
+      if (s.includes("devup-ui.css") && l(e ? a(E(e), s) : s) === l(a(o, "devup-ui.css")))
+        return a(
+          o,
+          `devup-ui.css?t=${Date.now().toString() + (c.get(null)?.length ?? 0)}`
         );
     },
-    load(r) {
-      const e = E(r).split("?")[0];
+    load(s) {
+      const e = N(s).split("?")[0];
       if (e.startsWith("devup-ui") && e.endsWith(".css")) {
-        const t = F(e), n = w(t, !1);
-        return o.set(t, n), n;
+        const r = x(e), u = y(r, !1);
+        return c.set(r, u), u;
       }
     },
     enforce: "pre",
-    async transform(r, e) {
+    async transform(s, e) {
       if (!m) return;
-      const t = e.split("?")[0];
-      if (!/\.(tsx|ts|js|mjs|jsx)$/i.test(t) || new RegExp(
-        `node_modules(?!.*(${["@devup-ui", ...y].join("|").replaceAll("/", "[\\/\\\\_]")})([\\/\\\\.]|$))`
-      ).test(t))
+      const r = e.split("?")[0];
+      if (!/\.(tsx|ts|js|mjs|jsx)$/i.test(r) || new RegExp(
+        `node_modules(?!.*(${["@devup-ui", ...v].join("|").replaceAll("/", "[\\/\\\\_]")})([\\/\\\\.]|$))`
+      ).test(r))
         return;
-      let n = C(N(e), i).replaceAll("\\", "/");
-      n.startsWith("./") || (n = `./${n}`);
+      let u = C(E(e), o).replaceAll("\\", "/");
+      u.startsWith("./") || (u = `./${u}`);
       const {
         code: D,
         css: T = "",
         map: I,
-        cssFile: v,
+        cssFile: h,
         updatedBaseStyle: S
         // import main css in code
-      } = U(t, r, s, n, d, !0, !1), h = [];
-      if (S && h.push(
-        f(c(i, "devup-ui.css"), w(null, !1), "utf-8")
-      ), v) {
-        const $ = F(v), j = o.get($);
-        j && j.length < T.length && o.set($, T), h.push(
+      } = U(r, s, t, u, d, !0, !1), g = [];
+      if (S && g.push(
+        f(a(o, "devup-ui.css"), y(null, !1), "utf-8")
+      ), h) {
+        const $ = x(h), j = c.get($);
+        j && j.length < T.length && c.set($, T), g.push(
           f(
-            c(i, E(v)),
+            a(o, N(h)),
             `/* ${e} ${Date.now()} */`,
             "utf-8"
           )
         );
       }
-      return await Promise.all(h), {
+      return await Promise.all(g), {
         code: D,
         map: I
       };
     },
-    async generateBundle(r, e) {
+    async generateBundle(s, e) {
       if (!m) return;
-      const t = Object.keys(e).find(
-        (n) => e[n].name === "devup-ui.css"
+      const r = Object.keys(e).find(
+        (u) => e[u].name === "devup-ui.css"
       );
-      t && "source" in e[t] && (e[t].source = o.get(null));
+      r && "source" in e[r] && (e[r].source = c.get(null));
     }
   };
 }

package/package.json

@@ -18,7 +18,7 @@
     "vite"
   ],
   "type": "module",
-  "version": "1.0.41",
+  "version": "1.0.43",
   "publishConfig": {
     "access": "public"
   },
@@ -40,7 +40,7 @@
   },
   "devDependencies": {
     "vite-plugin-dts": "^4.5.4",
-    "typescript": "^5.9.2"
+    "typescript": "^5.9.3"
   },
   "peerDependencies": {
     "vite": "*",