@jongh/cli 4.1.0 → 5.20260905.1

package/README.md

@@ -6,17 +6,17 @@
 npx @jongh/cli init
 ```
 
-- primary / secondary / grey color를 입력받아, 컴포넌트 스타일의 기반이 될 preset을 생성합니다
-- 사용자의 경로 설정 파일을 분석하여 이후 코드가 저장될 장소를 components.json이라는 파일에 저장합니다
+- 사용자의 `tsconfig.json` 경로 설정에서 base alias를 찾습니다
+- 이후 코드가 저장될 components, hooks, utils 경로를 `components.json`에 저장합니다
 
 ### add
 
 ```bash
-npx @jongh/cli add [component-name]
+npx @jongh/cli add [name]
 ```
 
-- 원격 Registry에서 컴포넌트 코드를 가져와 components.json에 명시된 경로에 저장합니다
-- ui 코드 뿐 아니라 hook,util 등의 코드도 같이 저장될 수 있습니다
+- 원격 Registry에서 항목의 파일을 가져와 `components.json`에 명시된 경로에 저장합니다
+- 컴포넌트 코드뿐 아니라 hook, util 파일과 패키지 의존성도 함께 처리합니다
 
 ### codemod: radix-ui-import
 

package/dist/index.js

@@ -1,685 +1,8 @@
 #!/usr/bin/env node
-import {Command}from'commander';import {intro,confirm,outro,spinner,log,select}from'@clack/prompts';import de from'chalk';import T from'fs-extra';import v from'path';import {z}from'zod';import Pe 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 K=t=>{let e={};for(let r of t)e[r]=r;return e},H=K(["config_not_found","resolve_path_fail","failed_to_fetch"]);K(["components.json","tsconfig.json","panda.config.*","package.json"]);var x=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,log}from'@clack/prompts';import J from'chalk';import T from'fs-extra';import S from'path';import {z as z$1}from'zod';import {loadConfig,createMatchPath}from'tsconfig-paths';import {detect,resolveCommand}from'package-manager-detector';import {packageDirectory}from'pkg-dir';import Se from'fast-glob';import {Project,SyntaxKind}from'ts-morph';var P=t=>{let e={};for(let o of t)e[o]=o;return e},v=P(["config_not_found","resolve_path_fail","failed_to_fetch"]);P(["components.json","tsconfig.json","package.json"]);var h=class extends Error{issue;constructor(e){super(),this.name="NewError",this.issue=e;}get format(){return this.issue.code+`
 `+this.issue.message?.join(`
