@liner-fe/internal-icon 1.0.0 → 1.0.1

package/.ultra.cache.json

@@ -1 +1 @@
-{"files":{"CHANGELOG.md":"00d02f268a3ec6c19b3e400062121531f62ca624","README.md":"f15c5d39ebf4f3533c54068fcf4f0b754a305170","figma.json":"585af060194d03eaf24bdcd2bf42565b57379f08","package.json":"80bf112fc824e50cf4e554dff5eeffa3fda3126c","scripts/generate-svg-files.js":"401a1dc1ecae41f3ba2ceb64d4dce759cc694a67","scripts/generate-tsx-components.js":"e3450c12457850fd1cab4e6358e860cfd7bd8c5a"},"deps":{}}
+{"files":{"lib":"1761841196580.4036","node_modules":"1761841182497.3242","CHANGELOG.md":"eff09a9a15a5ebbf2b08147a930929c4fe221417","README.md":"f15c5d39ebf4f3533c54068fcf4f0b754a305170","figma.json":"585af060194d03eaf24bdcd2bf42565b57379f08","package.json":"2cb7f6063621990e97c897c24ef7eba9fedee551","src/generate-svg-files.ts":"18687c8c5c7766b988257f5bef3d296b86fefaa8","src/generate-tsx-components.ts":"175a39c7f9b02a6f76422f06bf9b16ca25e9d028","src/index.ts":"9e03c9c45c92fc534262982bce233b91892c05f1","tsconfig.json":"298030567ca332304807fcdbb95d1218c9c0814f","tsup.config.ts":"4dc8bfd36076fff8fa1d84a48a072d40e6581810"},"deps":{}}

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @internal/icon
 
+## 1.0.1
+
+### Patch Changes
+
+- bd7290c: icon 관리 방식 전체 변경
+
 ## 1.0.0
 
 ### Major Changes

package/lib/index.d.ts

@@ -0,0 +1,5 @@
+declare const generateSvgFiles: () => void;
+
+declare const generateTsxComponents: () => void;
+
+export { generateSvgFiles, generateTsxComponents };

package/lib/index.js

