@jongh/cli 2.1.0 → 4.0.0

package/dist/index.js

@@ -1,8 +1,358 @@
 #!/usr/bin/env node
-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+`
+import {Command}from'commander';import {intro,confirm,outro,spinner,log,select}from'@clack/prompts';import le from'chalk';import T from'fs-extra';import v from'path';import {z as z$1}from'zod';import ze 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 ge 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+`
 `+this.issue.message?.join(`
-`)}},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=`
+`)}},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$1.enum(["panda","tailwind"]),q=z$1.object({utils:z$1.string(),components:z$1.string(),hooks:z$1.string()}),b={fileName:"components.json",schema:z$1.discriminatedUnion("style",[q.extend({style:z$1.literal("panda"),styledsystem:z$1.string()}).strict(),q.extend({style:z$1.literal("tailwind")}).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(),styles:z$1.record(z$1.string(),z$1.object({dependencies:z$1.array(z$1.string()).optional(),files:z$1.array(Te)}))});z$1.object({name:z$1.string(),dependencies:z$1.array(z$1.string()).optional(),file:z$1.string()});function Q(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 X(t){return await T.pathExists(v.join(t,"components.json"))}function ee(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(i=>i===n||i.includes(n)))return o.replace(/\/\*$/,"")}return null}function te(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 re(t,e,r){let o=v.join(t,e);for(let[a,n]of Object.entries(r.paths)){let i=n[0].replace(/\/\*$/,"");if(o===v.join(t,r.baseUrl||"",i))return a.replace(/\/\*$/,"")}return null}async function oe(t){try{let e=await ze.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 ne(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 i=n.match(/css:\s*["']([^"']+)["']/);a=i?i[1].replace(/\/css$/,""):null;}else a=n.replace(/["']/g,"");}return {outdir:o,importMap:a}}function ae(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 ie(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 We=z$1.object({components:z$1.array(z$1.string()).optional(),cwd:z$1.string()}),De=(process.env.JDS_REGISTRY_URL??"https://jds-docs.vercel.app").replace(/\/$/,""),k=le.bold.red,B=le.bold.blue,de=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=We.parse({components:t,...e});intro(B("install components..."));let o=b.schema.parse(Q(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)},i=r.components?.map(l=>l.toLowerCase());if(!i?.length)return;let d=await Promise.allSettled(i.map(async l=>{let c=await fetch(`${De}/${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=Z.parse(c.value,{errorMap:()=>({message:`registry for ${i[l]} is invaliad`})}),y=p.styles[o.style];if(!y){let[g]=Object.keys(p.styles);if(!g){console.log(k(`${i[l]} has no styles`));continue}if(!await confirm({message:`${i[l]} does not support ${o.style}. Install ${g} instead?`}))continue;y=p.styles[g];}let h=v.join(n.components,i[l]);if(T.pathExistsSync(h)&&!await confirm({message:`Component ${i[l]} already exists. Do you want to overwrite it?`}))return;y.files.forEach(g=>{let _=ae(g.content,o);g.type==="ui"?T.outputFileSync(v.join(h,g.name),_):T.outputFileSync(v.join(n[g.type],g.name),_,"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(`${i[l]} completed successfully 
+ ${$}`));}catch(p){p instanceof Error&&console.log(k(p.message));}}}catch(r){outro(k(B("error occured"))),r instanceof z$1.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 pe=`@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 me=`
 import {
   definePreset,
   defineSemanticTokens,
@@ -296,13 +646,19 @@ export const defaultPreset = definePreset({
   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.
+`;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$1.object({primary:z$1.enum(j),secondary:z$1.enum(j),gray:z$1.enum(I)}),ue=t=>ge.compile(me)(t),fe=t=>ge.compile(pe)(t);var W=z$1.object({cwd:z$1.string().default(()=>process.cwd()),yes:z$1.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")}),D=async t=>t.yes?W.parse(t):W.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 V=le.bold.red,ye=le.bold.blue,Je=["tailwindcss","clsx","tailwind-merge","tailwind-variants"],ve=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 D({cwd:v.resolve(t.cwd),yes:t.yes,style:t.style,primary:t.primary,secondary:t.secondary,gray:t.gray}),o=await G(r);if(e.stop("successfully Initialized!"),o?.style==="tailwind"){let a=await O(r.cwd,Je);a&&outro(ye(`Run this command in the terminal : ${a.command} ${a.args.join(" ")}`));}}catch(r){e.stop(V(ye("error occured"))),r instanceof z$1.ZodError&&console.log(r.message),r instanceof x&&console.log(V(r.format)),r instanceof Error&&console.log(V(r.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 r=F(e),o=ee(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 X(e)&&(await confirm({message:"you already initialize,are you want to overwrite it?"})||process.exit(0)),t.style==="panda"){let n=await oe(e),i=await T.readFile(v.join(e,n),"utf-8"),d="styled-system",{outdir:l,importMap:c}=await ne(i);c?d=c:d=re(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=ue({primary:t.primary,secondary:t.secondary,gray:t.gray});return await T.writeFile(v.join(e,"preset.ts"),y),ie(v.resolve(e,n)),p}if(t.style==="tailwind"){let n=te(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 i=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(i),"utf-8");let d=fe({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(i.utils,r),"cn.ts"),`import { type ClassValue, clsx } from "clsx"
+import { twMerge } from "tailwind-merge"
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}
+`),i}}var z=new Server({name:"DesignSystemCLI",version:"1.0.0"},{capabilities:{resources:{},tools:{},prompts:{}}});z.setRequestHandler(ListToolsRequestSchema,async()=>({tools:[{name:"init",description:"Initialize the design system and generate theme files.",inputSchema:zodToJsonSchema(W)},{name:"previewColors",description:"Generate a preview of selected color combinations.",inputSchema:zodToJsonSchema(E)}]}));z.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 D({...t.params.arguments,yes:!0});return await G(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$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}}});z.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."}]}]}));z.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: ${S.join(", ")}
-- Gray shades (for gray selection): ${j.join(", ")}
+- 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.**
@@ -322,7 +678,7 @@ export const defaultPreset = definePreset({
 **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();
+- 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 be=new Command().name("mcp").description("Manage your design system").action(async()=>{try{let t=new StdioServerTransport;await z.connect(t);}catch(t){console.error(t);}});var we={"@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 ke(t){return `import {${t}} from "radix-ui"`}function je(t){let e=[];return t.getImportDeclarations().forEach(r=>{let o=r.getModuleSpecifierValue();if(!(o in we))return;let a=we[o];e.push(o);let n=r.getNamespaceImport();if(n){let d=n.getText();a!==d&&(a+=` as ${d}`),r.replaceWithText(ke(a));return}let i=r.getNamedImports();if(i.length){let d=a;i.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 _=g.getText();M(_,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(ke(d));}}),{source:t.getFullText(),packages:e}}var Ce=new Command().name("radix-ui-import").action(()=>{intro("find .tsx files...");let t=ze.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}=je(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> ${le.bgGreen("radix-ui")}`.split(`
+`).forEach(log.step):outro("no transform occured");});var Ee={version:"4.0.0"};async function lt(){new Command().name("design-system").version(Ee.version).addCommand(ve).addCommand(de).addCommand(Ce).addCommand(be).parse();}lt();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jongh/cli",
-  "version": "2.1.0",
+  "version": "4.0.0",
   "description": "",
   "bin": "./dist/index.js",
   "type": "module",
@@ -14,6 +14,11 @@
     "dist",
     "package.json"
   ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/jongh-design-system/jds.git",
+    "directory": "packages/cli"
+  },
   "engines": {
     "node": ">=18.0.0"
   },
@@ -58,7 +63,7 @@
     "build:registry": "npx tsx ./src/build-script.ts --all",
     "release": "pnpm publish -no-git-checks",
     "lint": "eslint --max-warnings 0 --no-warn-ignored --fix",
-    "check-type": "tsc --noEmit",
+    "check-type": "tsgo --noEmit",
     "test": "vitest run"
   }
 }