@jongh/cli 1.1.0 → 1.2.0

package/dist/index.cjs

@@ -0,0 +1,7 @@
+#!/usr/bin/env node
+"use strict";var Te=Object.create;var J=Object.defineProperty;var Fe=Object.getOwnPropertyDescriptor;var $e=Object.getOwnPropertyNames;var Ae=Object.getPrototypeOf,Ne=Object.prototype.hasOwnProperty;var De=(t,e,o,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of $e(e))!Ne.call(t,r)&&r!==o&&J(t,r,{get:()=>e[r],enumerable:!(a=Fe(e,r))||a.enumerable});return t};var f=(t,e,o)=>(o=t!=null?Te(Ae(t)):{},De(e||!t||!t.__esModule?J(o,"default",{value:t,enumerable:!0}):o,t));var X=require("pkg-dir");var W=f(require("path"),1),V=f(require("fs-extra"),1);async function G(t){return await V.default.pathExists(W.default.join(t,"components.json"))}var Y=f(require("fast-glob"),1),Me=f(require("fs-extra"),1),Q=require("tsconfig-paths");var H=t=>{let e={};for(let o of t)e[o]=o;return e},z=H(["config_not_found","resolve_path_fail","failed_to_fetch"]),Ge=H(["components.json","tsconfig.json","panda.config.*","package.json"]),v=class extends Error{issue;constructor(e){super(),this.name="NewError",this.issue=e}get format(){return this.issue.code+`
+`+this.issue.message?.join(`
+`)}},h=t=>{let e;switch(t.code){case z.config_not_found:e=`error occured while config ${t.configFile}`;break;case z.resolve_path_fail:e=`failed to resolve your path, current ${t.cwd}`;break;case z.failed_to_fetch:e=`failed to fetch ${t.target} [${t.statusCode}]`;break;default:e="error occured"}return new v({...t,message:[...t.message||"",e]})};function Z(t,e){let o=(0,Q.loadConfig)(t);if(o?.resultType==="failed"||!Object.entries(o?.paths).length)return{baseAlias:null,styledSystemAlias:null};let a=null,r=null;for(let[s,c]of Object.entries(o.paths))c[0].includes(e)&&(r=s.replace(/\/\*$/,"")),(c.includes("./*")||c.includes("./src/*")||c.includes("./app/*"))&&(a=s.replace(/\/\*$/,""));return a||(a=Object.keys(o?.paths)?.[0].replace(/\/\*$/,"")??null),r||(r="."),{baseAlias:a,styledSystemAlias:r}}async function N(t){try{let e=await Y.default.glob(["panda.config.*"],{cwd:t,deep:3});if(!e.length)throw h({code:"config_not_found",configFile:"panda.config.*",message:["failed to find panda.config file"]});return e[0]}catch(e){throw h({code:"config_not_found",configFile:"panda.config.*",message:[e instanceof Error?e.message:"unknown error occured finding panda.config"]})}}async function D(t){let e=t.match(/outdir:\s*["']([^"']+)["']/),o=t.match(/importMap:\s*({[^}]+}|["'][^"']+["'])/),a=e?e[1]:null,r=null;if(o){let s=o[1];if(s.startsWith("{")){let c=s.match(/css:\s*["']([^"']+)["']/);r=c?c[1].replace(/\/css$/,""):null}else r=s.replace(/["']/g,"")}return{outdir:a,importMap:r}}var P=f(require("path"),1);var d=require("zod"),b={fileName:"components.json",schema:d.z.object({utils:d.z.string(),components:d.z.string(),hooks:d.z.string(),styledsystem:d.z.string()}).strict()},Oe=["ui","hooks","utils"],ze=d.z.object({name:d.z.string(),content:d.z.string(),type:d.z.enum(Oe)}),q=d.z.object({name:d.z.string(),dependencies:d.z.array(d.z.string()).optional(),files:d.z.array(ze).optional()});var R=require("zod"),ee=require("commander"),L=f(require("fs-extra"),1),te=require("@clack/prompts"),M=require("ts-morph"),Re=R.z.object({cwd:R.z.string()}),oe=new ee.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=(0,te.spinner)();e.start("Initializing");try{let o=Re.parse({cwd:P.default.resolve(t.cwd)});await Le(o),e.stop("Initialized")}catch(o){o instanceof Error&&console.error(o.message),e.stop("Failed to initialize"),process.exit(0)}});async function Le(t){let e=t.cwd||await(0,X.packageDirectory)();if(!e)throw new Error("Failed to find package root");if(await G(e))throw new Error("Already initialized");let a=await N(e),r=await L.default.readFile(P.default.resolve(e,a),"utf-8"),s="styled-system",{outdir:c,importMap:g}=await D(r);c&&(s=c);let{baseAlias:y,styledSystemAlias:p}=Z(e,s);if(!y||!p)throw new Error("Failed to find tsconfig alias");g?s=g:s=p;let u={utils:`${y}/utils`,components:`${y}/components`,hooks:`${y}/hooks`,styledsystem:s};b.schema.parse(u);let l=new M.Project().addSourceFileAtPath(P.default.resolve(e,a));l.addImportDeclaration({namedImports:[{name:"preset"}],moduleSpecifier:"panda-animation"}),l.addImportDeclaration({namedImports:[{name:"defaultPreset"}],moduleSpecifier:"./preset"});let n=l.getFirstDescendantByKind(M.SyntaxKind.CallExpression)?.getArguments()[0];return n?(n.getProperty("presets")||n.addPropertyAssignment({name:"presets",initializer:"[preset(), @pandacss/preset-panda, defaultPreset]"}),l.saveSync()):console.warn("Could not find config object in panda.config.ts"),await L.default.writeFile(P.default.resolve(e,"components.json"),JSON.stringify(u),"utf-8"),u}var je=require("commander");var re={name:"@jongh/cli",version:"1.2.0",description:"",bin:"./dist/index.js",type:"module",scripts:{build:"tsup && npx tsx ./src/build-script.ts --all","build:cli":"tsup","build:registry":"npx tsx ./src/build-script.ts --all",release:"pnpm publish -no-git-checks",lint:"eslint . --max-warnings 0","check-type":"tsc --noEmit",test:"vitest run"},keywords:[],author:"",license:"ISC",publishConfig:{access:"public"},files:["dist","package.json"],dependencies:{"@babel/generator":"^7.26.3","@babel/parser":"^7.26.3","@babel/traverse":"^7.26.4","@clack/prompts":"^0.7.0","@effect/platform":"^0.69.13","@effect/schema":"^0.75.5","@types/babel__traverse":"^7.20.6",chalk:"^5.4.1",commander:"^13.0.0",effect:"^3.10.8",execa:"^9.5.2","fast-glob":"^3.3.2","fs-extra":"^11.2.0","package-manager-detector":"^0.2.8","pkg-dir":"^8.0.0","ts-morph":"^25.0.0","tsconfig-paths":"^4.2.0",yargs:"^17.7.2",zod:"^3.24.1"},devDependencies:{"@types/babel__generator":"^7.6.8","@types/fs-extra":"^11.0.4","@types/node":"^22.8.6","@types/yargs":"^17.0.33","ts-node":"^10.9.2",tsup:"^8.3.0",tsx:"^4.19.2"}};var ge=require("commander"),E=f(require("path"),1),k=require("zod"),F=f(require("fs-extra"),1),w=require("@clack/prompts");var ne=f(require("fs-extra"),1),ae=f(require("path"),1),ie=require("tsconfig-paths");var se=require("tsconfig-paths");async function T(t,e){let o=(0,se.createMatchPath)(e.absoluteBaseUrl,e.paths)(t,void 0,()=>!0);if(!o)throw h({code:"resolve_path_fail",target:t,cwd:process.cwd(),message:["resolve error"]});return o}function ce(t){try{return ne.default.readJsonSync(ae.default.resolve(t,b.fileName))}catch(e){return h({code:"config_not_found",configFile:b.fileName,message:[e instanceof Error?e.message:""]})}}async function pe(t){let e=(0,ie.loadConfig)(t);if(e.resultType==="failed")throw h({code:"config_not_found",configFile:"tsconfig.json",message:["cannot found tsconfig.json"]});return e}var I=require("ts-morph");function me(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:r,to:s})=>{o=o.replace(r,s)}),o}function le(t,e,o){let r=new I.Project().addSourceFileAtPath(t),s=r.getFirstDescendant(p=>I.Node.isCallExpression(p)&&p.getExpression().getText()==="definePreset");if(!s)return;let c=s?.getFirstDescendant(p=>I.Node.isPropertyAssignment(p)&&p.getName()==="recipes");if(!c)return;let g=c.getFirstDescendantByKind(I.SyntaxKind.ObjectLiteralExpression);if(!g)return;r.getImportDeclarations().some(p=>{let u=p.getModuleSpecifierValue(),m=p.getNamedImports();return u===o&&m.some(l=>l.getName()===`${e}Recipe`)})||(r.addImportDeclaration({moduleSpecifier:o,namedImports:[{name:`${e}Recipe`}]}),g.addPropertyAssignment({name:e,initializer:`${e}Recipe`})),r.saveSync()}var B=require("execa"),ue=require("package-manager-detector");var de=require("package-manager-detector");async function fe(t){let e=await(0,de.detect)({cwd:t});if(!e)throw new Error("package manager not found");return e.name==="pnpm"?"pnpm exec":e.name==="bun"?"bunx":e.name==="yarn"?"yarn dlx":"npx"}var K=f(require("chalk"),1),Ke=k.z.object({components:k.z.array(k.z.string()).optional(),cwd:k.z.string()}),Ue="https://whdgur.shop",he=new ge.Command().name("add").argument("[components...]").option("-c, --cwd <cwd>","current working directory, default to process.cwd()",process.cwd()).action(async(t,e)=>{let o=K.default.bold.red,a=K.default.bold.blue;try{let r=Ke.parse({components:t,...e});(0,w.intro)(a("install components..."));let s=b.schema.parse(ce(r.cwd)),c=await pe(r.cwd),g=await N(r.cwd),y=await F.default.readFile(E.default.resolve(r.cwd,g),"utf-8"),{outdir:p}=await D(y),u=b.schema.parse({utils:await T(s.utils,c),components:await T(s.components,c),hooks:await T(s.hooks,c),styledsystem:E.default.join(r.cwd,p||"styled-system")}),m=r.components?.map(i=>i.toLowerCase());if(!m?.length)return;(await Promise.allSettled(m?.map(async i=>{try{let n=await fetch(`${Ue}/${i}.json`);if(!n.ok)throw new Error("fetch error",{cause:{code:"failed_to_fetch",target:i,statusCode:n.status,message:[n.statusText]}});return await n.json()}catch(n){if(n instanceof TypeError)throw h({code:"failed_to_fetch",target:i,statusCode:null,message:[o(n.message),o(n.cause?JSON.stringify(n.cause):"cause by typeError")]});if(n instanceof Error)throw h(n.cause)}}))).forEach(async(i,n)=>{if(i.status==="rejected"){i.reason instanceof v&&console.log(o(i.reason.format));return}try{let x=q.parse(i.value),_=E.default.join(u.components,m[n]);if(F.default.pathExistsSync(_)&&!await(0,w.confirm)({message:`Component ${m[n]} already exists. Do you want to overwrite it?`}))return;x.files?.forEach(C=>{let U=me(C.content,s);C.name==="recipe.ts"&&le(E.default.join(r.cwd,"preset.ts"),`${m[n]}`,E.default.join(s.components,`${m[n]}`,"recipe")),C.type==="ui"?F.default.outputFileSync(E.default.join(_,C.name),U):F.default.outputFileSync(E.default.join(u[C.type],C.name),U,"utf-8")});let $=await(0,ue.detect)({cwd:r.cwd}),A=$?$.name:"";A||(A=await(0,w.select)({message:"cannot find package manager, select",options:[{value:"npm",label:"npm"},{value:"pnpm",label:"pnpm"},{value:"yarn",label:"yarn"}]})),x.dependencies?.length&&await(0,B.execa)(A,[A==="npm"?"install":"add",...x.dependencies]);let ve=await fe(r.cwd),[_e,...Pe]=ve.split(" ");(0,B.execa)(_e,[...Pe,"panda","codegen"]),(0,w.outro)(a(`${m[n]} completed successfully`))}catch(x){console.log(x)}})}catch(r){r instanceof k.ZodError&&o(r.message),r instanceof v&&o(r.format),r instanceof Error&&o(r.message),(0,w.outro)(a("error occured")),process.exit(1)}});var Ce=require("commander"),be=f(require("fast-glob"),1),Ee=f(require("path"),1);var S=require("ts-morph"),ye={"@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 O(t,e,o){return o?t===o:t===e}function xe(t){return`import {${t}} from "radix-ui"`}function we(t){let e=[];return t.getImportDeclarations().forEach(o=>{let a=o.getModuleSpecifierValue();if(!(a in ye))return;let r=ye[a];e.push(a);let s=o.getNamespaceImport();if(s){let g=s.getText();r!==g&&(r+=` as ${g}`),o.replaceWithText(xe(r));return}let c=o.getNamedImports();if(c.length){let g=r;c.forEach(y=>{let p=y.getName(),u=y.getAliasNode()?.getText(),m=`${g}.${p}`;for(let l of[S.SyntaxKind.JsxOpeningElement,S.SyntaxKind.JsxClosingElement,S.SyntaxKind.JsxSelfClosingElement])t.getDescendantsOfKind(l).forEach(i=>{let n=i.getTagNameNode().getText();O(n,p,u)&&i.getTagNameNode().replaceWithText(m)});t.getDescendantsOfKind(S.SyntaxKind.TypeQuery).forEach(l=>{l.getChildren().forEach(i=>{let n=i.getText();O(n,p,u)&&i.replaceWithText(m)})}),t.getDescendantsOfKind(S.SyntaxKind.ExpressionStatement).forEach(l=>{l.getChildrenOfKind(S.SyntaxKind.BinaryExpression).forEach(n=>{n.getRight().getChildren().forEach(_=>{let $=_.getText();O($,p,u)&&_.replaceWithText(m)})})}),t.getDescendantsOfKind(S.SyntaxKind.VariableDeclaration).forEach(l=>{let i=l.getInitializer();i&&i.getChildren().forEach(n=>{let x=n.getText();O(x,p,u)&&n.replaceWithText(m)})})}),o.replaceWithText(xe(g))}}),{source:t.getFullText(),packages:e}}var Se=require("ts-morph"),j=require("@clack/prompts"),Ie=f(require("chalk"),1),ke=new Ce.Command().name("radix-ui-import").action(()=>{(0,j.intro)("find .tsx files...");let t=be.default.sync("**/*.tsx",{ignore:["**/node_modules/**"],dot:!1}),e=new Se.Project,o="";t.forEach(a=>{let r=e.addSourceFileAtPathIfExists(Ee.default.join(process.cwd(),a));if(r)try{let{packages:s}=we(r);o+=s.join("  "),r.save()}catch(s){j.log.error(`failed to transform ${a} ${s}`)}}),o.length?`copy this to delete and install new package
+ <your package manager's delete command> ${o} 
+ <your package manager's install command> ${Ie.default.bgGreen("radix-ui")}`.split(`
+`).forEach(j.log.step):(0,j.outro)("no transform occured")});async function Je(){new je.Command().name("design-system").version(re.version||"0.0.0").addCommand(oe).addCommand(he).addCommand(ke).parse()}Je();

package/dist/index.js

@@ -1,2 +1,7 @@
 #!/usr/bin/env node
-import P from"yargs";import{hideBin as C}from"yargs/helpers";import m from"node:path";import a from"fs-extra";import{packageDirectory as l}from"pkg-dir";import*as t from"@clack/prompts";var f="./src/components/ui",d="component.json";async function i(){let o=await l(),n=m.join(o||process.cwd(),d);try{return await a.readJSON(n)}catch{t.note("\uC124\uC815 \uD30C\uC77C\uC774 \uC874\uC7AC\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4");let e=await u();return await a.outputJSON(n,{...e},{spaces:2}),e}}var u=async()=>t.group({outputPath:()=>t.text({message:"\uCEF4\uD3EC\uB10C\uD2B8 \uC800\uC7A5 \uACBD\uB85C\uB97C \uC124\uC815\uD574\uC8FC\uC138\uC694",initialValue:f,validate:o=>{if(!o)return"Please enter a path.";if(!o.startsWith("."))return"Please enter a relative path to the project root."}})},{onCancel:()=>{t.cancel("Operation cancelled."),process.exit(0)}});import*as s from"@clack/prompts";import r from"node:path";import g from"fs-extra";import{fileURLToPath as h}from"node:url";var y=r.dirname(h(import.meta.url)),w=r.join(y,"./components/Button/index.tsx");async function c(o,n){try{let e=w,p=r.join(process.cwd(),n,`${o}.tsx`);await g.copy(e,p),console.log(`${o} copied to ${n}`)}catch(e){throw new Error(`Failed to copy component: ${e}`)}}var j=async()=>{await P(C(process.argv)).command("components add [components..]","Add components to your project",o=>o.positional("components",{describe:"List of components to add",type:"string",array:!0,default:[]}).option("all",{type:"boolean",description:"Add all components",default:!1}),async o=>{if(o.components.length===0&&!o.all){s.cancel("Error: You need to specify at least one component or use the --all flag"),console.log('Run "cli --help" for more information');return}let n=await i();await c(o.components[0],n.outputPath)}).demandCommand(1,"You need at least one command before moving on").strict().help().argv};j();
+import{packageDirectory as fe}from"pkg-dir";import ie from"path";import ce from"fs-extra";async function D(t){return await ce.pathExists(ie.join(t,"components.json"))}import pe from"fast-glob";import qe from"fs-extra";import{loadConfig as me}from"tsconfig-paths";var M=t=>{let e={};for(let o of t)e[o]=o;return e},A=M(["config_not_found","resolve_path_fail","failed_to_fetch"]),He=M(["components.json","tsconfig.json","panda.config.*","package.json"]),E=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 A.config_not_found:e=`error occured while config ${t.configFile}`;break;case A.resolve_path_fail:e=`failed to resolve your path, current ${t.cwd}`;break;case A.failed_to_fetch:e=`failed to fetch ${t.target} [${t.statusCode}]`;break;default:e="error occured"}return new E({...t,message:[...t.message||"",e]})};function O(t,e){let o=me(t);if(o?.resultType==="failed"||!Object.entries(o?.paths).length)return{baseAlias:null,styledSystemAlias:null};let a=null,r=null;for(let[s,c]of Object.entries(o.paths))c[0].includes(e)&&(r=s.replace(/\/\*$/,"")),(c.includes("./*")||c.includes("./src/*")||c.includes("./app/*"))&&(a=s.replace(/\/\*$/,""));return a||(a=Object.keys(o?.paths)?.[0].replace(/\/\*$/,"")??null),r||(r="."),{baseAlias:a,styledSystemAlias:r}}async function v(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 _(t){let e=t.match(/outdir:\s*["']([^"']+)["']/),o=t.match(/importMap:\s*({[^}]+}|["'][^"']+["'])/),a=e?e[1]:null,r=null;if(o){let s=o[1];if(s.startsWith("{")){let c=s.match(/css:\s*["']([^"']+)["']/);r=c?c[1].replace(/\/css$/,""):null}else r=s.replace(/["']/g,"")}return{outdir:a,importMap:r}}import P from"path";import{z as d}from"zod";var w={fileName:"components.json",schema:d.object({utils:d.string(),components:d.string(),hooks:d.string(),styledsystem:d.string()}).strict()},le=["ui","hooks","utils"],de=d.object({name:d.string(),content:d.string(),type:d.enum(le)}),z=d.object({name:d.string(),dependencies:d.array(d.string()).optional(),files:d.array(de).optional()});import{z as R}from"zod";import{Command as ge}from"commander";import L from"fs-extra";import{spinner as ue}from"@clack/prompts";import{Project as he,SyntaxKind as ye}from"ts-morph";var xe=R.object({cwd:R.string()}),B=new ge().name("init").description("Initialize the project").option("-c, --cwd <cwd>","current working directory, default to process.cwd()",process.cwd()).action(async t=>{let e=ue();e.start("Initializing");try{let o=xe.parse({cwd:P.resolve(t.cwd)});await we(o),e.stop("Initialized")}catch(o){o instanceof Error&&console.error(o.message),e.stop("Failed to initialize"),process.exit(0)}});async function we(t){let e=t.cwd||await fe();if(!e)throw new Error("Failed to find package root");if(await D(e))throw new Error("Already initialized");let a=await v(e),r=await L.readFile(P.resolve(e,a),"utf-8"),s="styled-system",{outdir:c,importMap:f}=await _(r);c&&(s=c);let{baseAlias:h,styledSystemAlias:p}=O(e,s);if(!h||!p)throw new Error("Failed to find tsconfig alias");f?s=f:s=p;let g={utils:`${h}/utils`,components:`${h}/components`,hooks:`${h}/hooks`,styledsystem:s};w.schema.parse(g);let l=new he().addSourceFileAtPath(P.resolve(e,a));l.addImportDeclaration({namedImports:[{name:"preset"}],moduleSpecifier:"panda-animation"}),l.addImportDeclaration({namedImports:[{name:"defaultPreset"}],moduleSpecifier:"./preset"});let n=l.getFirstDescendantByKind(ye.CallExpression)?.getArguments()[0];return n?(n.getProperty("presets")||n.addPropertyAssignment({name:"presets",initializer:"[preset(), @pandacss/preset-panda, defaultPreset]"}),l.saveSync()):console.warn("Could not find config object in panda.config.ts"),await L.writeFile(P.resolve(e,"components.json"),JSON.stringify(g),"utf-8"),g}import{Command as Ue}from"commander";var K={name:"@jongh/cli",version:"1.2.0",description:"",bin:"./dist/index.js",type:"module",scripts:{build:"tsup && npx tsx ./src/build-script.ts --all","build:cli":"tsup","build:registry":"npx tsx ./src/build-script.ts --all",release:"pnpm publish -no-git-checks",lint:"eslint . --max-warnings 0","check-type":"tsc --noEmit",test:"vitest run"},keywords:[],author:"",license:"ISC",publishConfig:{access:"public"},files:["dist","package.json"],dependencies:{"@babel/generator":"^7.26.3","@babel/parser":"^7.26.3","@babel/traverse":"^7.26.4","@clack/prompts":"^0.7.0","@effect/platform":"^0.69.13","@effect/schema":"^0.75.5","@types/babel__traverse":"^7.20.6",chalk:"^5.4.1",commander:"^13.0.0",effect:"^3.10.8",execa:"^9.5.2","fast-glob":"^3.3.2","fs-extra":"^11.2.0","package-manager-detector":"^0.2.8","pkg-dir":"^8.0.0","ts-morph":"^25.0.0","tsconfig-paths":"^4.2.0",yargs:"^17.7.2",zod:"^3.24.1"},devDependencies:{"@types/babel__generator":"^7.6.8","@types/fs-extra":"^11.0.4","@types/node":"^22.8.6","@types/yargs":"^17.0.33","ts-node":"^10.9.2",tsup:"^8.3.0",tsx:"^4.19.2"}};import{Command as _e}from"commander";import C from"path";import{z as T,ZodError as Pe}from"zod";import F from"fs-extra";import{confirm as Te,select as Fe,intro as $e,outro as Y}from"@clack/prompts";import Ee from"fs-extra";import Se from"path";import{loadConfig as Ie}from"tsconfig-paths";import{createMatchPath as be}from"tsconfig-paths";async function I(t,e){let o=be(e.absoluteBaseUrl,e.paths)(t,void 0,()=>!0);if(!o)throw u({code:"resolve_path_fail",target:t,cwd:process.cwd(),message:["resolve error"]});return o}function U(t){try{return Ee.readJsonSync(Se.resolve(t,w.fileName))}catch(e){return u({code:"config_not_found",configFile:w.fileName,message:[e instanceof Error?e.message:""]})}}async function J(t){let e=Ie(t);if(e.resultType==="failed")throw u({code:"config_not_found",configFile:"tsconfig.json",message:["cannot found tsconfig.json"]});return e}import{Project as ke,Node as W,SyntaxKind as je}from"ts-morph";function V(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:r,to:s})=>{o=o.replace(r,s)}),o}function G(t,e,o){let r=new ke().addSourceFileAtPath(t),s=r.getFirstDescendant(p=>W.isCallExpression(p)&&p.getExpression().getText()==="definePreset");if(!s)return;let c=s?.getFirstDescendant(p=>W.isPropertyAssignment(p)&&p.getName()==="recipes");if(!c)return;let f=c.getFirstDescendantByKind(je.ObjectLiteralExpression);if(!f)return;r.getImportDeclarations().some(p=>{let g=p.getModuleSpecifierValue(),m=p.getNamedImports();return g===o&&m.some(l=>l.getName()===`${e}Recipe`)})||(r.addImportDeclaration({moduleSpecifier:o,namedImports:[{name:`${e}Recipe`}]}),f.addPropertyAssignment({name:e,initializer:`${e}Recipe`})),r.saveSync()}import{execa as Q}from"execa";import{detect as Ae}from"package-manager-detector";import{detect as ve}from"package-manager-detector";async function H(t){let e=await ve({cwd:t});if(!e)throw new Error("package manager not found");return e.name==="pnpm"?"pnpm exec":e.name==="bun"?"bunx":e.name==="yarn"?"yarn dlx":"npx"}import Z from"chalk";var Ne=T.object({components:T.array(T.string()).optional(),cwd:T.string()}),De="https://whdgur.shop",q=new _e().name("add").argument("[components...]").option("-c, --cwd <cwd>","current working directory, default to process.cwd()",process.cwd()).action(async(t,e)=>{let o=Z.bold.red,a=Z.bold.blue;try{let r=Ne.parse({components:t,...e});$e(a("install components..."));let s=w.schema.parse(U(r.cwd)),c=await J(r.cwd),f=await v(r.cwd),h=await F.readFile(C.resolve(r.cwd,f),"utf-8"),{outdir:p}=await _(h),g=w.schema.parse({utils:await I(s.utils,c),components:await I(s.components,c),hooks:await I(s.hooks,c),styledsystem:C.join(r.cwd,p||"styled-system")}),m=r.components?.map(i=>i.toLowerCase());if(!m?.length)return;(await Promise.allSettled(m?.map(async i=>{try{let n=await fetch(`${De}/${i}.json`);if(!n.ok)throw new Error("fetch error",{cause:{code:"failed_to_fetch",target:i,statusCode:n.status,message:[n.statusText]}});return await n.json()}catch(n){if(n instanceof TypeError)throw u({code:"failed_to_fetch",target:i,statusCode:null,message:[o(n.message),o(n.cause?JSON.stringify(n.cause):"cause by typeError")]});if(n instanceof Error)throw u(n.cause)}}))).forEach(async(i,n)=>{if(i.status==="rejected"){i.reason instanceof E&&console.log(o(i.reason.format));return}try{let y=z.parse(i.value),S=C.join(g.components,m[n]);if(F.pathExistsSync(S)&&!await Te({message:`Component ${m[n]} already exists. Do you want to overwrite it?`}))return;y.files?.forEach(x=>{let N=V(x.content,s);x.name==="recipe.ts"&&G(C.join(r.cwd,"preset.ts"),`${m[n]}`,C.join(s.components,`${m[n]}`,"recipe")),x.type==="ui"?F.outputFileSync(C.join(S,x.name),N):F.outputFileSync(C.join(g[x.type],x.name),N,"utf-8")});let k=await Ae({cwd:r.cwd}),j=k?k.name:"";j||(j=await Fe({message:"cannot find package manager, select",options:[{value:"npm",label:"npm"},{value:"pnpm",label:"pnpm"},{value:"yarn",label:"yarn"}]})),y.dependencies?.length&&await Q(j,[j==="npm"?"install":"add",...y.dependencies]);let se=await H(r.cwd),[ne,...ae]=se.split(" ");Q(ne,[...ae,"panda","codegen"]),Y(a(`${m[n]} completed successfully`))}catch(y){console.log(y)}})}catch(r){r instanceof Pe&&o(r.message),r instanceof E&&o(r.format),r instanceof Error&&o(r.message),Y(a("error occured")),process.exit(1)}});import{Command as Me}from"commander";import Oe from"fast-glob";import ze from"path";import{SyntaxKind as b}from"ts-morph";var X={"@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 $(t,e,o){return o?t===o:t===e}function ee(t){return`import {${t}} from "radix-ui"`}function te(t){let e=[];return t.getImportDeclarations().forEach(o=>{let a=o.getModuleSpecifierValue();if(!(a in X))return;let r=X[a];e.push(a);let s=o.getNamespaceImport();if(s){let f=s.getText();r!==f&&(r+=` as ${f}`),o.replaceWithText(ee(r));return}let c=o.getNamedImports();if(c.length){let f=r;c.forEach(h=>{let p=h.getName(),g=h.getAliasNode()?.getText(),m=`${f}.${p}`;for(let l of[b.JsxOpeningElement,b.JsxClosingElement,b.JsxSelfClosingElement])t.getDescendantsOfKind(l).forEach(i=>{let n=i.getTagNameNode().getText();$(n,p,g)&&i.getTagNameNode().replaceWithText(m)});t.getDescendantsOfKind(b.TypeQuery).forEach(l=>{l.getChildren().forEach(i=>{let n=i.getText();$(n,p,g)&&i.replaceWithText(m)})}),t.getDescendantsOfKind(b.ExpressionStatement).forEach(l=>{l.getChildrenOfKind(b.BinaryExpression).forEach(n=>{n.getRight().getChildren().forEach(S=>{let k=S.getText();$(k,p,g)&&S.replaceWithText(m)})})}),t.getDescendantsOfKind(b.VariableDeclaration).forEach(l=>{let i=l.getInitializer();i&&i.getChildren().forEach(n=>{let y=n.getText();$(y,p,g)&&n.replaceWithText(m)})})}),o.replaceWithText(ee(f))}}),{source:t.getFullText(),packages:e}}import{Project as Re}from"ts-morph";import{intro as Le,log as oe,outro as Be}from"@clack/prompts";import Ke from"chalk";var re=new Me().name("radix-ui-import").action(()=>{Le("find .tsx files...");let t=Oe.sync("**/*.tsx",{ignore:["**/node_modules/**"],dot:!1}),e=new Re,o="";t.forEach(a=>{let r=e.addSourceFileAtPathIfExists(ze.join(process.cwd(),a));if(r)try{let{packages:s}=te(r);o+=s.join("  "),r.save()}catch(s){oe.error(`failed to transform ${a} ${s}`)}}),o.length?`copy this to delete and install new package
+ <your package manager's delete command> ${o} 
+ <your package manager's install command> ${Ke.bgGreen("radix-ui")}`.split(`
+`).forEach(oe.step):Be("no transform occured")});async function Je(){new Ue().name("design-system").version(K.version||"0.0.0").addCommand(B).addCommand(q).addCommand(re).parse()}Je();

package/package.json

@@ -1,8 +1,7 @@
 {
   "name": "@jongh/cli",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "",
-  "main": "index.js",
   "bin": "./dist/index.js",
   "type": "module",
   "keywords": [],
@@ -11,16 +10,33 @@
   "publishConfig": {
     "access": "public"
   },
+  "files": [
+    "dist",
+    "package.json"
+  ],
   "dependencies": {
+    "@babel/generator": "^7.26.3",
+    "@babel/parser": "^7.26.3",
+    "@babel/traverse": "^7.26.4",
     "@clack/prompts": "^0.7.0",
     "@effect/platform": "^0.69.13",
     "@effect/schema": "^0.75.5",
+    "@types/babel__traverse": "^7.20.6",
+    "chalk": "^5.4.1",
+    "commander": "^13.0.0",
     "effect": "^3.10.8",
+    "execa": "^9.5.2",
+    "fast-glob": "^3.3.2",
     "fs-extra": "^11.2.0",
+    "package-manager-detector": "^0.2.8",
     "pkg-dir": "^8.0.0",
-    "yargs": "^17.7.2"
+    "ts-morph": "^25.0.0",
+    "tsconfig-paths": "^4.2.0",
+    "yargs": "^17.7.2",
+    "zod": "^3.24.1"
   },
   "devDependencies": {
+    "@types/babel__generator": "^7.6.8",
     "@types/fs-extra": "^11.0.4",
     "@types/node": "^22.8.6",
     "@types/yargs": "^17.0.33",
@@ -29,7 +45,12 @@
     "tsx": "^4.19.2"
   },
   "scripts": {
-    "build": "tsup",
-    "release": "pnpm publish -no-git-checks"
+    "build": "tsup && npx tsx ./src/build-script.ts --all",
+    "build:cli": "tsup",
+    "build:registry": "npx tsx ./src/build-script.ts --all",
+    "release": "pnpm publish -no-git-checks",
+    "lint": "eslint . --max-warnings 0",
+    "check-type": "tsc --noEmit",
+    "test": "vitest run"
   }
 }

package/.lintstagedrc.json

@@ -1,4 +0,0 @@
-{
-  "**/*.{js,jsx,ts,tsx}": ["eslint --fix", "prettier --write"]
-}
-

package/CHANGELOG.md

@@ -1,7 +0,0 @@
-# @jongh/cli
-
-## 1.1.0
-
-### Minor Changes
-
-- cb4aefa: test changeset ci build issue

package/dist/components/Accordion/Accordion.tsx

@@ -1,281 +0,0 @@
-import * as React from "react"
-import { createContext } from "../../hooks/createContext"
-import { useControlledState } from "../../hooks/useControllableState"
-import { useKeyboardEvent } from "../../hooks/useKeyboardEvent"
-import { Slot } from "@radix-ui/react-slot"
-import { composeRefs } from "src/hooks/useComposedRefs"
-
-const ACCORDION_KEYS = [
-  "Home",
-  "End",
-  "ArrowDown",
-  "ArrowUp",
-  "ArrowLeft",
-  "ArrowRight",
-]
-export type TAccordionContext = {
-  selected?: string[]
-  onItemOpen: (value: string) => void
-  onItemClose: (value: string) => void
-  refs?: HTMLElement[]
-}
-
-const [AccordionProvider, useAccordionContext] =
-  createContext<TAccordionContext>("accordion")
-
-export interface AccordionProps {
-  value?: string[]
-  defaultValue?: string[]
-  onValueChange?: (value: string[]) => void
-  asChild?: boolean
-  type?: "single" | "multi"
-}
-
-export const Accordion = React.forwardRef<HTMLDivElement, AccordionProps>(
-  (props, ref) => {
-    const { type = "single", ...accordionProps } = props
-    if (type === "single") {
-      return <SingleAccordion {...accordionProps} ref={ref} />
-    }
-    if (type === "multi") {
-      return <MultiAccordion {...accordionProps} />
-    }
-  },
-)
-
-Accordion.displayName = "Accordion"
-
-interface AccordionImplSingleProps {
-  value?: string[] // 현재 선택되어있는 item들을 담아놓는 용도
-  defaultValue?: string[]
-  onValueChange?: (value: string[]) => void
-  asChild?: boolean
-  children?: React.ReactNode
-}
-
-const SingleAccordion = React.forwardRef<
-  HTMLDivElement,
-  AccordionImplSingleProps
->(
-  (
-    { value, defaultValue = [], onValueChange, children, asChild, ...props },
-    forwardedRef,
-  ) => {
-    const [selected = [], setSelected] = useControlledState({
-      prop: value,
-      defaultProp: defaultValue,
-      onChange: onValueChange,
-    })
-
-    const { refs: accordionRefs, handleKeyDown } = useKeyboardEvent({
-      keyList: ACCORDION_KEYS,
-    })
-
-    const Comp = asChild ? Slot : "div"
-
-    return (
-      <AccordionProvider
-        selected={selected}
-        onItemOpen={(value) => setSelected((_) => [value])}
-        onItemClose={() => setSelected((_) => [])}
-        refs={accordionRefs.current || []}
-      >
-        <Comp
-          ref={composeRefs((node) => {
-            accordionRefs.current = Array.from(
-              node?.children || [],
-            ) as HTMLElement[]
-          }, forwardedRef)}
-          onKeyDown={(e) => {
-            handleKeyDown(e)
-          }}
-          {...props}
-        >
-          {children}
-        </Comp>
-      </AccordionProvider>
-    )
-  },
-)
-
-interface AccordionImplMultiProps {
-  value?: string[] // 현재 선택되어있는 item들을 담아놓는 용도
-  defaultValue?: string[]
-  onValueChange?: (value: string[]) => void
-  asChild?: boolean
-  children?: React.ReactNode
-}
-
-const MultiAccordion = React.forwardRef<
-  HTMLDivElement,
-  AccordionImplMultiProps
->(
-  (
-    { value, defaultValue, onValueChange, children, asChild, ...props },
-    forwardedRef,
-  ) => {
-    const [selected, setSelected] = useControlledState({
-      prop: value,
-      defaultProp: defaultValue,
-      onChange: onValueChange,
-    })
-
-    const handleItemOpen = React.useCallback(
-      (item: string) => {
-        setSelected((prev = []) => [...prev, item])
-      },
-      [setSelected],
-    )
-
-    const handleItemClose = React.useCallback(
-      (item: string) =>
-        setSelected((prev = []) => prev.filter((value) => value !== item)),
-      [setSelected],
-    )
-
-    const { refs: accordionRefs, handleKeyDown } = useKeyboardEvent({
-      keyList: ACCORDION_KEYS,
-    })
-
-    const Comp = asChild ? Slot : "div"
-
-    return (
-      <AccordionProvider
-        selected={selected}
-        onItemOpen={handleItemOpen}
-        onItemClose={handleItemClose}
-      >
-        <Comp
-          ref={(node) => {
-            accordionRefs.current = Array.from(
-              node?.children || [],
-            ) as HTMLElement[]
-            if (typeof forwardedRef === "function") {
-              forwardedRef(node)
-            } else if (forwardedRef) {
-              ;(
-                forwardedRef as React.MutableRefObject<HTMLDivElement | null>
-              ).current = node
-            }
-          }}
-          onKeyDown={handleKeyDown}
-          {...props}
-        >
-          {children}
-        </Comp>
-      </AccordionProvider>
-    )
-  },
-)
-//AccordionItem
-interface TAccordionItemContext {
-  isOpen: boolean
-  onToggle: () => void
-  value?: string
-}
-
-const [AccordionItemProvider, useAccordionItemProvider] =
-  createContext<TAccordionItemContext>("accordionItem")
-export interface AccordionItemProps {
-  value: string //unique value
-  disabled?: boolean
-  children: React.ReactNode
-  asChild?: boolean
-}
-
-export const AccordionItem = React.forwardRef<
-  HTMLDivElement,
-  AccordionItemProps
->(({ value, disabled = false, children, asChild, ...props }, forwardedRef) => {
-  const { selected, onItemOpen, onItemClose } = useAccordionContext("accordion")
-
-  const isOpen = selected?.includes(value) && !disabled
-
-  const onToggle = () => {
-    if (disabled) {
-      return
-    }
-    isOpen ? onItemClose(value) : onItemOpen(value)
-  }
-
-  const Comp = asChild ? Slot : "div"
-
-  return (
-    <AccordionItemProvider isOpen={!!isOpen} onToggle={onToggle} value={value}>
-      <Comp
-        ref={forwardedRef}
-        data-state={isOpen ? "open" : "close"}
-        tabIndex={0}
-        onKeyDown={(e) => {
-          if (e.key === "Enter") {
-            onToggle()
-          }
-        }}
-        {...props}
-      >
-        {children}
-      </Comp>
-    </AccordionItemProvider>
-  )
-})
-
-export interface AccordionTriggerProps extends React.PropsWithChildren {}
-export const AccordionTrigger = ({
-  children,
-  ...props
-}: AccordionTriggerProps) => {
-  const { onToggle, isOpen, value } = useAccordionItemProvider("accordionItem")
-  return (
-    <h3 data-state={isOpen ? "open" : "close"} onClick={onToggle} {...props}>
-      <button
-        aria-expanded={isOpen ? "true" : "false"}
-        aria-controls={`content-${value}`}
-        id={`trigger-${value}`}
-      >
-        {children}
-      </button>
-    </h3>
-  )
-}
-//AccordionContent
-export interface AccordionContentProps extends React.PropsWithChildren {
-  duration?: number
-  asChild?: boolean
-}
-
-export const AccordionContent = ({
-  children,
-  asChild,
-  ...props
-}: AccordionContentProps) => {
-  const Comp = asChild ? Slot : "div"
-  const { isOpen, value } = useAccordionItemProvider("accordionItem")
-  const contentRef = React.useRef<HTMLDivElement>(null)
-
-  React.useEffect(() => {
-    if (contentRef.current) {
-      const element = contentRef.current
-      if (isOpen) {
-        element.style.setProperty(
-          "--accordion-height",
-          `${element.scrollHeight}px`,
-        )
-      } else {
-        element.style.setProperty("--accordion-height", "0px")
-      }
-    }
-  }, [isOpen])
-
-  return (
-    <Comp
-      ref={contentRef}
-      data-state={isOpen ? "open" : "close"}
-      id={`content-${value}`}
-      aria-labelledby={`trigger-${value}`}
-      role="region"
-      {...props}
-    >
-      {isOpen && children}
-    </Comp>
-  )
-}

package/dist/components/Accordion/index.tsx

@@ -1,37 +0,0 @@
-import { accordion, type AccordionVariantProps } from "@styled-system/recipes"
-import { createStyleContext } from "../../utils/createStyleContext"
-import type { ComponentProps, HTMLStyledProps } from "@styled-system/types"
-import type { Assign } from "../../types"
-import {
-  Accordion as AccordionProvider,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-  type AccordionContentProps,
-  type AccordionItemProps,
-  type AccordionProps,
-  type AccordionTriggerProps,
-} from "./Accordion"
-
-const { withProvider, withContext } = createStyleContext(accordion)
-
-export type RootProviderProps = ComponentProps<typeof AccordionProvider>
-export const Accordion = withProvider<
-  HTMLDivElement,
-  Assign<Assign<HTMLStyledProps<"div">, AccordionProps>, AccordionVariantProps>
->(AccordionProvider, "root")
-
-export const Item = withContext<
-  HTMLDivElement,
-  Assign<HTMLStyledProps<"div">, AccordionItemProps>
->(AccordionItem, "item")
-
-export const Trigger = withContext<
-  HTMLButtonElement,
-  Assign<HTMLStyledProps<"button">, AccordionTriggerProps>
->(AccordionTrigger, "trigger")
-
-export const Content = withContext<
-  HTMLDivElement,
-  Assign<HTMLStyledProps<"div">, AccordionContentProps>
->(AccordionContent, "content")

package/dist/components/Accordion/useAccordionHeight.ts

@@ -1,25 +0,0 @@
-import { useEffect, useRef } from "react"
-
-const ACCORDION_HEIGHT = "--accordion-height"
-
-export const useAccordionHeight = <T extends HTMLElement>(isOpen: boolean) => {
-  const ref = useRef<T>(null)
-
-  useEffect(() => {
-    const element = ref.current
-    if (!element) return
-
-    if (isOpen) {
-      // 열릴 때 높이를 scrollHeight로 설정
-      const newHeight = element.scrollHeight
-      element.style.setProperty(ACCORDION_HEIGHT, `${newHeight}px`)
-      element.style.height = `${newHeight}px`
-    } else {
-      // 닫힐 때 높이를 0으로 설정
-      element.style.setProperty(ACCORDION_HEIGHT, `0px`)
-      element.style.height = "0px"
-    }
-  }, [isOpen])
-
-  return ref
-}

package/dist/components/Avatar/Avatar.tsx

@@ -1,18 +0,0 @@
-import { Slot } from "@radix-ui/react-slot"
-import { useAvatar, type UseAvatarStatusProps } from "./useAvatar"
-import { forwardRef } from "react"
-
-interface AvatarProps extends UseAvatarStatusProps {
-  asChild?: boolean
-}
-
-export const Avatar = forwardRef<HTMLSpanElement, AvatarProps>((props, ref) => {
-  const { asChild, src, onStatusChange } = props
-  const { getRootProps, getImgProps } = useAvatar({ src, onStatusChange })
-  const Comp = asChild ? Slot : "span"
-  return (
-    <Comp ref={ref} {...getRootProps()}>
-      <img {...getImgProps()}></img>
-    </Comp>
-  )
-})

package/dist/components/Avatar/useAvatar.ts

@@ -1,73 +0,0 @@
-import {
-  useLayoutEffect,
-  useState,
-  type ComponentProps,
-  type HTMLAttributes,
-} from "react"
-
-type Status = "loading" | "loaded" | "error"
-
-export interface UseAvatarStatusProps {
-  src?: string
-  onStatusChange?: (status: Status) => void
-}
-
-export const useAvatarStatus = ({
-  src,
-  onStatusChange,
-}: UseAvatarStatusProps) => {
-  const [status, setStatus] = useState<Status>("loading")
-
-  useLayoutEffect(() => {
-    if (!src) {
-      setStatus("error")
-      return
-    }
-    let isMounted: boolean = true
-    const image = new window.Image()
-
-    const updateStatus = (status: Status) => () => {
-      if (!isMounted) return
-      setStatus(status)
-      onStatusChange?.(status)
-    }
-
-    setStatus("loading")
-
-    image.src = src
-    image.onload = updateStatus("loaded")
-    image.onerror = updateStatus("error")
-
-    return () => {
-      isMounted = false
-    }
-  }, [src])
-
-  return status
-}
-
-type DataAttr = Record<`data-${string}`, string | undefined>
-
-const elementProps = (props: HTMLAttributes<HTMLElement> & DataAttr) => props
-
-const imgProps = (props: ComponentProps<"img"> & DataAttr) => props
-
-interface UseAvatarProps extends UseAvatarStatusProps {}
-export const useAvatar = ({ src, onStatusChange }: UseAvatarProps) => {
-  const status = useAvatarStatus({ src, onStatusChange })
-  const isLoaded = status === "loaded"
-  return {
-    getRootProps() {
-      return elementProps({
-        "data-loading-state": status,
-      })
-    },
-    getImgProps() {
-      return imgProps({
-        hidden: !isLoaded,
-        "data-visible": `${isLoaded}`,
-        src,
-      })
-    },
-  }
-}

package/dist/components/Button/index.tsx

@@ -1,32 +0,0 @@
-import { forwardRef, ComponentPropsWithoutRef, type ReactNode } from "react"
-import { button, type ButtonVariant } from "@styled-system/recipes"
-import { Slot } from "@radix-ui/react-slot"
-import { cx } from "@styled-system/css"
-
-export type ButtonProps = ComponentPropsWithoutRef<"button"> & {
-  children: ReactNode
-  as?: boolean
-  disabled?: boolean
-} & Partial<ButtonVariant>
-
-export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
-  ({ as, disabled, id, onClick, children, ...rest }, ref) => {
-    const [buttonProps] = button.splitVariantProps(rest)
-
-    const Comp = as ? Slot : "button"
-
-    return (
-      <Comp
-        role="button"
-        ref={ref}
-        disabled={disabled}
-        id={id}
-        onClick={onClick}
-        className={cx(button(buttonProps))}
-        {...rest}
-      >
-        {children}
-      </Comp>
-    )
-  },
-)