@@ -0,0 +1,182 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+// ../../node_modules/.pnpm/tsup@8.5.0_jiti@2.6.1_postcss@8.5.6_tsx@4.20.6_typescript@5.9.3_yaml@2.8.1/node_modules/tsup/assets/esm_shims.js
+import path from "path";
+import { fileURLToPath } from "url";
+var getFilename = /* @__PURE__ */ __name(() => fileURLToPath(import.meta.url), "getFilename");
+var getDirname = /* @__PURE__ */ __name(() => path.dirname(getFilename()), "getDirname");
+var __dirname = /* @__PURE__ */ getDirname();
+
+// src/generate-svg-files.ts
+import fs from "fs";
+import path2 from "path";
+var generateSvgFiles = /* @__PURE__ */ __name(() => {
+  const figmaData = JSON.parse(fs.readFileSync(path2.resolve(__dirname, "../figma.json"), "utf8"));
+  function convertToCurrentColor(svgString) {
+    return svgString.replace(/#1E1E1F/g, "currentColor");
+  }
+  __name(convertToCurrentColor, "convertToCurrentColor");
+  function optimizeSvg(svgString) {
+    return svgString.replace(/\s+/g, " ").replace(/>\s+</g, "><").trim();
+  }
+  __name(optimizeSvg, "optimizeSvg");
+  const svgDir = "./";
+  if (!fs.existsSync(svgDir)) {
+    fs.mkdirSync(svgDir, { recursive: true });
+  }
+  Object.entries(figmaData).forEach(([iconName, variants]) => {
+    const iconDir = path2.join(svgDir, iconName);
+    if (!fs.existsSync(iconDir)) {
+      fs.mkdirSync(iconDir, { recursive: true });
+    }
+    Object.entries(variants).forEach(([variant, svgString]) => {
+      if (svgString && svgString.trim() !== "") {
+        const convertedSvg = convertToCurrentColor(svgString);
+        const optimizedSvg = optimizeSvg(convertedSvg);
+        const fileName = `${variant}.svg`;
+        const filePath = path2.join(iconDir, fileName);
+        fs.writeFileSync(filePath, optimizedSvg);
+      }
+    });
+  });
+}, "generateSvgFiles");
+
+// src/generate-tsx-components.ts
+import fs2 from "fs";
+import path3 from "path";
+var generateTsxComponents = /* @__PURE__ */ __name(() => {
+  const FIGMA_DATA_PATH = path3.resolve(__dirname, "../figma.json");
+  const OUTPUT_DIR = "./assets";
+  const INDEX_FILE_PATH = "./index.tsx";
+  const COLOR = "type";
+  const FILL_TYPE = "fillType";
+  function convertToCurrentColor(svgString) {
+    return svgString.replace(/fill="#1E1E1F"/g, `style={{ fill: \`var(--\${${COLOR}})\` }}`).replace(/fill="white"/g, `style={{ fill: \`var(--\${${FILL_TYPE}})\` }}`);
+  }
+  __name(convertToCurrentColor, "convertToCurrentColor");
+  function normalizeSvgAttributes(svgString) {
+    return svgString.replace(/fill-rule/g, "fillRule").replace(/clip-rule/g, "clipRule").replace(/width="\d+"/, "width={iconSizeMap[size]}").replace(/height="\d+"/, "height={iconSizeMap[size]}").replace(
+      /xmlns="http:\/\/www.w3.org\/2000\/svg"/,
+      "ref={ref} className={className} {...props}"
+    ).replace(/style="[^"]*"/g, "").replace(/xmlns="http:\/\/www.w3.org\/1999\/xhtml"/g, "");
+  }
+  __name(normalizeSvgAttributes, "normalizeSvgAttributes");
+  const KEBAB_REGEX = /\p{Lu}/gu;
+  const kebabCase = /* @__PURE__ */ __name((str, keepLeadingDash = true) => {
+    const result = str.replace(KEBAB_REGEX, (match) => `-${match.toLowerCase()}`);
+    if (keepLeadingDash) {
+      return result;
+    }
+    if (result.startsWith("-")) {
+      return result.slice(1);
+    }
+    return result;
+  }, "kebabCase");
+  const generateIconName = /* @__PURE__ */ __name((iconName) => {
+    return iconName.split("-").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join("");
+  }, "generateIconName");
+  const IconProps = /* @__PURE__ */ __name((additionalProps = "") => `{
+  fill?: boolean;
+  thick?: boolean;
+  className?: string;
+  ${additionalProps}
+  ${COLOR}?: BasicColorType;
+  ${FILL_TYPE}?: BasicColorType;
+}`, "IconProps");
+  function ensureDirectoryExists(dirPath) {
+    if (!fs2.existsSync(dirPath)) {
+      fs2.mkdirSync(dirPath, { recursive: true });
+    }
+  }
+  __name(ensureDirectoryExists, "ensureDirectoryExists");
+  function processSvgVariants(variants) {
+    const variantSvgs = {};
+    Object.entries(variants).forEach(([variant, svgString]) => {
+      if (svgString && svgString.trim() !== "") {
+        variantSvgs[variant] = normalizeSvgAttributes(convertToCurrentColor(svgString));
+      }
+    });
+    return variantSvgs;
+  }
+  __name(processSvgVariants, "processSvgVariants");
+  function generateTsxComponent(componentName, variantSvgs, defaultSvg) {
+    return `import React, { forwardRef } from 'react';
+import { iconSizeMap } from '@liner-fe/design-token-primitive';
+import { IconProps } from '../../index';
+
+export const Icon${componentName} = forwardRef<SVGSVGElement, IconProps>(
+  ({ fill = false, thick = false, size = 'm', type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
+  if (fill && thick) {
+    return ${variantSvgs["fill-thick"] || defaultSvg};
+  } else if (fill) {
+    return ${variantSvgs.fill || defaultSvg};
+  } else if (thick) {
+    return ${variantSvgs.thick || defaultSvg};
+  } 
+  
+  return ${variantSvgs.default || defaultSvg};
+  }
+);
+`;
+  }
+  __name(generateTsxComponent, "generateTsxComponent");
+  function generateIconComponents() {
+    const figmaData = JSON.parse(fs2.readFileSync(FIGMA_DATA_PATH, "utf8"));
+    ensureDirectoryExists(OUTPUT_DIR);
+    Object.entries(figmaData).forEach(([iconName, variants]) => {
+      const iconDir = path3.join(OUTPUT_DIR, iconName);
+      ensureDirectoryExists(iconDir);
+      const variantSvgs = processSvgVariants(variants);
+      if (Object.keys(variantSvgs).length > 0) {
+        const componentName = generateIconName(iconName);
+        const defaultSvg = variantSvgs.default || variantSvgs.thick || Object.values(variantSvgs)[0];
+        const tsxCode = generateTsxComponent(componentName, variantSvgs, defaultSvg);
+        const filePath = path3.join(iconDir, "index.tsx");
+        fs2.writeFileSync(filePath, tsxCode);
+      }
+    });
+  }
+  __name(generateIconComponents, "generateIconComponents");
+  function generateIndexFile() {
+    const figmaData = JSON.parse(fs2.readFileSync(FIGMA_DATA_PATH, "utf8"));
+    const imports = Object.keys(figmaData).map((iconName) => {
+      const componentName = generateIconName(iconName);
+      return `export { Icon${componentName} } from './assets/${iconName}';`;
+    }).join("\n");
+    const iconKeys = Object.keys(figmaData).map((iconName) => {
+      return `"${kebabCase(generateIconName(iconName), false)}"`;
+    });
+    const indexContent = `import React, { SVGProps } from 'react';
+  import { BasicColorType, iconSizeMap } from '@liner-fe/design-token-primitive';
+${imports}
+
+export type IconName = ${iconKeys.join(" | ")};
+
+export type IconSizeKey = keyof typeof iconSizeMap;
+
+export interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> ${IconProps("size?: keyof typeof iconSizeMap;")}
+
+export type IconComponentType = React.ForwardRefExoticComponent<
+  Omit<IconProps, 'ref'> & React.RefAttributes<SVGSVGElement>
+>;
+`;
+    fs2.writeFileSync(INDEX_FILE_PATH, indexContent, (err) => {
+      if (err) {
+        console.error(err);
+      }
+      console.log("Index file generated successfully");
+    });
+  }
+  __name(generateIndexFile, "generateIndexFile");
+  function main() {
+    generateIconComponents();
+    generateIndexFile();
+  }
+  __name(main, "main");
+  main();
+}, "generateTsxComponents");
+export {
+  generateSvgFiles,
+  generateTsxComponents
+};

package/package.json

@@ -1,13 +1,19 @@
 {
   "name": "@liner-fe/internal-icon",
-  "version": "1.0.0",
+  "version": "1.0.1",
+  "type": "module",
   "publishConfig": {
     "access": "public"
   },
+  "devDependencies": {
+    "@types/node": "^24.9.2",
+    "tsup": "^8.5.0",
+    "typescript": "^5.9.3"
+  },
+  "main": "./lib/index.js",
+  "types": "./lib/index.d.ts",
   "scripts": {
-    "generate-svg": "node scripts/generate-svg-files.js",
-    "generate-tsx": "node scripts/generate-tsx-components.js",
-    "build": "pnpm generate-svg && pnpm generate-tsx",
+    "build": "pnpm tsup --config ./tsup.config.ts",
     "build:package": "pnpm build"
   }
 }

package/src/generate-svg-files.ts

@@ -0,0 +1,41 @@
+import fs from 'fs';
+import path from 'path';
+
+export const generateSvgFiles = () => {
+  const figmaData = JSON.parse(fs.readFileSync(path.resolve(__dirname, '../figma.json'), 'utf8'));
+
+  function convertToCurrentColor(svgString: string): string {
+    return svgString.replace(/#1E1E1F/g, 'currentColor');
+  }
+
+  function optimizeSvg(svgString: string): string {
+    return svgString.replace(/\s+/g, ' ').replace(/>\s+</g, '><').trim();
+  }
+
+  const svgDir = './';
+  if (!fs.existsSync(svgDir)) {
+    fs.mkdirSync(svgDir, { recursive: true });
+  }
+
+  Object.entries(figmaData).forEach(([iconName, variants]) => {
+    const iconDir = path.join(svgDir, iconName);
+    if (!fs.existsSync(iconDir)) {
+      fs.mkdirSync(iconDir, { recursive: true });
+    }
+
+    // @ts-ignore
+    Object.entries(variants).forEach(([variant, svgString]) => {
+      // @ts-ignore
+      if (svgString && svgString.trim() !== '') {
+        // @ts-ignore
+        const convertedSvg = convertToCurrentColor(svgString);
+        const optimizedSvg = optimizeSvg(convertedSvg);
+
+        const fileName = `${variant}.svg`;
+        const filePath = path.join(iconDir, fileName);
+
+        fs.writeFileSync(filePath, optimizedSvg);
+      }
+    });
+  });
+};

package/src/generate-tsx-components.ts

@@ -0,0 +1,190 @@
+import fs from 'fs';
+import path from 'path';
+
+export const generateTsxComponents = () => {
+  // 상수 정의
+  const FIGMA_DATA_PATH = path.resolve(__dirname, '../figma.json');
+  const OUTPUT_DIR = './assets';
+  const INDEX_FILE_PATH = './index.tsx';
+
+  const COLOR = 'type';
+  const FILL_TYPE = 'fillType';
+
+  // SVG 색상 변환 함수
+  function convertToCurrentColor(svgString: string): string {
+    return svgString
+      .replace(/fill="#1E1E1F"/g, `style={{ fill: \`var(--$\{${COLOR}\})\` }}`)
+      .replace(/fill="white"/g, `style={{ fill: \`var(--$\{${FILL_TYPE}\})\` }}`);
+  }
+
+  // SVG 속성 정규화 함수
+  function normalizeSvgAttributes(svgString: string): string {
+    return svgString
+      .replace(/fill-rule/g, 'fillRule')
+      .replace(/clip-rule/g, 'clipRule')
+      .replace(/width="\d+"/, 'width={iconSizeMap[size]}')
+      .replace(/height="\d+"/, 'height={iconSizeMap[size]}')
+      .replace(
+        /xmlns="http:\/\/www.w3.org\/2000\/svg"/,
+        'ref={ref} className={className} {...props}',
+      )
+      .replace(/style="[^"]*"/g, '')
+      .replace(/xmlns="http:\/\/www.w3.org\/1999\/xhtml"/g, '');
+  }
+
+  // 케밥 케이스 변환 함수
+  const KEBAB_REGEX = /\p{Lu}/gu;
+  const kebabCase = (str: string, keepLeadingDash = true): string => {
+    const result = str.replace(KEBAB_REGEX, (match) => `-${match.toLowerCase()}`);
+
+    if (keepLeadingDash) {
+      return result;
+    }
+
+    if (result.startsWith('-')) {
+      return result.slice(1);
+    }
+
+    return result;
+  };
+
+  // 파스칼 케이스 변환 함수
+  const generateIconName = (iconName: string): string => {
+    return iconName
+      .split('-')
+      .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+      .join('');
+  };
+
+  // 아이콘 Props 인터페이스 생성 함수
+  const IconProps = (additionalProps = '') => `{
+  fill?: boolean;
+  thick?: boolean;
+  className?: string;
+  ${additionalProps}
+  ${COLOR}?: BasicColorType;
+  ${FILL_TYPE}?: BasicColorType;
+}`;
+
+  // 디렉토리 생성 함수
+  function ensureDirectoryExists(dirPath: string): void {
+    if (!fs.existsSync(dirPath)) {
+      fs.mkdirSync(dirPath, { recursive: true });
+    }
+  }
+
+  // SVG 변형 처리 함수
+  function processSvgVariants(variants: Record<string, string>): Record<string, string> {
+    const variantSvgs = {};
+
+    Object.entries(variants).forEach(([variant, svgString]) => {
+      if (svgString && svgString.trim() !== '') {
+        // @ts-ignore
+        variantSvgs[variant] = normalizeSvgAttributes(convertToCurrentColor(svgString));
+      }
+    });
+
+    return variantSvgs;
+  }
+
+  // TSX 컴포넌트 코드 생성 함수
+  function generateTsxComponent(
+    componentName: string,
+    variantSvgs: Record<string, string>,
+    defaultSvg: string,
+  ): string {
+    return `import React, { forwardRef } from 'react';
+import { iconSizeMap } from '@liner-fe/design-token-primitive';
+import { IconProps } from '../../index';
+
+export const Icon${componentName} = forwardRef<SVGSVGElement, IconProps>(
+  ({ fill = false, thick = false, size = 'm', type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
+  if (fill && thick) {
+    return ${variantSvgs['fill-thick'] || defaultSvg};
+  } else if (fill) {
+    return ${variantSvgs.fill || defaultSvg};
+  } else if (thick) {
+    return ${variantSvgs.thick || defaultSvg};
+  } 
+  
+  return ${variantSvgs.default || defaultSvg};
+  }
+);
+`;
+  }
+
+  // 메인 실행 함수
+  function generateIconComponents(): void {
+    const figmaData = JSON.parse(fs.readFileSync(FIGMA_DATA_PATH, 'utf8'));
+
+    // 출력 디렉토리 생성
+    ensureDirectoryExists(OUTPUT_DIR);
+
+    Object.entries(figmaData).forEach(([iconName, variants]) => {
+      const iconDir = path.join(OUTPUT_DIR, iconName);
+      ensureDirectoryExists(iconDir);
+
+      // @ts-ignore
+      const variantSvgs = processSvgVariants(variants);
+
+      if (Object.keys(variantSvgs).length > 0) {
+        const componentName = generateIconName(iconName);
+        const defaultSvg =
+          variantSvgs.default || variantSvgs.thick || Object.values(variantSvgs)[0];
+
+        const tsxCode = generateTsxComponent(componentName, variantSvgs, defaultSvg);
+        const filePath = path.join(iconDir, 'index.tsx');
+
+        fs.writeFileSync(filePath, tsxCode);
+      }
+    });
+  }
+
+  // 인덱스 파일 생성 함수
+  function generateIndexFile(): void {
+    const figmaData = JSON.parse(fs.readFileSync(FIGMA_DATA_PATH, 'utf8'));
+
+    const imports = Object.keys(figmaData)
+      .map((iconName) => {
+        const componentName = generateIconName(iconName);
+        return `export { Icon${componentName} } from './assets/${iconName}';`;
+      })
+      .join('\n');
+
+    const iconKeys = Object.keys(figmaData).map((iconName) => {
+      return `"${kebabCase(generateIconName(iconName), false)}"`;
+    });
+
+    const indexContent = `import React, { SVGProps } from 'react';
+  import { BasicColorType, iconSizeMap } from '@liner-fe/design-token-primitive';
+${imports}
+
+export type IconName = ${iconKeys.join(' | ')};
+
+export type IconSizeKey = keyof typeof iconSizeMap;
+
+export interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> ${IconProps('size?: keyof typeof iconSizeMap;')}
+
+export type IconComponentType = React.ForwardRefExoticComponent<
+  Omit<IconProps, 'ref'> & React.RefAttributes<SVGSVGElement>
+>;
+`;
+
+    // @ts-ignore
+    fs.writeFileSync(INDEX_FILE_PATH, indexContent, (err) => {
+      if (err) {
+        console.error(err);
+      }
+
+      console.log('Index file generated successfully');
+    });
+  }
+
+  // 메인 실행
+  function main(): void {
+    generateIconComponents();
+    generateIndexFile();
+  }
+
+  main();
+};

package/src/index.ts

@@ -0,0 +1,2 @@
+export * from './generate-svg-files';
+export * from './generate-tsx-components';

package/tsconfig.json

@@ -0,0 +1,24 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "target": "ESNext",
+    "emitDeclarationOnly": true,
+    "skipLibCheck": true,
+    "allowJs": true,
+    "incremental": false,
+    "rootDir": "src",
+    "outDir": "lib",
+    "module": "ESNext",
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "declaration": true,
+    "strict": true,
+    "noImplicitAny": true,
+    "moduleResolution": "Bundler",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx"],
+  "exclude": ["node_modules", "lib"]
+}

package/tsup.config.ts

@@ -0,0 +1,26 @@
+import { defineConfig } from 'tsup';
+
+export default defineConfig({
+  entry: ['src/index.ts'],
+  outDir: 'lib',
+  format: 'esm',
+  bundle: true,
+  minify: false,
+  keepNames: true,
+  clean: true,
+  loader: {
+    '.ts': 'ts',
+    '.tsx': 'tsx',
+    '.css': 'css',
+    '.ttf': 'file',
+    '.woff2': 'file',
+  },
+  tsconfig: './tsconfig.json',
+  platform: 'node',
+  dts: true,
+  outExtension: (ctx) => ({
+    js: '.js',
+    dts: '.d.ts',
+  }),
+  shims: true,
+});

package/scripts/generate-svg-files.js

@@ -1,36 +0,0 @@
-const fs = require('fs');
-const path = require('path');
-
-const figmaData = JSON.parse(fs.readFileSync('./figma.json', 'utf8'));
-
-function convertToCurrentColor(svgString) {
-  return svgString.replace(/#1E1E1F/g, 'currentColor');
-}
-
-function optimizeSvg(svgString) {
-  return svgString.replace(/\s+/g, ' ').replace(/>\s+</g, '><').trim();
-}
-
-const svgDir = './';
-if (!fs.existsSync(svgDir)) {
-  fs.mkdirSync(svgDir, { recursive: true });
-}
-
-Object.entries(figmaData).forEach(([iconName, variants]) => {
-  const iconDir = path.join(svgDir, iconName);
-  if (!fs.existsSync(iconDir)) {
-    fs.mkdirSync(iconDir, { recursive: true });
-  }
-
-  Object.entries(variants).forEach(([variant, svgString]) => {
-    if (svgString && svgString.trim() !== '') {
-      const convertedSvg = convertToCurrentColor(svgString);
-      const optimizedSvg = optimizeSvg(convertedSvg);
-
-      const fileName = `${variant}.svg`;
-      const filePath = path.join(iconDir, fileName);
-
-      fs.writeFileSync(filePath, optimizedSvg);
-    }
-  });
-});

package/scripts/generate-tsx-components.js

@@ -1,179 +0,0 @@
-const fs = require('fs');
-const path = require('path');
-
-// 상수 정의
-const FIGMA_DATA_PATH = './figma.json';
-const OUTPUT_DIR = './assets';
-const INDEX_FILE_PATH = './index.tsx';
-
-const COLOR = 'type';
-const FILL_TYPE = 'fillType';
-
-// SVG 색상 변환 함수
-function convertToCurrentColor(svgString) {
-  return svgString
-    .replace(/fill="#1E1E1F"/g, `style={{ fill: \`var(--$\{${COLOR}\})\` }}`)
-    .replace(/fill="white"/g, `style={{ fill: \`var(--$\{${FILL_TYPE}\})\` }}`);
-}
-
-// SVG 속성 정규화 함수
-function normalizeSvgAttributes(svgString) {
-  return svgString
-    .replace(/fill-rule/g, 'fillRule')
-    .replace(/clip-rule/g, 'clipRule')
-    .replace(/width="\d+"/, 'width={iconSizeMap[size]}')
-    .replace(/height="\d+"/, 'height={iconSizeMap[size]}')
-    .replace(/xmlns="http:\/\/www.w3.org\/2000\/svg"/, 'ref={ref} className={className} {...props}')
-    .replace(/style="[^"]*"/g, '')
-    .replace(/xmlns="http:\/\/www.w3.org\/1999\/xhtml"/g, '');
-}
-
-// 케밥 케이스 변환 함수
-const KEBAB_REGEX = /\p{Lu}/gu;
-const kebabCase = (str, keepLeadingDash = true) => {
-  const result = str.replace(KEBAB_REGEX, (match) => `-${match.toLowerCase()}`);
-
-  if (keepLeadingDash) {
-    return result;
-  }
-
-  if (result.startsWith('-')) {
-    return result.slice(1);
-  }
-
-  return result;
-};
-
-// 파스칼 케이스 변환 함수
-const generateIconName = (iconName) => {
-  return iconName
-    .split('-')
-    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
-    .join('');
-};
-
-// 아이콘 Props 인터페이스 생성 함수
-const IconProps = (additionalProps = '') => `{
-  fill?: boolean;
-  thick?: boolean;
-  className?: string;
-  ${additionalProps}
-  ${COLOR}?: BasicColorType;
-  ${FILL_TYPE}?: BasicColorType;
-}`;
-
-// 디렉토리 생성 함수
-function ensureDirectoryExists(dirPath) {
-  if (!fs.existsSync(dirPath)) {
-    fs.mkdirSync(dirPath, { recursive: true });
-  }
-}
-
-// SVG 변형 처리 함수
-function processSvgVariants(variants) {
-  const variantSvgs = {};
-
-  Object.entries(variants).forEach(([variant, svgString]) => {
-    if (svgString && svgString.trim() !== '') {
-      variantSvgs[variant] = normalizeSvgAttributes(convertToCurrentColor(svgString));
-    }
-  });
-
-  return variantSvgs;
-}
-
-// TSX 컴포넌트 코드 생성 함수
-function generateTsxComponent(componentName, variantSvgs, defaultSvg) {
-  return `import React, { forwardRef } from 'react';
-import { iconSizeMap } from '@liner-fe/design-token-primitive';
-import { IconProps } from '../../index';
-
-export const Icon${componentName} = forwardRef<SVGSVGElement, IconProps>(
-  ({ fill = false, thick = false, size = 'm', type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
-  if (fill && thick) {
-    return ${variantSvgs['fill-thick'] || defaultSvg};
-  } else if (fill) {
-    return ${variantSvgs.fill || defaultSvg};
-  } else if (thick) {
-    return ${variantSvgs.thick || defaultSvg};
-  } 
-  
-  return ${variantSvgs.default || defaultSvg};
-  }
-);
-`;
-}
-
-// 메인 실행 함수
-function generateIconComponents() {
-  const figmaData = JSON.parse(fs.readFileSync(FIGMA_DATA_PATH, 'utf8'));
-
-  // 출력 디렉토리 생성
-  ensureDirectoryExists(OUTPUT_DIR);
-
-  Object.entries(figmaData).forEach(([iconName, variants]) => {
-    const iconDir = path.join(OUTPUT_DIR, iconName);
-    ensureDirectoryExists(iconDir);
-
-    const variantSvgs = processSvgVariants(variants);
-
-    if (Object.keys(variantSvgs).length > 0) {
-      const componentName = generateIconName(iconName);
-      const defaultSvg = variantSvgs.default || variantSvgs.thick || Object.values(variantSvgs)[0];
-
-      const tsxCode = generateTsxComponent(componentName, variantSvgs, defaultSvg);
-      const filePath = path.join(iconDir, 'index.tsx');
-
-      fs.writeFileSync(filePath, tsxCode);
-    }
-  });
-}
-
-// 인덱스 파일 생성 함수
-function generateIndexFile() {
-  const figmaData = JSON.parse(fs.readFileSync(FIGMA_DATA_PATH, 'utf8'));
-
-  const imports = Object.keys(figmaData)
-    .map((iconName) => {
-      const componentName = generateIconName(iconName);
-      return `export { Icon${componentName} } from './assets/${iconName}';`;
-    })
-    .join('\n');
-
-  const iconKeys = Object.keys(figmaData).map((iconName) => {
-    return `"${kebabCase(generateIconName(iconName), false)}"`;
-  });
-
-  const indexContent = `import React, { SVGProps } from 'react';
-  import { BasicColorType, iconSizeMap } from '@liner-fe/design-token-primitive';
-${imports}
-
-export type IconName = ${iconKeys.join(' | ')};
-
-export type IconSizeKey = keyof typeof iconSizeMap;
-
-export interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> ${IconProps('size?: keyof typeof iconSizeMap;')}
-
-export type IconComponentType = React.ForwardRefExoticComponent<
-  Omit<IconProps, 'ref'> & React.RefAttributes<SVGSVGElement>
->;
-`;
-
-  fs.writeFileSync(INDEX_FILE_PATH, indexContent, (err) => {
-    if (err) {
-      console.error(err);
-    }
-
-    console.log('Index file generated successfully');
-  });
-}
-
-// 메인 실행
-function main() {
-  generateIconComponents();
-  generateIndexFile();
-}
-
-console.log('실행');
-
-main();