-`)}},u=t=>{let e;switch(t.code){case H.config_not_found:e=`error occured while config ${t.configFile}`;break;case H.resolve_path_fail:e=`failed to resolve your path, current ${t.cwd}`;break;case H.failed_to_fetch:e=`failed to fetch ${t.target} [${t.statusCode}]`;break;default:e="error occured";}return new x({...t,message:[...t.message||"",e]})};var L=z.enum(["panda","tailwind"]),q=z.object({utils:z.string(),components:z.string(),hooks:z.string()}),b={fileName:"components.json",schema:z.discriminatedUnion("style",[q.extend({style:z.literal("panda"),styledsystem:z.string()}).strict(),q.extend({style:z.literal("tailwind")}).strict()])},ze=z.object({name:z.string(),content:z.string(),type:z.enum(["ui","hooks","utils"])}),Y=z.object({name:z.string(),styles:z.record(z.string(),z.object({dependencies:z.array(z.string()).optional(),files:z.array(ze)}))}),Z=z.object({name:z.string(),content:z.string()});z.object({name:z.string(),dependencies:z.array(z.string()).optional(),file:z.string()});function X(t){try{return T.readJsonSync(v.resolve(t,b.fileName))}catch(e){return u({code:"config_not_found",configFile:b.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 ee(t){return await T.pathExists(v.join(t,"components.json"))}function te(t,e){let r=["./","./src/","./app/","./src/app"].map(o=>v.resolve(t,o));for(let[o,a]of Object.entries(e.paths)){let n=v.join(t,e.baseUrl||"",a[0].replace(/\/\*$/,""));if(r.some(s=>s===n||s.includes(n)))return o.replace(/\/\*$/,"")}return null}function re(t,e){let r=["./","./src/","./app/","./src/app"].map(o=>v.resolve(t,o));for(let o of Object.values(e.paths)){let a=v.join(t,e.baseUrl||"",o[0].replace(/\/\*$/,""));if(r.some(n=>n===a||n.includes(a)))return a}return null}function oe(t,e,r){let o=v.join(t,e);for(let[a,n]of Object.entries(r.paths)){let s=n[0].replace(/\/\*$/,"");if(o===v.join(t,r.baseUrl||"",s))return a.replace(/\/\*$/,"")}return null}async function ne(t){try{let e=await Pe.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 C(t,e){let r=createMatchPath(e.absoluteBaseUrl,e.paths)(t,void 0,()=>true);if(!r)throw u({code:"resolve_path_fail",target:t,cwd:process.cwd(),message:["resolve error"]});return r}async function ae(t){let e=t.match(/outdir:\s*["']([^"']+)["']/),r=t.match(/importMap:\s*({[^}]+}|["'][^"']+["'])/),o=e?e[1]:null,a=null;if(r){let n=r[1];if(n.startsWith("{")){let s=n.match(/css:\s*["']([^"']+)["']/);a=s?s[1].replace(/\/css$/,""):null;}else a=n.replace(/["']/g,"");}return {outdir:o,importMap:a}}function ie(t,e){let r=t,o=[{from:/@\/component\/([^/"']+)\/(?:panda|tailwind)/g,to:`${e.components}/$1`},{from:/@utils\//g,to:`${e.utils}/`},{from:/@hooks\//g,to:`${e.hooks}/`},{from:/@components\//g,to:`${e.components}/`}];return e.style==="panda"&&o.push({from:/@styled-system\//g,to:`${e.styledsystem}/`}),o.forEach(({from:a,to:n})=>{r=r.replace(a,n);}),r}function se(t){let r=new Project().addSourceFileAtPath(t),o=[{namedImports:[{name:"preset"}],moduleSpecifier:"panda-animation"},{namedImports:[{name:"defaultPreset"}],moduleSpecifier:"./preset"}];r.addImportDeclarations(o);let n=r.getFirstDescendantByKind(SyntaxKind.CallExpression)?.getArguments()[0];n?(n.getProperty("presets")||n.addPropertyAssignment({name:"presets",initializer:'[preset(), "@pandacss/preset-panda", defaultPreset]'}),r.saveSync()):console.warn("Could not modify panda.config.ts. add presets : [preset(), @pandacss/preset-panda, defaultPreset] in your panda.config");}async function O(t,e){let r=await detect({cwd:t}),o=resolveCommand(r?.agent||"npm","add",e);if(o)return o}var Me=z.object({components:z.array(z.string()).optional(),cwd:z.string()}),He=(process.env.JDS_REGISTRY_URL??"https://jds-docs.vercel.app").replace(/\/$/,""),k=de.bold.red,B=de.bold.blue,pe=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 r=Me.parse({components:t,...e});intro(B("install components..."));let o=b.schema.parse(X(r.cwd),{errorMap:()=>({message:"components.json is invalid"})}),a=F(r.cwd),n={utils:await C(o.utils,a),components:await C(o.components,a),hooks:await C(o.hooks,a)},s=r.components?.map(l=>l.toLowerCase());if(!s?.length)return;let d=await Promise.allSettled(s.map(async l=>{let c=await fetch(`${He}/${l}.json`);if(!c.ok)throw u({code:"failed_to_fetch",target:l,statusCode:c.status,message:[c.statusText]});return await c.json()}));for(let[l,c]of d.entries()){if(c.status==="rejected"){c.reason instanceof x?console.log(k(c.reason.format)):console.log(k(c.reason));continue}try{let p=Y.parse(c.value,{errorMap:()=>({message:`registry for ${s[l]} is invaliad`})}),y=p.styles[o.style];if(!y){let[g]=Object.keys(p.styles);if(!g){console.log(k(`${s[l]} has no styles`));continue}if(!await confirm({message:`${s[l]} does not support ${o.style}. Install ${g} instead?`}))continue;y=p.styles[g];}let h=v.join(n.components,s[l]);if(T.pathExistsSync(h)&&!await confirm({message:`Component ${s[l]} already exists. Do you want to overwrite it?`}))return;y.files.forEach(g=>{let z=ie(g.content,o);g.type==="ui"?T.outputFileSync(v.join(h,g.name),z):T.outputFileSync(v.join(n[g.type],g.name),z,"utf-8");});let m=y.dependencies||[],f=m.length?await O(r.cwd,m):void 0,$=m.length?f?`Run this command in the terminal : ${f.command} ${f.args.join(" ")}`:`Cannot find your package manager, install this dependencies: ${m.join(" ")}`:"No additional dependencies required";outro(B(`${s[l]} completed successfully 
- ${$}`));}catch(p){p instanceof Error&&console.log(k(p.message));}}}catch(r){outro(k(B("error occured"))),r instanceof z.ZodError&&console.log(r.message),r instanceof x&&console.log(k(r.format)),r instanceof Error&&console.log(k(r.message)),process.exit(1);}});var Ue=(process.env.JDS_REGISTRY_URL??"https://jds-docs.vercel.app").replace(/\/$/,""),me=new Command().name("guide").description("Print component authoring guidance").argument("<component>").action(async t=>{let e=t.trim().toLowerCase();try{let r=await fetch(`${Ue}/guides/${e}.json`);if(!r.ok)throw new Error(`Failed to fetch guide for ${e}: ${r.status} ${r.statusText}`);let o=Z.parse(await r.json());process.stdout.write(o.content);}catch(r){process.stderr.write(`${r instanceof Error?r.message:String(r)}
-`),process.exitCode=1;}});var ge=`@import "tailwindcss";
-
-@theme inline {
-  --color-background: var(--jds-background);
-
-  --color-foreground: var(--jds-foreground);
-  --color-foreground-muted: var(--jds-foreground-muted);
-  --color-foreground-emphasized: var(--jds-foreground-emphasized);
-  --color-foreground-primary: var(--jds-foreground-primary);
-  --color-foreground-destructive: var(--jds-foreground-destructive);
-  --color-foreground-inverted: var(--jds-foreground-inverted);
-
-  --color-layer: var(--jds-layer);
-  --color-layer-floating: var(--jds-layer-floating);
-  --color-layer-active: var(--jds-layer-active);
-  --color-layer-overlay: var(--jds-layer-overlay);
-
-  --color-primary: var(--jds-primary);
-  --color-primary-active: var(--jds-primary-active);
-  --color-primary-foreground: var(--jds-primary-foreground);
-
-  --color-secondary: var(--jds-secondary);
-  --color-secondary-active: var(--jds-secondary-active);
-  --color-secondary-foreground: var(--jds-secondary-foreground);
-
-  --color-neutral: var(--jds-neutral);
-  --color-neutral-active: var(--jds-neutral-active);
-
-  --color-destructive: var(--jds-destructive);
-  --color-destructive-active: var(--jds-destructive-active);
-  --color-destructive-foreground: var(--jds-destructive-foreground);
-
-  --color-stroke: var(--jds-stroke);
-  --color-stroke-subtle: var(--jds-stroke-subtle);
-  --color-stroke-interactive: var(--jds-stroke-interactive);
-  --color-stroke-ring: var(--jds-stroke-ring);
-  --color-stroke-destructive: var(--jds-stroke-destructive);
-
-  --radius-radius: var(--jds-radius);
-  --radius-md: var(--jds-radius);
-
-  --animate-accordion-down: accordion-down-radix 150ms ease-out;
-  --animate-accordion-up: accordion-up-radix 150ms ease-out;
-  --animate-content-show: content-show 200ms ease-out;
-  --animate-fade-in: fade-in 200ms ease-out;
-  --animate-fade-out: fade-out 200ms ease-out;
-  --animate-slide-in-down: slide-in-down 200ms ease-out;
-
-  --text-display1: 4.5rem;
-  --text-display1--line-height: var(--leading-loose);
-  --text-display1--letter-spacing: var(--tracking-tight);
-  --text-display1--font-weight: var(--font-weight-bold);
-
-  --text-display2: 3.75rem;
-  --text-display2--line-height: var(--leading-relaxed);
-  --text-display2--letter-spacing: var(--tracking-tight);
-  --text-display2--font-weight: var(--font-weight-bold);
-
-  --text-title1: 2.25rem;
-  --text-title1--line-height: var(--leading-normal);
-  --text-title1--letter-spacing: var(--tracking-tight);
-  --text-title1--font-weight: var(--font-weight-semibold);
-
-  --text-title2: 1.5rem;
-  --text-title2--line-height: var(--leading-snug);
-  --text-title2--letter-spacing: var(--tracking-tight);
-  --text-title2--font-weight: var(--font-weight-semibold);
-
-  --text-title3: 1.25rem;
-  --text-title3--line-height: var(--leading-snug);
-  --text-title3--letter-spacing: var(--tracking-tight);
-  --text-title3--font-weight: var(--font-weight-bold);
-
-  --text-heading1: 1.125rem;
-  --text-heading1--line-height: var(--leading-normal);
-  --text-heading1--letter-spacing: var(--tracking-normal);
-  --text-heading1--font-weight: var(--font-weight-semibold);
-
-  --text-heading2: 1rem;
-  --text-heading2--line-height: var(--leading-normal);
-  --text-heading2--letter-spacing: var(--tracking-normal);
-  --text-heading2--font-weight: var(--font-weight-semibold);
-
-  --text-body1: 1rem;
-  --text-body1--line-height: var(--leading-relaxed);
-  --text-body1--letter-spacing: var(--tracking-normal);
-  --text-body1--font-weight: var(--font-weight-normal);
-
-  --text-body2: 0.875rem;
-  --text-body2--line-height: var(--leading-normal);
-  --text-body2--letter-spacing: var(--tracking-normal);
-  --text-body2--font-weight: var(--font-weight-normal);
-
-  --text-label1: 0.875rem;
-  --text-label1--line-height: var(--leading-snug);
-  --text-label1--letter-spacing: var(--tracking-wide);
-  --text-label1--font-weight: var(--font-weight-semibold);
-
-  --text-label2: 0.75rem;
-  --text-label2--line-height: var(--leading-snug);
-  --text-label2--letter-spacing: var(--tracking-wide);
-  --text-label2--font-weight: var(--font-weight-semibold);
-
-  --text-caption1: 0.75rem;
-  --text-caption1--line-height: var(--leading-tight);
-  --text-caption1--letter-spacing: var(--tracking-wide);
-  --text-caption1--font-weight: var(--font-weight-semibold);
-
-  --text-caption2: 0.625rem;
-  --text-caption2--line-height: var(--leading-tight);
-  --text-caption2--letter-spacing: var(--tracking-wide);
-  --text-caption2--font-weight: var(--font-weight-semibold);
-}
-
-@utility typo-display1 {
-  font-size: var(--text-display1);
-  font-weight: var(--text-display1--font-weight);
-  letter-spacing: var(--text-display1--letter-spacing);
-  line-height: var(--text-display1--line-height);
-}
-
-@utility typo-display2 {
-  font-size: var(--text-display2);
-  font-weight: var(--text-display2--font-weight);
-  letter-spacing: var(--text-display2--letter-spacing);
-  line-height: var(--text-display2--line-height);
-}
-
-@utility typo-title1 {
-  font-size: var(--text-title1);
-  font-weight: var(--text-title1--font-weight);
-  letter-spacing: var(--text-title1--letter-spacing);
-  line-height: var(--text-title1--line-height);
-}
-
-@utility typo-title2 {
-  font-size: var(--text-title2);
-  font-weight: var(--text-title2--font-weight);
-  letter-spacing: var(--text-title2--letter-spacing);
-  line-height: var(--text-title2--line-height);
-}
-
-@utility typo-title3 {
-  font-size: var(--text-title3);
-  font-weight: var(--text-title3--font-weight);
-  letter-spacing: var(--text-title3--letter-spacing);
-  line-height: var(--text-title3--line-height);
-}
-
-@utility typo-heading1 {
-  font-size: var(--text-heading1);
-  font-weight: var(--text-heading1--font-weight);
-  letter-spacing: var(--text-heading1--letter-spacing);
-  line-height: var(--text-heading1--line-height);
-}
-
-@utility typo-heading2 {
-  font-size: var(--text-heading2);
-  font-weight: var(--text-heading2--font-weight);
-  letter-spacing: var(--text-heading2--letter-spacing);
-  line-height: var(--text-heading2--line-height);
-}
-
-@utility typo-body1 {
-  font-size: var(--text-body1);
-  font-weight: var(--text-body1--font-weight);
-  letter-spacing: var(--text-body1--letter-spacing);
-  line-height: var(--text-body1--line-height);
-}
-
-@utility typo-body2 {
-  font-size: var(--text-body2);
-  font-weight: var(--text-body2--font-weight);
-  letter-spacing: var(--text-body2--letter-spacing);
-  line-height: var(--text-body2--line-height);
-}
-
-@utility typo-label1 {
-  font-size: var(--text-label1);
-  font-weight: var(--text-label1--font-weight);
-  letter-spacing: var(--text-label1--letter-spacing);
-  line-height: var(--text-label1--line-height);
-}
-
-@utility typo-label2 {
-  font-size: var(--text-label2);
-  font-weight: var(--text-label2--font-weight);
-  letter-spacing: var(--text-label2--letter-spacing);
-  line-height: var(--text-label2--line-height);
-}
-
-@utility typo-caption1 {
-  font-size: var(--text-caption1);
-  font-weight: var(--text-caption1--font-weight);
-  letter-spacing: var(--text-caption1--letter-spacing);
-  line-height: var(--text-caption1--line-height);
-}
-
-@utility typo-caption2 {
-  font-size: var(--text-caption2);
-  font-weight: var(--text-caption2--font-weight);
-  letter-spacing: var(--text-caption2--letter-spacing);
-  line-height: var(--text-caption2--line-height);
-}
-
-@keyframes accordion-down-radix {
-  from {
-    height: 0;
-  }
-
-  to {
-    height: var(--radix-accordion-content-height);
-  }
-}
-
-@keyframes accordion-up-radix {
-  from {
-    height: var(--radix-accordion-content-height);
-  }
-
-  to {
-    height: 0;
-  }
-}
-
-@keyframes content-show {
-  from {
-    opacity: 0;
-    transform: translate(-50%, -48%) scale(0.96);
-  }
-
-  to {
-    opacity: 1;
-    transform: translate(-50%, -50%) scale(1);
-  }
-}
-
-@keyframes fade-in {
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-}
-
-@keyframes fade-out {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-  }
-}
-
-@keyframes slide-in-down {
-  from {
-    transform: translate3d(0, -100%, 0);
-    visibility: visible;
-  }
-
-  to {
-    transform: translateZ(0);
-  }
-}
-
-:root {
-  --jds-radius: 0.5rem;
-
-  --jds-background: var(--color-white);
-
-  --jds-foreground: var(--color-{{gray}}-700);
-  --jds-foreground-muted: var(--color-{{gray}}-500);
-  --jds-foreground-emphasized: var(--color-{{gray}}-900);
-  --jds-foreground-primary: var(--color-{{primary}}-600);
-  --jds-foreground-destructive: var(--color-red-600);
-  --jds-foreground-inverted: var(--color-white);
-
-  --jds-layer: var(--color-white);
-  --jds-layer-floating: var(--color-{{gray}}-50);
-  --jds-layer-active: var(--color-{{gray}}-100);
-  --jds-layer-overlay: color-mix(in oklab, var(--color-black) 50%, transparent);
-
-  --jds-primary: var(--color-{{primary}}-600);
-  --jds-primary-active: var(--color-{{primary}}-700);
-  --jds-primary-foreground: var(--color-white);
-
-  --jds-secondary: var(--color-{{secondary}}-700);
-  --jds-secondary-active: var(--color-{{secondary}}-800);
-  --jds-secondary-foreground: var(--color-white);
-
-  --jds-neutral: var(--color-{{gray}}-100);
-  --jds-neutral-active: var(--color-{{gray}}-200);
-
-  --jds-destructive: var(--color-red-600);
-  --jds-destructive-active: var(--color-red-700);
-  --jds-destructive-foreground: var(--color-white);
-
-  --jds-stroke: var(--color-{{gray}}-300);
-  --jds-stroke-subtle: var(--color-{{gray}}-200);
-  --jds-stroke-interactive: var(--color-{{primary}}-400);
-  --jds-stroke-ring: var(--color-{{primary}}-500);
-  --jds-stroke-destructive: var(--color-red-500);
-}
-
-.dark {
-  --jds-background: var(--color-{{gray}}-950);
-
-  --jds-foreground: var(--color-{{gray}}-300);
-  --jds-foreground-muted: var(--color-{{gray}}-400);
-  --jds-foreground-emphasized: var(--color-{{gray}}-100);
-  --jds-foreground-primary: var(--color-{{primary}}-400);
-  --jds-foreground-destructive: var(--color-red-400);
-  --jds-foreground-inverted: var(--color-{{gray}}-950);
-
-  --jds-layer: var(--color-{{gray}}-950);
-  --jds-layer-floating: var(--color-{{gray}}-900);
-  --jds-layer-active: var(--color-{{gray}}-800);
-  --jds-layer-overlay: color-mix(in oklab, var(--color-black) 50%, transparent);
-
-  --jds-primary: var(--color-{{primary}}-700);
-  --jds-primary-active: var(--color-{{primary}}-300);
-  --jds-primary-foreground: var(--color-{{gray}}-50);
-
-  --jds-secondary: var(--color-{{secondary}}-500);
-  --jds-secondary-active: var(--color-{{secondary}}-400);
-  --jds-secondary-foreground: var(--color-{{gray}}-50);
-
-  --jds-neutral: var(--color-{{gray}}-800);
-  --jds-neutral-active: var(--color-{{gray}}-700);
-
-  --jds-destructive: var(--color-red-400);
-  --jds-destructive-active: var(--color-red-300);
-  --jds-destructive-foreground: var(--color-{{gray}}-50);
-
-  --jds-stroke: var(--color-{{gray}}-50);
-  --jds-stroke-subtle: var(--color-{{gray}}-800);
-  --jds-stroke-interactive: var(--color-{{primary}}-500);
-  --jds-stroke-ring: var(--color-{{primary}}-400);
-  --jds-stroke-destructive: var(--color-red-400);
-}
-
-@layer base {
-  body {
-    background: var(--jds-background);
-    color: var(--jds-foreground);
-  }
-}
-`;var ue=`
-import {
-  definePreset,
-  defineSemanticTokens,
-  defineTextStyles,
-  defineTokens,
-} from "@pandacss/dev"
-
-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}}.700}" }
-    },
-    foreground: {
-      value: { "base": "{colors.white}", "_dark": "{colors.{{gray}}.950}" }
-    },
-    active: {
-      value: { "base": "{colors.{{primary}}.700}", "_dark": "{colors.{{primary}}.300}" }
-    }
-  },
-  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}" }
-    }
-  },
-  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}" }
-    }
-  },
-  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}" }
-    }
-  },
-  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}" }
-    }
-  }
-})
-
-const borders = defineSemanticTokens.borders({
-  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: {
-    body: {
-      background: "background",
-      color: "foreground",
-    },
-  },
-  theme: {
-    extend: {
-      textStyles,
-      tokens: {
-        radii,
-      },
-      semanticTokens: {
-        colors: semanticColors,
-        borders,
-      },
-    },
-  },
-  utilities,
-})
-
-`;var j=["rose","pink","fuchsia","purple","violet","indigo","blue","sky","cyan","teal","emerald","green","lime","yellow","amber","orange","red","neutral","stone","zinc","gray","slate"],I=["neutral","stone","zinc","gray","slate"],E=z.object({primary:z.enum(j),secondary:z.enum(j),gray:z.enum(I)}),ye=t=>fe.compile(ue)(t),he=t=>fe.compile(ge)(t);var D=z.object({cwd:z.string().default(()=>process.cwd()),yes:z.boolean().default(false),style:L.default("panda"),primary:E.shape.primary.default("neutral"),secondary:E.shape.secondary.default("slate"),gray:E.shape.gray.default("gray")}),W=async t=>t.yes?D.parse(t):D.parse({...t,style:t.style??await select({message:"Pick component style",initialValue:"panda",options:L.options.map(e=>({value:e,label:e}))}),primary:t.primary??await select({message:"Pick primary color",initialValue:"neutral",options:j.map(e=>({value:e,label:e}))}),secondary:t.secondary??await select({message:"Pick secondary color",initialValue:"slate",options:j.map(e=>({value:e,label:e}))}),gray:t.gray??await select({message:"Pick gray color",initialValue:"gray",options:I.map(e=>({value:e,label:e}))})});var G=de.bold.red,ve=de.bold.blue,qe=["tailwindcss","clsx","tailwind-merge","tailwind-variants"],be=new Command().name("init").description("Initialize the project").option("-c, --cwd <cwd>","current working directory, default to process.cwd()",process.cwd()).option("-y, --yes","skip prompts and use default options",false).option("--style <style>","component style").option("--primary <color>","primary color").option("--secondary <color>","secondary color").option("--gray <color>","gray color").action(async t=>{let e=spinner();e.start("Initializing");try{let r=await W({cwd:v.resolve(t.cwd),yes:t.yes,style:t.style,primary:t.primary,secondary:t.secondary,gray:t.gray}),o=await V(r);if(e.stop("successfully Initialized!"),o?.style==="tailwind"){let a=await O(r.cwd,qe);a&&outro(ve(`Run this command in the terminal : ${a.command} ${a.args.join(" ")}`));}}catch(r){e.stop(G(ve("error occured"))),r instanceof z.ZodError&&console.log(r.message),r instanceof x&&console.log(G(r.format)),r instanceof Error&&console.log(G(r.message)),process.exit(1);}});async function V(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 r=F(e),o=te(e,r);if(o===null)throw u({code:"resolve_path_fail",target:"tsconfig.json",cwd:e,message:[`cannot find paths alias in your ${v.join(e,"tsconfig.json")}`]});if(await ee(e)&&(await confirm({message:"you already initialize,are you want to overwrite it?"})||process.exit(0)),t.style==="panda"){let n=await ne(e),s=await T.readFile(v.join(e,n),"utf-8"),d="styled-system",{outdir:l,importMap:c}=await ae(s);c?d=c:d=oe(e,l||"styled-system",r)||".",l&&(d=l);let p=b.schema.parse({style:t.style,utils:`${o}/utils`,components:`${o}/components`,hooks:`${o}/hooks`,styledsystem:d},{errorMap:()=>({message:"components.json is invalid"})});await T.writeFile(v.resolve(e,"components.json"),JSON.stringify(p),"utf-8");let y=ye({primary:t.primary,secondary:t.secondary,gray:t.gray});return await T.writeFile(v.join(e,"preset.ts"),y),se(v.resolve(e,n)),p}if(t.style==="tailwind"){let n=re(e,r);if(n===null)throw u({code:"resolve_path_fail",target:"tsconfig.json",cwd:e,message:[`cannot find base path in your ${v.join(e,"tsconfig.json")}`]});let s=b.schema.parse({style:t.style,utils:`${o}/utils`,components:`${o}/components`,hooks:`${o}/hooks`},{errorMap:()=>({message:"components.json is invalid"})});await T.writeFile(v.resolve(e,"components.json"),JSON.stringify(s),"utf-8");let d=he({primary:t.primary,secondary:t.secondary,gray:t.gray});return await T.outputFile(v.join(n,"styles.css"),d),await T.outputFile(v.join(await C(s.utils,r),"cn.ts"),`import { type ClassValue, clsx } from "clsx"
-import { twMerge } from "tailwind-merge"
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs))
-}
-`),s}}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(D)},{name:"previewColors",description:"Generate a preview of selected color combinations.",inputSchema:zodToJsonSchema(E)}]}));_.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 e=await W({...t.params.arguments,yes:!0});return await V(e),{content:[{type:"text",text:`Design system initialized for directory: ${e.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.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.**
-
-**Available color palettes:**
-- primary,secondary colors: ${j.join(", ")}
-- Gray shades (for gray selection): ${I.join(", ")}
-
-**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.**
-
-
-**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 ke=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 je={"@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 M(t,e,r){return r?t===r:t===e}function Se(t){return `import {${t}} from "radix-ui"`}function Ce(t){let e=[];return t.getImportDeclarations().forEach(r=>{let o=r.getModuleSpecifierValue();if(!(o in je))return;let a=je[o];e.push(o);let n=r.getNamespaceImport();if(n){let d=n.getText();a!==d&&(a+=` as ${d}`),r.replaceWithText(Se(a));return}let s=r.getNamedImports();if(s.length){let d=a;s.forEach(l=>{let c=l.getName(),p=l.getAliasNode()?.getText(),y=`${d}.${c}`;for(let h of [SyntaxKind.JsxOpeningElement,SyntaxKind.JsxClosingElement,SyntaxKind.JsxSelfClosingElement])t.getDescendantsOfKind(h).forEach(m=>{let f=m.getTagNameNode().getText();M(f,c,p)&&m.getTagNameNode().replaceWithText(y);});t.getDescendantsOfKind(SyntaxKind.TypeQuery).forEach(h=>{h.getChildren().forEach(m=>{let f=m.getText();M(f,c,p)&&m.replaceWithText(y);});}),t.getDescendantsOfKind(SyntaxKind.ExpressionStatement).forEach(h=>{h.getChildrenOfKind(SyntaxKind.BinaryExpression).forEach(f=>{f.getRight().getChildren().forEach(g=>{let z=g.getText();M(z,c,p)&&g.replaceWithText(y);});});}),t.getDescendantsOfKind(SyntaxKind.VariableDeclaration).forEach(h=>{let m=h.getInitializer();m&&m.getChildren().forEach(f=>{let $=f.getText();M($,c,p)&&f.replaceWithText(y);});});}),r.replaceWithText(Se(d));}}),{source:t.getFullText(),packages:e}}var Te=new Command().name("radix-ui-import").action(()=>{intro("find .tsx files...");let t=Pe.sync("**/*.tsx",{ignore:["**/node_modules/**"],dot:false}),e=new Project,r="";t.forEach(o=>{let a=e.addSourceFileAtPathIfExists(v.join(process.cwd(),o));if(a)try{let{packages:n}=Ce(a);r+=n.join("  "),a.save();}catch(n){log.error(`failed to transform ${o} ${n}`);}}),r.length?`copy this to delete and install new package
- <your package manager's delete command> ${r} 
- <your package manager's install command> ${de.bgGreen("radix-ui")}`.split(`
-`).forEach(log.step):outro("no transform occured");});var _e={version:"4.1.0"};async function gt(){new Command().name("design-system").version(_e.version).addCommand(be).addCommand(pe).addCommand(me).addCommand(Te).addCommand(ke).parse();}gt();
+`)}},g=t=>{let e;switch(t.code){case v.config_not_found:e=`error occured while config ${t.configFile}`;break;case v.resolve_path_fail:e=`failed to resolve your path, current ${t.cwd}`;break;case v.failed_to_fetch:e=`failed to fetch ${t.target} [${t.statusCode}]`;break;default:e="error occured";}return new h({...t,message:[...t.message||"",e]})};var oe=z$1.object({utils:z$1.string(),components:z$1.string(),hooks:z$1.string()}),E={fileName:"components.json",schema:oe.strict()},te=z$1.object({name:z$1.string(),content:z$1.string(),type:z$1.enum(["ui","hooks","utils"])}),z=z$1.object({name:z$1.string(),dependencies:z$1.array(z$1.string()).optional(),files:z$1.array(te)});function R(t){try{return T.readJsonSync(S.resolve(t,E.fileName))}catch(e){return g({code:"config_not_found",configFile:E.fileName,message:[e instanceof Error?e.message:""]})}}function j(t){let e=loadConfig(t);if(e.resultType==="failed")throw g({code:"config_not_found",configFile:"tsconfig.json",message:["cannot found tsconfig.json"]});return e}async function D(t){return await T.pathExists(S.join(t,"components.json"))}function A(t,e){let o=["./","./src/","./app/","./src/app"].map(r=>S.resolve(t,r));for(let[r,n]of Object.entries(e.paths)){let s=S.join(t,e.baseUrl||"",n[0].replace(/\/\*$/,""));if(o.some(i=>i===s||i.includes(s)))return r.replace(/\/\*$/,"")}return null}async function _(t,e){let o=createMatchPath(e.absoluteBaseUrl,e.paths)(t,void 0,()=>true);if(!o)throw g({code:"resolve_path_fail",target:t,cwd:process.cwd(),message:["resolve error"]});return o}function U(t,e){let o=t;return [{from:/@\/component\/([^/"']+)/g,to:`${e.components}/$1`},{from:/@utils\//g,to:`${e.utils}/`},{from:/@hooks\//g,to:`${e.hooks}/`},{from:/@components\//g,to:`${e.components}/`}].forEach(({from:n,to:s})=>{o=o.replace(n,s);}),o}async function B(t,e){let o=await detect({cwd:t}),r=resolveCommand(o?.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()}),de=(process.env.JDS_REGISTRY_URL??"https://raw.githubusercontent.com/jongh-design-system/jds/dev/registry").replace(/\/$/,""),b=J.bold.red,N=J.bold.blue,K=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=pe.parse({components:t,...e});intro(N("install components..."));let r=E.schema.parse(R(o.cwd),{errorMap:()=>({message:"components.json is invalid"})}),n=j(o.cwd),s={utils:await _(r.utils,n),components:await _(r.components,n),hooks:await _(r.hooks,n)},i=o.components?.map(p=>p.toLowerCase());if(!i?.length)return;let x=await Promise.allSettled(i.map(async p=>{let a=await fetch(`${de}/${p}.json`);if(!a.ok)throw g({code:"failed_to_fetch",target:p,statusCode:a.status,message:[a.statusText]});return await a.json()}));for(let[p,a]of x.entries()){if(a.status==="rejected"){a.reason instanceof h?console.log(b(a.reason.format)):console.log(b(a.reason));continue}try{let l=z.parse(a.value,{errorMap:()=>({message:`registry for ${i[p]} is invaliad`})}),y=S.join(s.components,i[p]);if(T.pathExistsSync(y)&&!await confirm({message:`Component ${i[p]} already exists. Do you want to overwrite it?`}))return;l.files.forEach(u=>{let C=U(u.content,r);u.type==="ui"?T.outputFileSync(S.join(y,u.name),C):T.outputFileSync(S.join(s[u.type],u.name),C,"utf-8");});let d=l.dependencies||[],c=d.length?await B(o.cwd,d):void 0,f=d.length?c?`Run this command in the terminal : ${c.command} ${c.args.join(" ")}`:`Cannot find your package manager, install this dependencies: ${d.join(" ")}`:"No additional dependencies required";outro(N(`${i[p]} completed successfully 
+ ${f}`));}catch(l){l instanceof Error&&console.log(b(l.message));}}}catch(o){outro(b(N("error occured"))),o instanceof z$1.ZodError&&console.log(o.message),o instanceof h&&console.log(b(o.format)),o instanceof Error&&console.log(b(o.message)),process.exit(1);}});var G=z$1.object({cwd:z$1.string().default(()=>process.cwd())});var F=J.bold.red,V=new Command().name("init").description("Initialize the project").option("-c, --cwd <cwd>","current working directory, default to process.cwd()",process.cwd()).action(async t=>{let e=spinner();e.start("Initializing");try{let o=G.parse({cwd:S.resolve(t.cwd)});await we(o),e.stop("successfully Initialized!");}catch(o){e.stop(F("error occured")),o instanceof z$1.ZodError&&console.log(o.message),o instanceof h&&console.log(F(o.format)),o instanceof Error&&console.log(F(o.message)),process.exit(1);}});async function we(t){let e=await packageDirectory({cwd:t.cwd});if(!e)throw g({code:"config_not_found",configFile:"package.json",message:[`cannot find package.json in ${e}`]});let o=j(e),r=A(e,o);if(r===null)throw g({code:"resolve_path_fail",target:"tsconfig.json",cwd:e,message:[`cannot find paths alias in your ${S.join(e,"tsconfig.json")}`]});await D(e)&&(await confirm({message:"you already initialize,are you want to overwrite it?"})||process.exit(0));let s={utils:`${r}/utils`,components:`${r}/components`,hooks:`${r}/hooks`};return await T.writeFile(S.resolve(e,"components.json"),JSON.stringify(s),"utf-8"),s}var Y={"@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 I(t,e,o){return o?t===o:t===e}function H(t){return `import {${t}} from "radix-ui"`}function Z(t){let e=[];return t.getImportDeclarations().forEach(o=>{let r=o.getModuleSpecifierValue();if(!(r in Y))return;let n=Y[r];e.push(r);let s=o.getNamespaceImport();if(s){let x=s.getText();n!==x&&(n+=` as ${x}`),o.replaceWithText(H(n));return}let i=o.getNamedImports();if(i.length){let x=n;i.forEach(p=>{let a=p.getName(),l=p.getAliasNode()?.getText(),y=`${x}.${a}`;for(let d of [SyntaxKind.JsxOpeningElement,SyntaxKind.JsxClosingElement,SyntaxKind.JsxSelfClosingElement])t.getDescendantsOfKind(d).forEach(c=>{let f=c.getTagNameNode().getText();I(f,a,l)&&c.getTagNameNode().replaceWithText(y);});t.getDescendantsOfKind(SyntaxKind.TypeQuery).forEach(d=>{d.getChildren().forEach(c=>{let f=c.getText();I(f,a,l)&&c.replaceWithText(y);});}),t.getDescendantsOfKind(SyntaxKind.ExpressionStatement).forEach(d=>{d.getChildrenOfKind(SyntaxKind.BinaryExpression).forEach(f=>{f.getRight().getChildren().forEach(C=>{let ee=C.getText();I(ee,a,l)&&C.replaceWithText(y);});});}),t.getDescendantsOfKind(SyntaxKind.VariableDeclaration).forEach(d=>{let c=d.getInitializer();c&&c.getChildren().forEach(f=>{let u=f.getText();I(u,a,l)&&f.replaceWithText(y);});});}),o.replaceWithText(H(x));}}),{source:t.getFullText(),packages:e}}var Q=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 n=e.addSourceFileAtPathIfExists(S.join(process.cwd(),r));if(n)try{let{packages:s}=Z(n);o+=s.join("  "),n.save();}catch(s){log.error(`failed to transform ${r} ${s}`);}}),o.length?`copy this to delete and install new package
+ <your package manager's delete command> ${o} 
+ <your package manager's install command> ${J.bgGreen("radix-ui")}`.split(`
+`).forEach(log.step):outro("no transform occured");});var X={version:"5.20260905.1"};async function Te(){new Command().name("design-system").version(X.version).addCommand(V).addCommand(K).addCommand(Q).parse();}Te();

package/package.json

@@ -1,8 +1,7 @@
 {
   "name": "@jongh/cli",
-  "version": "4.1.0",
+  "version": "5.20260905.1",
   "description": "",
-  "bin": "./dist/index.js",
   "type": "module",
   "keywords": [],
   "author": "",
@@ -28,7 +27,6 @@
     "@babel/traverse": "^7.26.4",
     "@clack/prompts": "^0.7.0",
     "@effect/platform": "^0.69.13",
-    "@effect/schema": "^0.75.5",
     "@modelcontextprotocol/sdk": "^1.11.0",
     "@types/babel__traverse": "^7.20.6",
     "chalk": "^5.4.1",
@@ -37,7 +35,6 @@
     "execa": "^9.5.2",
     "fast-glob": "^3.3.2",
     "fs-extra": "^11.2.0",
-    "handlebars": "^4.7.8",
     "package-manager-detector": "^0.2.8",
     "pkg-dir": "^8.0.0",
     "ts-morph": "^25.0.0",
@@ -47,6 +44,8 @@
     "zod-to-json-schema": "^3.24.5"
   },
   "devDependencies": {
+    "@jongh/eslint": "0.0.0",
+    "@jongh/tsconfig": "0.0.0",
     "@types/babel__generator": "^7.6.8",
     "@types/fs-extra": "^11.0.4",
     "@types/node": "^22.8.6",
@@ -54,16 +53,18 @@
     "ts-node": "^10.9.2",
     "tsup": "^8.3.0",
     "tsx": "^4.19.2",
-    "@jongh/eslint": "0.0.0",
-    "@jongh/tsconfig": "0.0.0"
+    "vitest": "4.1.11"
   },
   "scripts": {
-    "build": "tsup && npx tsx ./src/build-script.ts --all",
+    "build": "tsup",
     "build:cli": "tsup",
-    "build:registry": "npx tsx ./src/build-script.ts --all",
+    "build:registry": "tsx src/build-script.ts --all",
     "release": "pnpm publish -no-git-checks",
     "lint": "eslint --max-warnings 0 --no-warn-ignored --fix",
     "check-type": "tsgo --noEmit",
     "test": "vitest run"
+  },
+  "bin": {
+    "cli": "./dist/index.js"
   }
 }