@jongh/cli 1.6.2 → 2.1.0

package/dist/index.js

@@ -1,125 +1,328 @@
 #!/usr/bin/env node
-import {Command}from'commander';import {intro,confirm,outro,spinner,select,log}from'@clack/prompts';import se from'chalk';import M from'fs-extra';import k from'path';import {z as z$1}from'zod';import we from'fast-glob';import {loadConfig,createMatchPath}from'tsconfig-paths';import {Project,SyntaxKind}from'ts-morph';import {detect,resolveCommand}from'package-manager-detector';import {packageDirectory}from'pkg-dir';import Fe from'handlebars';import {StdioServerTransport}from'@modelcontextprotocol/sdk/server/stdio.js';import {Server}from'@modelcontextprotocol/sdk/server/index.js';import {ListToolsRequestSchema,CallToolRequestSchema,ListPromptsRequestSchema,GetPromptRequestSchema}from'@modelcontextprotocol/sdk/types.js';import {zodToJsonSchema}from'zod-to-json-schema';var V=o=>{let e={};for(let t of o)e[t]=t;return e},N=V(["config_not_found","resolve_path_fail","failed_to_fetch"]);V(["components.json","tsconfig.json","panda.config.*","package.json"]);var b=class extends Error{issue;constructor(e){super(),this.name="NewError",this.issue=e;}get format(){return this.issue.code+`
+import {Command}from'commander';import {intro,confirm,outro,spinner,select,log}from'@clack/prompts';import ae from'chalk';import D from'fs-extra';import k from'path';import {z as z$1}from'zod';import Se from'fast-glob';import {loadConfig,createMatchPath}from'tsconfig-paths';import {Project,SyntaxKind}from'ts-morph';import {detect,resolveCommand}from'package-manager-detector';import {packageDirectory}from'pkg-dir';import ze from'handlebars';import {StdioServerTransport}from'@modelcontextprotocol/sdk/server/stdio.js';import {Server}from'@modelcontextprotocol/sdk/server/index.js';import {ListToolsRequestSchema,CallToolRequestSchema,ListPromptsRequestSchema,GetPromptRequestSchema}from'@modelcontextprotocol/sdk/types.js';import {zodToJsonSchema}from'zod-to-json-schema';var V=t=>{let e={};for(let o of t)e[o]=o;return e},N=V(["config_not_found","resolve_path_fail","failed_to_fetch"]);V(["components.json","tsconfig.json","panda.config.*","package.json"]);var b=class extends Error{issue;constructor(e){super(),this.name="NewError",this.issue=e;}get format(){return this.issue.code+`
 `+this.issue.message?.join(`
-`)}},u=o=>{let e;switch(o.code){case N.config_not_found:e=`error occured while config ${o.configFile}`;break;case N.resolve_path_fail:e=`failed to resolve your path, current ${o.cwd}`;break;case N.failed_to_fetch:e=`failed to fetch ${o.target} [${o.statusCode}]`;break;default:e="error occured";}return new b({...o,message:[...o.message||"",e]})};var w={fileName:"components.json",schema:z$1.object({utils:z$1.string(),components:z$1.string(),hooks:z$1.string(),styledsystem:z$1.string()}).strict()},xe=["ui","hooks","utils"],be=z$1.object({name:z$1.string(),content:z$1.string(),type:z$1.enum(xe)}),G=z$1.object({name:z$1.string(),dependencies:z$1.array(z$1.string()).optional(),files:z$1.array(be).optional()});z$1.object({name:z$1.string(),dependencies:z$1.array(z$1.string()).optional(),file:z$1.string()});function Y(o){try{return M.readJsonSync(k.resolve(o,w.fileName))}catch(e){return u({code:"config_not_found",configFile:w.fileName,message:[e instanceof Error?e.message:""]})}}function $(o){let e=loadConfig(o);if(e.resultType==="failed")throw u({code:"config_not_found",configFile:"tsconfig.json",message:["cannot found tsconfig.json"]});return e}async function Z(o){return await M.pathExists(k.join(o,"components.json"))}function Q(o,e){let t=["./","./src/","./app/","./src/app"].map(r=>k.resolve(o,r));for(let[r,s]of Object.entries(e.paths)){let a=k.join(o,e.baseUrl||"",s[0].replace(/\/\*$/,""));if(t.some(l=>l===a||l.includes(a)))return r.replace(/\/\*$/,"")}return null}function X(o,e,t){let r=k.join(o,e);for(let[s,a]of Object.entries(t.paths)){let l=a[0].replace(/\/\*$/,"");if(r===k.join(o,t.baseUrl||"",l))return s.replace(/\/\*$/,"")}return null}async function F(o){try{let e=await we.glob(["panda.config.*"],{cwd:o,deep:3});if(!e.length)throw u({code:"config_not_found",configFile:"panda.config.*",message:["failed to find panda.config file"]});return e[0]}catch(e){throw u({code:"config_not_found",configFile:"panda.config.*",message:[e instanceof Error?e.message:"unknown error occured finding panda.config"]})}}async function A(o,e){let t=createMatchPath(e.absoluteBaseUrl,e.paths)(o,void 0,()=>true);if(!t)throw u({code:"resolve_path_fail",target:o,cwd:process.cwd(),message:["resolve error"]});return t}async function D(o){let e=o.match(/outdir:\s*["']([^"']+)["']/),t=o.match(/importMap:\s*({[^}]+}|["'][^"']+["'])/),r=e?e[1]:null,s=null;if(t){let a=t[1];if(a.startsWith("{")){let l=a.match(/css:\s*["']([^"']+)["']/);s=l?l[1].replace(/\/css$/,""):null;}else s=a.replace(/["']/g,"");}return {outdir:r,importMap:s}}function ee(o,e){let t=o;return [{from:/@utils\//g,to:`${e.utils}/`},{from:/@hooks\//g,to:`${e.hooks}/`},{from:/@styled-system\//g,to:`${e.styledsystem}/`},{from:/@components\//g,to:`${e.components}/`}].forEach(({from:s,to:a})=>{t=t.replace(s,a);}),t}function oe(o){let t=new Project().addSourceFileAtPath(o),r=[{namedImports:[{name:"preset"}],moduleSpecifier:"panda-animation"},{namedImports:[{name:"defaultPreset"}],moduleSpecifier:"./preset"}];t.addImportDeclarations(r);let a=t.getFirstDescendantByKind(SyntaxKind.CallExpression)?.getArguments()[0];a?(a.getProperty("presets")||a.addPropertyAssignment({name:"presets",initializer:'[preset(), "@pandacss/preset-panda", defaultPreset]'}),t.saveSync()):console.warn("Could not modify panda.config.ts. add presets : [preset(), @pandacss/preset-panda, defaultPreset] in your panda.config");}async function te(o,e){let t=await detect({cwd:o}),r=resolveCommand(t?.agent||"npm","add",e);if(r)return r}var Pe=z$1.object({components:z$1.array(z$1.string()).optional(),cwd:z$1.string()}),$e="https://whdgur.shop",S=se.bold.red,O=se.bold.blue,ae=new Command().name("add").argument("[components...]").option("-c, --cwd <cwd>","current working directory, default to process.cwd()",process.cwd()).action(async(o,e)=>{try{let t=Pe.parse({components:o,...e});intro(O("install components..."));let r=w.schema.parse(Y(t.cwd)),s=$(t.cwd),a=await F(t.cwd),l=await M.readFile(k.resolve(t.cwd,a),"utf-8"),{outdir:g}=await D(l),y=w.schema.parse({utils:await A(r.utils,s),components:await A(r.components,s),hooks:await A(r.hooks,s),styledsystem:k.join(t.cwd,g||"styled-system")},{errorMap:()=>({message:"validation failed at components.json"})}),p=t.components?.map(d=>d.toLowerCase());if(!p?.length)return;let h=await Promise.allSettled(p.map(async d=>{let n=await fetch(`${$e}/${d}.json`);if(!n.ok)throw u({code:"failed_to_fetch",target:d,statusCode:n.status,message:[n.statusText]});return await n.json()}));for(let[d,n]of h.entries()){if(n.status==="rejected"){n.reason instanceof b?console.log(S(n.reason.format)):console.log(S(n.reason));continue}try{let i=G.parse(n.value,{errorMap:()=>({message:`registry for ${p[d]} is invaliad`})}),f=k.join(y.components,p[d]);if(M.pathExistsSync(f)&&!await confirm({message:`Component ${p[d]} already exists. Do you want to overwrite it?`}))return;i.files?.forEach(x=>{let H=ee(x.content,r);x.type==="ui"?M.outputFileSync(k.join(f,x.name),H):M.outputFileSync(k.join(y[x.type],x.name),H,"utf-8");});let m=await te(t.cwd,i.dependencies||[]),P=m?`Run this command in the terminal : ${m.command} ${m.args.join(" ")}`:`Cannot find your package manager, install this dependencies: ${i.dependencies?.join(" ")}`;outro(O(`${p[d]} completed successfully 
- ${P}`));}catch(i){i instanceof Error&&console.log(S(i.message));}}}catch(t){outro(S(O("error occured"))),t instanceof z$1.ZodError&&console.log(t.message),t instanceof b&&console.log(S(t.format)),t instanceof Error&&console.log(S(t.message)),process.exit(1);}});var ne=`
-  import { defineSemanticTokens, definePreset } from "@pandacss/dev"
+`)}},u=t=>{let e;switch(t.code){case N.config_not_found:e=`error occured while config ${t.configFile}`;break;case N.resolve_path_fail:e=`failed to resolve your path, current ${t.cwd}`;break;case N.failed_to_fetch:e=`failed to fetch ${t.target} [${t.statusCode}]`;break;default:e="error occured";}return new b({...t,message:[...t.message||"",e]})};var v={fileName:"components.json",schema:z$1.object({utils:z$1.string(),components:z$1.string(),hooks:z$1.string(),styledsystem:z$1.string()}).strict()},be=["ui","hooks","utils"],ve=z$1.object({name:z$1.string(),content:z$1.string(),type:z$1.enum(be)}),q=z$1.object({name:z$1.string(),dependencies:z$1.array(z$1.string()).optional(),files:z$1.array(ve).optional()});z$1.object({name:z$1.string(),dependencies:z$1.array(z$1.string()).optional(),file:z$1.string()});function Y(t){try{return D.readJsonSync(k.resolve(t,v.fileName))}catch(e){return u({code:"config_not_found",configFile:v.fileName,message:[e instanceof Error?e.message:""]})}}function F(t){let e=loadConfig(t);if(e.resultType==="failed")throw u({code:"config_not_found",configFile:"tsconfig.json",message:["cannot found tsconfig.json"]});return e}async function Q(t){return await D.pathExists(k.join(t,"components.json"))}function X(t,e){let o=["./","./src/","./app/","./src/app"].map(r=>k.resolve(t,r));for(let[r,s]of Object.entries(e.paths)){let a=k.join(t,e.baseUrl||"",s[0].replace(/\/\*$/,""));if(o.some(l=>l===a||l.includes(a)))return r.replace(/\/\*$/,"")}return null}function ee(t,e,o){let r=k.join(t,e);for(let[s,a]of Object.entries(o.paths)){let l=a[0].replace(/\/\*$/,"");if(r===k.join(t,o.baseUrl||"",l))return s.replace(/\/\*$/,"")}return null}async function z(t){try{let e=await Se.glob(["panda.config.*"],{cwd:t,deep:3});if(!e.length)throw u({code:"config_not_found",configFile:"panda.config.*",message:["failed to find panda.config file"]});return e[0]}catch(e){throw u({code:"config_not_found",configFile:"panda.config.*",message:[e instanceof Error?e.message:"unknown error occured finding panda.config"]})}}async function A(t,e){let o=createMatchPath(e.absoluteBaseUrl,e.paths)(t,void 0,()=>true);if(!o)throw u({code:"resolve_path_fail",target:t,cwd:process.cwd(),message:["resolve error"]});return o}async function W(t){let e=t.match(/outdir:\s*["']([^"']+)["']/),o=t.match(/importMap:\s*({[^}]+}|["'][^"']+["'])/),r=e?e[1]:null,s=null;if(o){let a=o[1];if(a.startsWith("{")){let l=a.match(/css:\s*["']([^"']+)["']/);s=l?l[1].replace(/\/css$/,""):null;}else s=a.replace(/["']/g,"");}return {outdir:r,importMap:s}}function te(t,e){let o=t;return [{from:/@utils\//g,to:`${e.utils}/`},{from:/@hooks\//g,to:`${e.hooks}/`},{from:/@styled-system\//g,to:`${e.styledsystem}/`},{from:/@components\//g,to:`${e.components}/`}].forEach(({from:s,to:a})=>{o=o.replace(s,a);}),o}function oe(t){let o=new Project().addSourceFileAtPath(t),r=[{namedImports:[{name:"preset"}],moduleSpecifier:"panda-animation"},{namedImports:[{name:"defaultPreset"}],moduleSpecifier:"./preset"}];o.addImportDeclarations(r);let a=o.getFirstDescendantByKind(SyntaxKind.CallExpression)?.getArguments()[0];a?(a.getProperty("presets")||a.addPropertyAssignment({name:"presets",initializer:'[preset(), "@pandacss/preset-panda", defaultPreset]'}),o.saveSync()):console.warn("Could not modify panda.config.ts. add presets : [preset(), @pandacss/preset-panda, defaultPreset] in your panda.config");}async function re(t,e){let o=await detect({cwd:t}),r=resolveCommand(o?.agent||"npm","add",e);if(r)return r}var $e=z$1.object({components:z$1.array(z$1.string()).optional(),cwd:z$1.string()}),Fe="https://jds-docs.vercel.app",C=ae.bold.red,O=ae.bold.blue,ne=new Command().name("add").argument("[components...]").option("-c, --cwd <cwd>","current working directory, default to process.cwd()",process.cwd()).action(async(t,e)=>{try{let o=$e.parse({components:t,...e});intro(O("install components..."));let r=v.schema.parse(Y(o.cwd)),s=F(o.cwd),a=await z(o.cwd),l=await D.readFile(k.resolve(o.cwd,a),"utf-8"),{outdir:f}=await W(l),h=v.schema.parse({utils:await A(r.utils,s),components:await A(r.components,s),hooks:await A(r.hooks,s),styledsystem:k.join(o.cwd,f||"styled-system")},{errorMap:()=>({message:"validation failed at components.json"})}),p=o.components?.map(m=>m.toLowerCase());if(!p?.length)return;let y=await Promise.allSettled(p.map(async m=>{let n=await fetch(`${Fe}/${m}.json`);if(!n.ok)throw u({code:"failed_to_fetch",target:m,statusCode:n.status,message:[n.statusText]});return await n.json()}));for(let[m,n]of y.entries()){if(n.status==="rejected"){n.reason instanceof b?console.log(C(n.reason.format)):console.log(C(n.reason));continue}try{let i=q.parse(n.value,{errorMap:()=>({message:`registry for ${p[m]} is invaliad`})}),g=k.join(h.components,p[m]);if(D.pathExistsSync(g)&&!await confirm({message:`Component ${p[m]} already exists. Do you want to overwrite it?`}))return;i.files?.forEach(x=>{let K=te(x.content,r);x.type==="ui"?D.outputFileSync(k.join(g,x.name),K):D.outputFileSync(k.join(h[x.type],x.name),K,"utf-8");});let d=await re(o.cwd,i.dependencies||[]),$=d?`Run this command in the terminal : ${d.command} ${d.args.join(" ")}`:`Cannot find your package manager, install this dependencies: ${i.dependencies?.join(" ")}`;outro(O(`${p[m]} completed successfully 
+ ${$}`));}catch(i){i instanceof Error&&console.log(C(i.message));}}}catch(o){outro(C(O("error occured"))),o instanceof z$1.ZodError&&console.log(o.message),o instanceof b&&console.log(C(o.format)),o instanceof Error&&console.log(C(o.message)),process.exit(1);}});var ie=`
+import {
+  definePreset,
+  defineSemanticTokens,
+  defineTextStyles,
+  defineTokens,
+} from "@pandacss/dev"
 
-const colors = defineSemanticTokens.colors({
-      "background": {
-  "value": { "base": "{colors.white}", "_dark": "{colors.{{gray}}.950}" }
-},
-"foreground": {
-  "value": { "base": "{colors.{{gray}}.950}", "_dark": "{colors.{{gray}}.50}" }
-},
-"card": {
-  "DEFAULT": {
-    "value": { "base": "{colors.white}", "_dark": "{colors.{{gray}}.900}" }
-  },
-  "foreground": {
-    "value": { "base": "{colors.{{gray}}.950}", "_dark": "{colors.{{gray}}.50}" }
-  }
-},
-"popover": {
-  "DEFAULT": {
-    "value": { "base": "{colors.white}", "_dark": "{colors.{{gray}}.900}" }
+const radii = defineTokens.radii({
+  radius: { value: "0.5rem" },
+})
+
+export const semanticColors = defineSemanticTokens.colors({
+  background: {
+    value: { "base": "{colors.white}", "_dark": "{colors.{{gray}}.950}" }
   },
-  "foreground": {
-    "value": { "base": "{colors.{{gray}}.950}", "_dark": "{colors.{{gray}}.50}" }
-  }
-},
-"primary": {
-  "DEFAULT": {
-    "value": { "base": "{colors.{{primary}}.600}", "_dark": "{colors.{{primary}}.400}" }
+  foreground: {
+    value: { "base": "{colors.{{gray}}.950}", "_dark": "{colors.{{gray}}.50}" }
   },
-  "foreground": {
-    "value": { "base": "{colors.white}", "_dark": "{colors.{{gray}}.950}" }
-  }
-},
-"secondary": {
-  "DEFAULT": {
-    "value": { "base": "{colors.{{secondary}}.600}", "_dark": "{colors.{{secondary}}.400}" }
+  primary: {
+    DEFAULT: {
+      value: { "base": "{colors.{{primary}}.600}", "_dark": "{colors.{{primary}}.700}" }
+    },
+    foreground: {
+      value: { "base": "{colors.white}", "_dark": "{colors.{{gray}}.950}" }
+    },
+    active: {
+      value: { "base": "{colors.{{primary}}.700}", "_dark": "{colors.{{primary}}.300}" }
+    }
   },
-  "foreground": {
-    "value": { "base": "{colors.white}", "_dark": "{colors.{{gray}}.950}" }
-  }
-},
-"muted": {
-  "DEFAULT": {
-    "value": { "base": "{colors.{{gray}}.100}", "_dark": "{colors.{{gray}}.800}" }
+  secondary: {
+    DEFAULT: {
+      value: { "base": "{colors.{{secondary}}.600}", "_dark": "{colors.{{secondary}}.400}" }
+    },
+    foreground: {
+      value: { "base": "{colors.white}", "_dark": "{colors.{{gray}}.950}" }
+    },
+    active: {
+      value: { "base": "{colors.{{secondary}}.700}", "_dark": "{colors.{{secondary}}.300}" }
+    }
   },
-  "foreground": {
-    "value": { "base": "{colors.{{gray}}.500}", "_dark": "{colors.{{gray}}.400}" }
-  }
-},
-"accent": {
-  "DEFAULT": {
-    "value": { "base": "{colors.{{secondary}}.100}", "_dark": "{colors.{{secondary}}.800}" }
+  neutral: {
+    DEFAULT: {
+      value: { "base": "{colors.{{gray}}.100}", "_dark": "{colors.{{gray}}.800}" }
+    },
+    foreground: {
+      value: { "base": "{colors.{{gray}}.500}", "_dark": "{colors.{{gray}}.400}" }
+    },
+    active: {
+      value: { "base": "{colors.{{gray}}.200}", "_dark": "{colors.{{gray}}.700}" }
+    }
   },
-  "foreground": {
-    "value": { "base": "{colors.{{secondary}}.900}", "_dark": "{colors.{{secondary}}.50}" }
-  }
-},
-"destructive": {
-  "DEFAULT": {
-    "value": { "base": "{colors.red.500}", "_dark": "{colors.red.400}" }
+  accent: {
+    DEFAULT: {
+      value: { "base": "{colors.{{secondary}}.100}", "_dark": "{colors.{{secondary}}.800}" }
+    },
+    foreground: {
+      value: { "base": "{colors.{{secondary}}.900}", "_dark": "{colors.{{secondary}}.50}" }
+    },
+    active: {
+      value: { "base": "{colors.{{secondary}}.200}", "_dark": "{colors.{{secondary}}.700}" }
+    }
   },
-  "foreground": {
-    "value": { "base": "{colors.white}", "_dark": "{colors.{{gray}}.950}" }
+  destructive: {
+    DEFAULT: {
+      value: { "base": "{colors.red.600}", "_dark": "{colors.red.400}" }
+    },
+    foreground: {
+      value: { "base": "{colors.white}", "_dark": "{colors.{{gray}}.950}" }
+    },
+    active: {
+      value: { "base": "{colors.red.700}", "_dark": "{colors.red.300}" }
+    }
+  },
+  layer: {
+    DEFAULT: {
+      value: { "base": "{colors.white}", "_dark": "{colors.{{gray}}.950}" }
+    },
+    overlay: {
+      value: { "base": "{colors.black/50}", "_dark": "{colors.black/50}" }
+    },
+    floating: {
+      value: { "base": "{colors.white}", "_dark": "{colors.{{gray}}.950}" }
+    },
+    active: {
+      value: { "base": "{colors.{{gray}}.50}", "_dark": "{colors.{{gray}}.800}" }
+    },
+    foreground: {
+      DEFAULT: {
+        value: { "base": "{colors.{{gray}}.500}", "_dark": "{colors.{{gray}}.400}" }
+      },
+      muted: {
+        value: { "base": "{colors.{{gray}}.400}", "_dark": "{colors.{{gray}}.500}" }
+      },
+      emphasized: {
+        value: { "base": "{colors.{{gray}}.700}", "_dark": "{colors.{{gray}}.200}" }
+      },
+      primary: {
+        value: { "base": "{colors.{{primary}}.500}", "_dark": "{colors.{{primary}}.400}" }
+      }
+    }
+  },
+  stroke: {
+    DEFAULT: {
+      value: { "base": "{colors.{{primary}}.200}", "_dark": "{colors.{{primary}}.600}" }
+    },
+    border: {
+      value: { "base": "{colors.{{gray}}.200}", "_dark": "{colors.{{gray}}.800}" }
+    },
+    input: {
+      value: { "base": "{colors.{{gray}}.200}", "_dark": "{colors.{{gray}}.800}" }
+    },
+    ring: {
+      value: { "base": "{colors.{{primary}}.500}", "_dark": "{colors.{{primary}}.400}" }
+    },
+    destructive: {
+      value: { "base": "{colors.red.500}", "_dark": "{colors.red.400}" }
+    }
   }
-},
-"border": {
-  "value": { "base": "{colors.{{gray}}.200}", "_dark": "{colors.{{gray}}.800}" }
-},
-"input": {
-  "value": { "base": "{colors.{{gray}}.200}", "_dark": "{colors.{{gray}}.800}" }
-},
-"ring": {
-  "value": { "base": "{colors.{{primary}}.500}", "_dark": "{colors.{{primary}}.400}" }
-}})
-  
+})
+
 const borders = defineSemanticTokens.borders({
-  base: { value: "1px solid {colors.border}" },
-  input: { value: "1px solid {colors.input}" },
-  primary: { value: "1px solid {colors.primary}" },
+  base: { value: "1px solid {colors.stroke.border}" },
+  input: { value: "1px solid {colors.stroke.input}" },
+  primary: { value: "1px solid {colors.stroke}" },
   destructive: { value: "1px solid {colors.destructive}" },
 })
 
+export const textStyles = defineTextStyles({
+  display1: {
+    value: {
+      fontWeight: "{fontWeights.bold}",
+      fontSize: "4.5rem",
+      lineHeight: "{lineHeights.loose}",
+      letterSpacing: "{letterSpacings.tight}",
+    },
+  },
+  display2: {
+    value: {
+      fontWeight: "{fontWeights.bold}",
+      fontSize: "3.75rem",
+      lineHeight: "{lineHeights.relaxed}",
+      letterSpacing: "{letterSpacings.tight}",
+    },
+  },
+  title1: {
+    value: {
+      fontWeight: "semibold",
+      fontSize: "2.25rem",
+      lineHeight: "{lineHeights.normal}",
+      letterSpacing: "{letterSpacings.tight}",
+    },
+  },
+  title2: {
+    value: {
+      fontWeight: "semibold",
+      fontSize: "1.5rem",
+      lineHeight: "{lineHeights.snug}",
+      letterSpacing: "{letterSpacings.tight}",
+    },
+  },
+  title3: {
+    value: {
+      fontWeight: "{fontWeights.bold}",
+      fontSize: "1.25rem",
+      lineHeight: "{lineHeights.snug}",
+      letterSpacing: "{letterSpacings.tight}",
+    },
+  },
+  heading1: {
+    value: {
+      fontWeight: "{fontWeights.semibold}",
+      fontSize: "1.125rem",
+      lineHeight: "{lineHeights.normal}",
+      letterSpacing: "{letterSpacings.normal}",
+    },
+  },
+  heading2: {
+    value: {
+      fontWeight: "{fontWeights.semibold}",
+      fontSize: "1rem",
+      lineHeight: "{lineHeights.normal}",
+      letterSpacing: "{letterSpacings.normal}",
+    },
+  },
+  body1: {
+    value: {
+      fontWeight: "{fontWeights.normal}",
+      fontSize: "1rem",
+      lineHeight: "{lineHeights.relaxed}",
+      letterSpacing: "{letterSpacings.normal}",
+    },
+  },
+  body2: {
+    value: {
+      fontWeight: "{fontWeights.normal}",
+      fontSize: "0.875rem",
+      lineHeight: "{lineHeights.normal}",
+      letterSpacing: "{letterSpacings.normal}",
+    },
+  },
+  label1: {
+    value: {
+      fontWeight: "{fontWeights.semibold}",
+      fontSize: "0.875rem",
+      lineHeight: "{lineHeights.snug}",
+      letterSpacing: "{letterSpacings.wide}",
+    },
+  },
+  label2: {
+    value: {
+      fontWeight: "{fontWeights.semibold}",
+      fontSize: "0.75rem",
+      lineHeight: "{lineHeights.snug}",
+      letterSpacing: "{letterSpacings.wide}",
+    },
+  },
+  caption1: {
+    value: {
+      fontWeight: "{fontWeights.semibold}",
+      fontSize: "0.75rem",
+      lineHeight: "{lineHeights.tight}",
+      letterSpacing: "{letterSpacings.wide}",
+    },
+  },
+  caption2: {
+    value: {
+      fontWeight: "{fontWeights.semibold}",
+      fontSize: "0.625rem",
+      lineHeight: "{lineHeights.tight}",
+      letterSpacing: "{letterSpacings.wide}",
+    },
+  },
+})
+
+export const utilities = {
+    extend: {
+      fluidFontSize: {
+        shorthand: "fluidFontSize",
+        values: "fontSizes",
+        transform(value) {
+          if (!value.endsWith("rem")) {
+            return value
+          }
+          try {
+            const min = parseFloat(value) * 16
+            const max = min + 0.5 * 16
+
+            const [minRange, maxRange] = [360, 640]
+            const slopePxPerVw = (100 * (max - min)) / (maxRange - minRange)
+            const intercept = (min - slopePxPerVw * (minRange / 100)) / 16
+            const calcPart = \`calc(\${intercept.toFixed(4)}rem + \${slopePxPerVw.toFixed(4)}vw)\`
+
+            return {
+              fontSize: \`clamp(\${value}, \${calcPart}, \${max / 16}rem)\`,
+            }
+          } catch (error) {
+            console.error(
+              "[fluidFontSize] Error transforming value:",
+              error,
+              value,
+            )
+            return {
+              fontSize: value
+            }
+          }
+        },
+      },
+    },
+}
+
 export const defaultPreset = definePreset({
   name: "default",
   globalCss: {
-    html: {
-      background: 'background',
-      color: 'foreground'
+    body: {
+      background: "background",
+      color: "foreground",
     },
   },
   theme: {
     extend: {
+      textStyles,
+      tokens: {
+        radii,
+      },
       semanticTokens: {
-        colors,
+        colors: semanticColors,
         borders,
-
       },
     },
   },
+  utilities,
 })
 
+`;var S=["rose","pink","fuchsia","purple","violet","indigo","blue","sky","cyan","teal","emerald","green","lime","yellow","amber","orange","red","neutral","stone","zinc","gray","slate"],j=["neutral","stone","zinc","gray","slate"],I=z$1.object({primary:z$1.enum(S),secondary:z$1.enum(S),gray:z$1.enum(j)}),ce=t=>ze.compile(ie)(t);var M=z$1.object({cwd:z$1.string(),default:z$1.boolean().optional(),theme:I.optional()}),J=ae.bold.red,Re=ae.bold.blue,me=new Command().name("init").description("Initialize the project").option("-c, --cwd <cwd>","current working directory, default to process.cwd()",process.cwd()).option("-d, --default","use default color",false).action(async t=>{let e=spinner();e.start("Initializing");try{let o=M.parse({cwd:k.resolve(t.cwd),default:t.default,theme:t.theme});await G(o),e.stop("successfully Initialized!");}catch(o){e.stop(J(Re("error occured"))),o instanceof z$1.ZodError&&console.log(o.message),o instanceof b&&console.log(J(o.format)),o instanceof Error&&console.log(J(o.message)),process.exit(1);}});async function G(t){let e=t.cwd||await packageDirectory();if(!e)throw u({code:"config_not_found",configFile:"package.json",message:[`cannot find package.json in ${e}`]});let o=F(e);await Q(e)&&(await confirm({message:"you already initialize,are you want to overwrite it?"})||process.exit(0));let s=await z(e),a=await D.readFile(k.join(e,s),"utf-8"),l=X(e,o);if(l===null)throw u({code:"resolve_path_fail",target:"tsconfig.json",cwd:e,message:[`cannot find paths alias in your ${k.join(e,"tsconfig.json")}`]});let f="styled-system",{outdir:h,importMap:p}=await W(a);p?f=p:f=ee(e,h||"styled-system",o)||".",h&&(f=h);let y=v.schema.parse({utils:`${l}/utils`,components:`${l}/components`,hooks:`${l}/hooks`,styledsystem:f},{errorMap:()=>({message:"components.json is invalid"})});D.writeFile(k.resolve(e,"components.json"),JSON.stringify(y),"utf-8");let m=t.theme?.primary||"neutral",n=t.theme?.secondary||"slate",i=t.theme?.gray||"gray";t.default||(m=await select({message:"Pick primary color",initialValue:m,options:S.map(d=>({value:d,label:d}))}),n=await select({message:"Pick secondary color",initialValue:n,options:S.map(d=>({value:d,label:d}))}),i=await select({message:"Pick gray color",initialValue:i,options:j.map(d=>({value:d,label:d}))}));let g=ce(I.parse({primary:m,secondary:n,gray:i}));return D.writeFile(k.join(e,"preset.ts"),g),oe(k.resolve(e,s)),y}var _=new Server({name:"DesignSystemCLI",version:"1.0.0"},{capabilities:{resources:{},tools:{},prompts:{}}});_.setRequestHandler(ListToolsRequestSchema,async()=>({tools:[{name:"init",description:"Initialize the design system and generate theme files.",inputSchema:zodToJsonSchema(M)},{name:"previewColors",description:"Generate a preview of selected color combinations.",inputSchema:zodToJsonSchema(I)}]}));_.setRequestHandler(CallToolRequestSchema,async t=>{try{if(!t.params.arguments)throw new Error("Arguments are required for this tool.");switch(t.params.name){case "init":try{let{cwd:e,theme:o}=t.params.arguments,r=M.parse({cwd:e,default:!0,theme:o});return await G(r),{content:[{type:"text",text:`Design system initialized for directory: ${r.cwd}. Theme files generated.`}]}}catch(e){return console.error("Error during init tool execution:",e),{content:[{type:"text",text:`Error initializing design system: ${e instanceof Error?e.message:String(e)}`}],isError:!0}}default:return {content:[{type:"text",text:`Tool ${t.params.name} not found`}],isError:!0}}}catch(e){return console.error("Error parsing MCP request arguments:",e),e instanceof z$1.ZodError?{content:[{type:"text",text:`Invalid arguments for tool ${t.params?.name}: ${JSON.stringify(e.errors)}`}],isError:true}:{content:[{type:"text",text:`An unexpected error occurred: ${e instanceof Error?e.message:String(e)}`}],isError:true}}});_.setRequestHandler(ListPromptsRequestSchema,async()=>({prompts:[{name:"selectThemeColors",description:"Theme color selection guide for AI",arguments:[{name:"primary",description:"The primary color using design system"},{name:"secondary",description:"The secondary color using design system."},{name:"gray",description:"The gray color using design system."}]}]}));_.setRequestHandler(GetPromptRequestSchema,async t=>t.params.name!=="selectThemeColors"?{jsonrpc:"2.0",error:{code:-32601,message:`Prompt ${t.params.name} not found.`}}:{description:"Help the user select appropriate primary, secondary, and gray colors for the design system theme.",messages:[{role:"assistant",content:{type:"text",text:`I'll help you set up the theme colors for your design system.
+
+**The goal is to determine primary, secondary, and gray colors based on your preference.**
 
-`;var _=["rose","pink","fuchsia","purple","violet","indigo","blue","sky","cyan","teal","emerald","green","lime","yellow","amber","orange","red","neutral","stone","zinc","gray","slate"],U=["neutral","stone","zinc","gray","slate"],ie=z$1.object({primary:z$1.enum(_),secondary:z$1.enum(_),gray:z$1.enum(U)}),ce=o=>Fe.compile(ne)(o);var ze=z$1.object({primaryColor:z$1.string().optional(),secondaryColor:z$1.string().optional(),grayColor:z$1.string().optional()}),z=z$1.object({cwd:z$1.string(),default:z$1.boolean().optional(),theme:ze.optional()}),W=se.bold.red,Re=se.bold.blue,de=new Command().name("init").description("Initialize the project").option("-c, --cwd <cwd>","current working directory, default to process.cwd()",process.cwd()).option("-d, --default","use default color",false).action(async o=>{let e=spinner();e.start("Initializing");try{let t=z.parse({cwd:k.resolve(o.cwd),default:o.default});await K(t),e.stop("successfully Initialized!");}catch(t){e.stop(W(Re("error occured"))),t instanceof z$1.ZodError&&console.log(t.message),t instanceof b&&console.log(W(t.format)),t instanceof Error&&console.log(W(t.message)),process.exit(1);}});async function K(o){let e=o.cwd||await packageDirectory();if(!e)throw u({code:"config_not_found",configFile:"package.json",message:[`cannot find package.json in ${e}`]});let t=$(e);await Z(e)&&(await confirm({message:"you already initialize,are you want to overwrite it?"})||process.exit(0));let s=await F(e),a=await M.readFile(k.join(e,s),"utf-8"),l=Q(e,t);if(l===null)throw u({code:"resolve_path_fail",target:"tsconfig.json",cwd:e,message:[`cannot find paths alias in your ${k.join(e,"tsconfig.json")}`]});let g="styled-system",{outdir:y,importMap:p}=await D(a);p?g=p:g=X(e,y||"styled-system",t)||".",y&&(g=y);let h=w.schema.parse({utils:`${l}/utils`,components:`${l}/components`,hooks:`${l}/hooks`,styledsystem:g},{errorMap:()=>({message:"components.json is invalid"})});M.writeFile(k.resolve(e,"components.json"),JSON.stringify(h),"utf-8");let d=o.theme?.primaryColor||"neutral",n=o.theme?.secondaryColor||"slate",i=o.theme?.grayColor||"gray";o.default||(d=await select({message:"Pick primary color",initialValue:"neutral",options:_.map(m=>({value:m,label:m}))}),n=await select({message:"Pick secondary color",initialValue:"slate",options:_.map(m=>({value:m,label:m}))}),i=await select({message:"Pick gray color",initialValue:"gray",options:U.map(m=>({value:m,label:m}))}));let f=ce(ie.parse({primary:d,secondary:n,gray:i}));return M.writeFile(k.join(e,"preset.ts"),f),oe(k.resolve(e,s)),h}var T=new Server({name:"DesignSystemCLI",version:"1.0.0"},{capabilities:{resources:{},tools:{},prompts:{}}});T.setRequestHandler(ListToolsRequestSchema,async()=>({tools:[{name:"init",description:"Initialize the design system and generate theme files.",inputSchema:zodToJsonSchema(z)}]}));T.setRequestHandler(CallToolRequestSchema,async o=>{try{if(!o.params.arguments)throw new Error("Arguments are required for the init tool.");switch(o.params.name){case "init":try{let{cwd:e,...t}=o.params.arguments,r=z.parse({cwd:e,default:!0,theme:t});return await K(r),{content:[{type:"text",text:`Design system initialized for directory: ${r.cwd}. Theme files generated.`}]}}catch(e){return console.error("Error during init tool execution:",e),{content:[{type:"text",text:`Error initializing design system: ${e instanceof Error?e.message:String(e)}`}],isError:!0}}default:return {content:[{type:"text",text:`Tool ${o.params.name} not found`}],isError:!0}}}catch(e){return console.error("Error parsing MCP request arguments:",e),e instanceof z$1.ZodError?{content:[{type:"text",text:`Invalid arguments for tool ${o.params?.name}: ${JSON.stringify(e.errors)}`}],isError:true}:{content:[{type:"text",text:`An unexpected error occurred: ${e instanceof Error?e.message:String(e)}`}],isError:true}}});T.setRequestHandler(ListPromptsRequestSchema,async()=>({prompts:[{name:"selectThemeColors",description:"Theme color selection guide for AI",arguments:[{name:"primaryColor",description:"The primary color using design system"},{name:"secondaryColor",description:"The secondary color using design system."},{name:"grayColor",description:"The gray color using design system."}]}]}));T.setRequestHandler(GetPromptRequestSchema,async o=>o.params.name!=="selectThemeColors"?{jsonrpc:"2.0",error:{code:-32601,message:`Prompt ${o.params.name} not found.`}}:{description:"Help the user select appropriate primary, secondary, and gray colors for the design system theme.",messages:[{role:"assistant",content:{type:"text",text:`You are an AI assistant helping the user configure their design system theme colors.
+**Available color palettes:**
+- primary,secondary colors: ${S.join(", ")}
+- Gray shades (for gray selection): ${j.join(", ")}
 
-**Your goal is to determine the primary, secondary, and gray colors based on user preference.**
+**Guidelines:**
+1. **Guide the user to select the primary color only from the list above.**
+2. **If the user requests a color not on the list, suggest the closest available color and guide them to choose from the list.**
+3. **Secondary and gray colors must also be selected only from the list above.**
+4. **Recommend secondary and gray colors that complement the primary color according to color theory and harmony principles.**
+- Primary is a color that reflects the brand's message, and is used for major components throughout the UI, such as buttons and active states.
+- Secondary is a supporting color, used throughout components that play a secondary role in the UI.
+- Gray is used for text, backgrounds, borders, etc., serving to convey information and indicate hierarchy.
+- The color contrast ratio must be checked to ensure it meets the WCAG (Web Content Accessibility Guidelines) AA level
+5. **Strictly avoid color overlap.** Primary, secondary, and gray colors must be different from each other.
+6. **Confirm the finalized color combination with the user.**
+7. **Explain to the user the reason for the color selection.**
+8. **Execute the 'init' tool with the final colors. Use only values exactly as they appear in the color list above.**
 
-**Follow these steps:**
-1.  **Start by asking the user** (e.g., "What is your preferred color for the primary theme color?").
-2.  **Based on the user's preferred color, determine the secondary and gray colors.** You should use color theory and harmony principles to select colors that complement the primary color.
-3.  **When selecting secondary and gray colors, prioritize color harmony and contrast.**
-4.  **Ensure all selected colors comply with WCAG (Web Content Accessibility Guidelines) Contrast Ratio of at least 4.5** against standard background and foreground text colors where applicable.
-5.  **Strictly avoid color overlap.** The primary, secondary, and gray colors must be distinct from each other (e.g., the chosen primary color should not be the same as the chosen secondary or gray, secondary should not be the same as gray, etc.).
-6.  Once you have determined a suitable primary, secondary, and gray color (either directly provided by the user or chosen based on their preference and the criteria above), **confirm the selected colors with the user** if necessary.
-7.  Inform the user of the reason for the selection of the colors.
-8.  Finally, with the determined primary, secondary, and gray color values, **execute the 'init' tool** provided by the DesignSystemCLI server, passing the colors as arguments.
 
-**Tool to use after color determination:** 'DesignSystemCLI init'`}},{role:"user",content:{type:"text",text:"I need to set up the theme colors for my design system. Can you guide me through the process?"}},{role:"assistant",content:{type:"text",text:"Okay, I can help you with that. Let's start by selecting the theme colors. To begin, what is your preferred color for the primary theme color?"}}]});var me=new Command().name("mcp").description("Manage your design system").action(async()=>{try{let o=new StdioServerTransport;await T.connect(o);}catch(o){console.error(o);}});var pe={"@radix-ui/react-accessible-icon":"AccessibleIcon","@radix-ui/react-accordion":"Accordion","@radix-ui/react-alert-dialog":"AlertDialog","@radix-ui/react-aspect-ratio":"AspectRatio","@radix-ui/react-avatar":"Avatar","@radix-ui/react-checkbox":"Checkbox","@radix-ui/react-collapsible":"Collapsible","@radix-ui/react-context-menu":"ContextMenu","@radix-ui/react-dialog":"Dialog","@radix-ui/react-direction":"Direction","@radix-ui/react-dropdown-menu":"DropdownMenu","@radix-ui/react-form":"Form","@radix-ui/react-hover-card":"HoverCard","@radix-ui/react-label":"Label","@radix-ui/react-menubar":"Menubar","@radix-ui/react-navigation-menu":"NavigationMenu","@radix-ui/react-popover":"Popover","@radix-ui/react-portal":"Portal","@radix-ui/react-progress":"Progress","@radix-ui/react-radio-group":"RadioGroup","@radix-ui/react-scroll-area":"ScrollArea","@radix-ui/react-select":"Select","@radix-ui/react-separator":"Separator","@radix-ui/react-slider":"Slider","@radix-ui/react-slot":"Slot","@radix-ui/react-switch":"Switch","@radix-ui/react-tabs":"Tabs","@radix-ui/react-toast":"Toast","@radix-ui/react-toggle":"Toggle","@radix-ui/react-toggle-group":"ToggleGroup","@radix-ui/react-toolbar":"Toolbar","@radix-ui/react-tooltip":"Tooltip","@radix-ui/react-visually-hidden":"VisuallyHidden"};function R(o,e,t){return t?o===t:o===e}function fe(o){return `import {${o}} from "radix-ui"`}function ge(o){let e=[];return o.getImportDeclarations().forEach(t=>{let r=t.getModuleSpecifierValue();if(!(r in pe))return;let s=pe[r];e.push(r);let a=t.getNamespaceImport();if(a){let g=a.getText();s!==g&&(s+=` as ${g}`),t.replaceWithText(fe(s));return}let l=t.getNamedImports();if(l.length){let g=s;l.forEach(y=>{let p=y.getName(),h=y.getAliasNode()?.getText(),d=`${g}.${p}`;for(let n of [SyntaxKind.JsxOpeningElement,SyntaxKind.JsxClosingElement,SyntaxKind.JsxSelfClosingElement])o.getDescendantsOfKind(n).forEach(i=>{let f=i.getTagNameNode().getText();R(f,p,h)&&i.getTagNameNode().replaceWithText(d);});o.getDescendantsOfKind(SyntaxKind.TypeQuery).forEach(n=>{n.getChildren().forEach(i=>{let f=i.getText();R(f,p,h)&&i.replaceWithText(d);});}),o.getDescendantsOfKind(SyntaxKind.ExpressionStatement).forEach(n=>{n.getChildrenOfKind(SyntaxKind.BinaryExpression).forEach(f=>{f.getRight().getChildren().forEach(P=>{let x=P.getText();R(x,p,h)&&P.replaceWithText(d);});});}),o.getDescendantsOfKind(SyntaxKind.VariableDeclaration).forEach(n=>{let i=n.getInitializer();i&&i.getChildren().forEach(f=>{let m=f.getText();R(m,p,h)&&f.replaceWithText(d);});});}),t.replaceWithText(fe(g));}}),{source:o.getFullText(),packages:e}}var ye=new Command().name("radix-ui-import").action(()=>{intro("find .tsx files...");let o=we.sync("**/*.tsx",{ignore:["**/node_modules/**"],dot:false}),e=new Project,t="";o.forEach(r=>{let s=e.addSourceFileAtPathIfExists(k.join(process.cwd(),r));if(s)try{let{packages:a}=ge(s);t+=a.join("  "),s.save();}catch(a){log.error(`failed to transform ${r} ${a}`);}}),t.length?`copy this to delete and install new package
- <your package manager's delete command> ${t} 
- <your package manager's install command> ${se.bgGreen("radix-ui")}`.split(`
-`).forEach(log.step):outro("no transform occured");});var he={version:"1.6.02"};async function ro(){new Command().name("design-system").version(he.version).addCommand(de).addCommand(ae).addCommand(ye).addCommand(me).parse();}ro();
+**Important notes:**
+- Color values must only be used from the lists above.
+- Colors not in the list (e.g., 'magenta', 'brown') cannot be used.
+- When executing the 'DesignSystemCLI init' tool, color arguments must be passed with the exact names from the list.`}},{role:"user",content:{type:"text",text:"I need to set up the theme colors for my design system. Can you guide me through the process?"}},{role:"assistant",content:{type:"text",text:"I can help you set up the theme colors for your design system. First, you need to select a primary color. Please choose from the following colors: rose, pink, fuchsia, purple, violet, indigo, blue, sky, cyan, teal, emerald, green, lime, yellow, amber, orange, red, neutral, stone, zinc, gray, slate. Which color would you like to use as your primary color?"}}]});var pe=new Command().name("mcp").description("Manage your design system").action(async()=>{try{let t=new StdioServerTransport;await _.connect(t);}catch(t){console.error(t);}});var ge={"@radix-ui/react-accessible-icon":"AccessibleIcon","@radix-ui/react-accordion":"Accordion","@radix-ui/react-alert-dialog":"AlertDialog","@radix-ui/react-aspect-ratio":"AspectRatio","@radix-ui/react-avatar":"Avatar","@radix-ui/react-checkbox":"Checkbox","@radix-ui/react-collapsible":"Collapsible","@radix-ui/react-context-menu":"ContextMenu","@radix-ui/react-dialog":"Dialog","@radix-ui/react-direction":"Direction","@radix-ui/react-dropdown-menu":"DropdownMenu","@radix-ui/react-form":"Form","@radix-ui/react-hover-card":"HoverCard","@radix-ui/react-label":"Label","@radix-ui/react-menubar":"Menubar","@radix-ui/react-navigation-menu":"NavigationMenu","@radix-ui/react-popover":"Popover","@radix-ui/react-portal":"Portal","@radix-ui/react-progress":"Progress","@radix-ui/react-radio-group":"RadioGroup","@radix-ui/react-scroll-area":"ScrollArea","@radix-ui/react-select":"Select","@radix-ui/react-separator":"Separator","@radix-ui/react-slider":"Slider","@radix-ui/react-slot":"Slot","@radix-ui/react-switch":"Switch","@radix-ui/react-tabs":"Tabs","@radix-ui/react-toast":"Toast","@radix-ui/react-toggle":"Toggle","@radix-ui/react-toggle-group":"ToggleGroup","@radix-ui/react-toolbar":"Toolbar","@radix-ui/react-tooltip":"Tooltip","@radix-ui/react-visually-hidden":"VisuallyHidden"};function L(t,e,o){return o?t===o:t===e}function fe(t){return `import {${t}} from "radix-ui"`}function ue(t){let e=[];return t.getImportDeclarations().forEach(o=>{let r=o.getModuleSpecifierValue();if(!(r in ge))return;let s=ge[r];e.push(r);let a=o.getNamespaceImport();if(a){let f=a.getText();s!==f&&(s+=` as ${f}`),o.replaceWithText(fe(s));return}let l=o.getNamedImports();if(l.length){let f=s;l.forEach(h=>{let p=h.getName(),y=h.getAliasNode()?.getText(),m=`${f}.${p}`;for(let n of [SyntaxKind.JsxOpeningElement,SyntaxKind.JsxClosingElement,SyntaxKind.JsxSelfClosingElement])t.getDescendantsOfKind(n).forEach(i=>{let g=i.getTagNameNode().getText();L(g,p,y)&&i.getTagNameNode().replaceWithText(m);});t.getDescendantsOfKind(SyntaxKind.TypeQuery).forEach(n=>{n.getChildren().forEach(i=>{let g=i.getText();L(g,p,y)&&i.replaceWithText(m);});}),t.getDescendantsOfKind(SyntaxKind.ExpressionStatement).forEach(n=>{n.getChildrenOfKind(SyntaxKind.BinaryExpression).forEach(g=>{g.getRight().getChildren().forEach($=>{let x=$.getText();L(x,p,y)&&$.replaceWithText(m);});});}),t.getDescendantsOfKind(SyntaxKind.VariableDeclaration).forEach(n=>{let i=n.getInitializer();i&&i.getChildren().forEach(g=>{let d=g.getText();L(d,p,y)&&g.replaceWithText(m);});});}),o.replaceWithText(fe(f));}}),{source:t.getFullText(),packages:e}}var ye=new Command().name("radix-ui-import").action(()=>{intro("find .tsx files...");let t=Se.sync("**/*.tsx",{ignore:["**/node_modules/**"],dot:false}),e=new Project,o="";t.forEach(r=>{let s=e.addSourceFileAtPathIfExists(k.join(process.cwd(),r));if(s)try{let{packages:a}=ue(s);o+=a.join("  "),s.save();}catch(a){log.error(`failed to transform ${r} ${a}`);}}),o.length?`copy this to delete and install new package
+ <your package manager's delete command> ${o} 
+ <your package manager's install command> ${ae.bgGreen("radix-ui")}`.split(`
+`).forEach(log.step):outro("no transform occured");});var xe={version:"2.1.0"};async function ot(){new Command().name("design-system").version(xe.version).addCommand(me).addCommand(ne).addCommand(ye).addCommand(pe).parse();}ot();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jongh/cli",
-  "version": "1.6.02",
+  "version": "2.1.0",
   "description": "",
   "bin": "./dist/index.js",
   "type": "module",