@nexus-cross/design-system 1.0.0

package/package.json

@@ -0,0 +1,291 @@
+{
+  "name": "@nexus-cross/design-system",
+  "version": "1.0.0",
+  "description": "NEXUS Design System UI Components",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./styles": {
+      "import": "./dist/styles.mjs",
+      "require": "./dist/styles.js"
+    },
+    "./styles/layer": {
+      "import": "./dist/styles/layer.mjs",
+      "require": "./dist/styles/layer.js"
+    },
+    "./styles.css": "./dist/styles.css",
+    "./styles.layered.css": "./dist/styles.layered.css",
+    "./modal": {
+      "types": "./dist/modal/index.d.ts",
+      "import": "./dist/modal/index.mjs",
+      "require": "./dist/modal/index.js"
+    },
+    "./button": {
+      "types": "./dist/button.d.ts",
+      "import": "./dist/button.mjs",
+      "require": "./dist/button.js"
+    },
+    "./chip": {
+      "types": "./dist/chip.d.ts",
+      "import": "./dist/chip.mjs",
+      "require": "./dist/chip.js"
+    },
+    "./checkbox": {
+      "types": "./dist/checkbox.d.ts",
+      "import": "./dist/checkbox.mjs",
+      "require": "./dist/checkbox.js"
+    },
+    "./switch": {
+      "types": "./dist/switch.d.ts",
+      "import": "./dist/switch.mjs",
+      "require": "./dist/switch.js"
+    },
+    "./text-input": {
+      "types": "./dist/text-input.d.ts",
+      "import": "./dist/text-input.mjs",
+      "require": "./dist/text-input.js"
+    },
+    "./text-area": {
+      "types": "./dist/text-area.d.ts",
+      "import": "./dist/text-area.mjs",
+      "require": "./dist/text-area.js"
+    },
+    "./number-input": {
+      "types": "./dist/number-input.d.ts",
+      "import": "./dist/number-input.mjs",
+      "require": "./dist/number-input.js"
+    },
+    "./avatar": {
+      "types": "./dist/avatar.d.ts",
+      "import": "./dist/avatar.mjs",
+      "require": "./dist/avatar.js"
+    },
+    "./select": {
+      "types": "./dist/select.d.ts",
+      "import": "./dist/select.mjs",
+      "require": "./dist/select.js"
+    },
+    "./drawer": {
+      "types": "./dist/drawer.d.ts",
+      "import": "./dist/drawer.mjs",
+      "require": "./dist/drawer.js"
+    },
+    "./tooltip": {
+      "types": "./dist/tooltip.d.ts",
+      "import": "./dist/tooltip.mjs",
+      "require": "./dist/tooltip.js"
+    },
+    "./divider": {
+      "types": "./dist/divider.d.ts",
+      "import": "./dist/divider.mjs",
+      "require": "./dist/divider.js"
+    },
+    "./radio-group": {
+      "types": "./dist/radio-group.d.ts",
+      "import": "./dist/radio-group.mjs",
+      "require": "./dist/radio-group.js"
+    },
+    "./pagination": {
+      "types": "./dist/pagination.d.ts",
+      "import": "./dist/pagination.mjs",
+      "require": "./dist/pagination.js"
+    },
+    "./tab": {
+      "types": "./dist/tab.d.ts",
+      "import": "./dist/tab.mjs",
+      "require": "./dist/tab.js"
+    },
+    "./accordion": {
+      "types": "./dist/accordion.d.ts",
+      "import": "./dist/accordion.mjs",
+      "require": "./dist/accordion.js"
+    },
+    "./popover": {
+      "types": "./dist/popover.d.ts",
+      "import": "./dist/popover.mjs",
+      "require": "./dist/popover.js"
+    },
+    "./carousel": {
+      "types": "./dist/carousel.d.ts",
+      "import": "./dist/carousel.mjs",
+      "require": "./dist/carousel.js"
+    },
+    "./virtual-scroll": {
+      "types": "./dist/virtual-scroll.d.ts",
+      "import": "./dist/virtual-scroll.mjs",
+      "require": "./dist/virtual-scroll.js"
+    },
+    "./infinite-scroll": {
+      "types": "./dist/infinite-scroll.d.ts",
+      "import": "./dist/infinite-scroll.mjs",
+      "require": "./dist/infinite-scroll.js"
+    },
+    "./marquee": {
+      "types": "./dist/marquee.d.ts",
+      "import": "./dist/marquee.mjs",
+      "require": "./dist/marquee.js"
+    },
+    "./ellipsis": {
+      "types": "./dist/ellipsis.d.ts",
+      "import": "./dist/ellipsis.mjs",
+      "require": "./dist/ellipsis.js"
+    },
+    "./spinner": {
+      "types": "./dist/spinner.d.ts",
+      "import": "./dist/spinner.mjs",
+      "require": "./dist/spinner.js"
+    },
+    "./skeleton": {
+      "types": "./dist/skeleton.d.ts",
+      "import": "./dist/skeleton.mjs",
+      "require": "./dist/skeleton.js"
+    },
+    "./countdown": {
+      "types": "./dist/countdown.d.ts",
+      "import": "./dist/countdown.mjs",
+      "require": "./dist/countdown.js"
+    },
+    "./counter": {
+      "types": "./dist/counter.d.ts",
+      "import": "./dist/counter.mjs",
+      "require": "./dist/counter.js"
+    },
+    "./data-list": {
+      "types": "./dist/data-list.d.ts",
+      "import": "./dist/data-list.mjs",
+      "require": "./dist/data-list.js"
+    },
+    "./client-only": {
+      "types": "./dist/client-only.d.ts",
+      "import": "./dist/client-only.mjs",
+      "require": "./dist/client-only.js"
+    },
+    "./error-boundary": {
+      "types": "./dist/error-boundary.d.ts",
+      "import": "./dist/error-boundary.mjs",
+      "require": "./dist/error-boundary.js"
+    },
+    "./theme-provider": {
+      "types": "./dist/theme-provider.d.ts",
+      "import": "./dist/theme-provider.mjs",
+      "require": "./dist/theme-provider.js"
+    },
+    "./toast": {
+      "types": "./dist/toast.d.ts",
+      "import": "./dist/toast.mjs",
+      "require": "./dist/toast.js"
+    },
+    "./table": {
+      "types": "./dist/table.d.ts",
+      "import": "./dist/table.mjs",
+      "require": "./dist/table.js"
+    },
+    "./hooks/useCheckDevice": {
+      "types": "./dist/hooks/useCheckDevice.d.ts",
+      "import": "./dist/hooks/useCheckDevice.mjs",
+      "require": "./dist/hooks/useCheckDevice.js"
+    },
+    "./hooks/useClickOutside": {
+      "types": "./dist/hooks/useClickOutside.d.ts",
+      "import": "./dist/hooks/useClickOutside.mjs",
+      "require": "./dist/hooks/useClickOutside.js"
+    },
+    "./hooks/useModal": {
+      "types": "./dist/hooks/useModal.d.ts",
+      "import": "./dist/hooks/useModal.mjs",
+      "require": "./dist/hooks/useModal.js"
+    },
+    "./hooks/useInView": {
+      "types": "./dist/hooks/useInView.d.ts",
+      "import": "./dist/hooks/useInView.mjs",
+      "require": "./dist/hooks/useInView.js"
+    },
+    "./utils/cn": {
+      "types": "./dist/utils/cn.d.ts",
+      "import": "./dist/utils/cn.mjs",
+      "require": "./dist/utils/cn.js"
+    },
+    "./schemas": {
+      "types": "./dist/schemas.d.ts",
+      "import": "./dist/schemas.mjs",
+      "require": "./dist/schemas.js"
+    }
+  },
+  "sideEffects": [
+    "./dist/styles.js",
+    "./dist/styles.mjs",
+    "./dist/styles/layer.js",
+    "./dist/styles/layer.mjs",
+    "./dist/index.js",
+    "./dist/index.mjs",
+    "*.css"
+  ],
+  "files": [
+    "dist",
+    "cursor-rules",
+    "scripts/setup-cursor-rules.cjs"
+  ],
+  "bin": {
+    "nexus-ds-setup": "./scripts/setup-cursor-rules.cjs"
+  },
+  "keywords": [
+    "design-system",
+    "ui",
+    "components",
+    "nexus-cross"
+  ],
+  "author": "NEXUS",
+  "license": "ISC",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "peerDependencies": {
+    "@nexus-cross/tokens": "^1.0.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "@radix-ui/react-accordion": "^1.2.12",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@tanstack/react-virtual": "^3.13.23",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "embla-carousel-autoplay": "^8.6.0",
+    "embla-carousel-react": "^8.6.0",
+    "lodash-es": "^4.17.21",
+    "sonner": "^2.0.7",
+    "vaul": "^1.1.2",
+    "zod": "^3.25.76"
+  },
+  "devDependencies": {
+    "@types/lodash-es": "^4.17.12",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0",
+    "zod-to-json-schema": "^3.25.2",
+    "@nexus-cross/tokens": "1.0.0"
+  },
+  "scripts": {
+    "postinstall": "node scripts/setup-cursor-rules.cjs",
+    "build:css": "node src/styles/scripts/css-to-ts.js",
+    "build:js": "tsup",
+    "build:schemas": "node scripts/generate-json-schemas.cjs",
+    "build:mdc": "node scripts/generate-mdc.cjs",
+    "build": "pnpm build:css && pnpm build:js && cp src/styles/.generated/built.clean.css dist/styles.css && node scripts/generate-layered-css.cjs && node scripts/inject-css-import.cjs && pnpm build:schemas && pnpm build:mdc",
+    "dev": "tsup --watch",
+    "lint": "eslint src/",
+    "type-check": "tsc --noEmit"
+  }
+}

package/scripts/setup-cursor-rules.cjs

@@ -0,0 +1,92 @@
+#!/usr/bin/env node
+
+const fs = require('fs');
+const path = require('path');
+
+const UI_RULES = ['nexus-project-setup.mdc', 'nexus-ui-components.mdc', 'nexus-ui-api.mdc'];
+
+const TOKENS_FRONTMATTER = `---
+description: "NEXUS Design Token Reference — 색상, 타이포그래피, 간격 등 모든 디자인 토큰의 Tailwind 클래스와 CSS 변수"
+alwaysApply: true
+---
+
+`;
+
+const DOMAINS_FRONTMATTER = `---
+description: "NEXUS Domain Token Reference — 프로젝트별 도메인 토큰의 Tailwind 클래스와 CSS 변수"
+alwaysApply: true
+---
+
+`;
+
+function findProjectRoot(startDir) {
+  let dir = startDir;
+  while (dir !== path.parse(dir).root) {
+    const pkgPath = path.join(dir, 'package.json');
+    if (fs.existsSync(pkgPath) && !dir.includes('node_modules')) {
+      return dir;
+    }
+    dir = path.dirname(dir);
+  }
+  return null;
+}
+
+function run() {
+  const projectRoot = findProjectRoot(process.cwd()) || findProjectRoot(path.resolve(__dirname, '..', '..', '..'));
+  if (!projectRoot) {
+    console.log('[@nexus-cross] 프로젝트 루트를 찾을 수 없습니다. 건너뜁니다.');
+    return;
+  }
+
+  const nodeModules = path.join(projectRoot, 'node_modules');
+  const targetDir = path.join(projectRoot, '.cursor', 'rules');
+  fs.mkdirSync(targetDir, { recursive: true });
+
+  let installed = 0;
+
+  function writeRule(destName, content, label) {
+    const dest = path.join(targetDir, destName);
+    const destExists = fs.existsSync(dest);
+    const destContent = destExists ? fs.readFileSync(dest, 'utf-8') : '';
+    if (!destExists || content !== destContent) {
+      fs.writeFileSync(dest, content, 'utf-8');
+      installed++;
+      console.log(`[${label}] ${destExists ? '업데이트' : '설치'}: .cursor/rules/${destName}`);
+    }
+  }
+
+  // UI cursor rules
+  const rulesSourceDir = path.resolve(__dirname, '..', 'cursor-rules');
+  if (fs.existsSync(rulesSourceDir)) {
+    for (const file of UI_RULES) {
+      const src = path.join(rulesSourceDir, file);
+      if (fs.existsSync(src)) {
+        writeRule(file, fs.readFileSync(src, 'utf-8'), '@nexus-cross/design-system');
+      }
+    }
+  }
+
+  // Tokens cursor rules
+  const tokensMd = path.join(nodeModules, '@nexus-cross', 'tokens', 'dist', 'TOKENS.md');
+  if (fs.existsSync(tokensMd)) {
+    writeRule('nexus-tokens.mdc', TOKENS_FRONTMATTER + fs.readFileSync(tokensMd, 'utf-8'), '@nexus-cross/tokens');
+  }
+
+  // Tokens-domains cursor rules
+  const domainsDistDir = path.join(nodeModules, '@nexus-cross', 'tokens-domains', 'dist');
+  if (fs.existsSync(domainsDistDir)) {
+    const mds = fs.readdirSync(domainsDistDir).filter(f => f.endsWith('.md'));
+    if (mds.length > 0) {
+      const content = DOMAINS_FRONTMATTER + mds.map(f => fs.readFileSync(path.join(domainsDistDir, f), 'utf-8')).join('\n\n---\n\n');
+      writeRule('nexus-domains.mdc', content, '@nexus-cross/tokens-domains');
+    }
+  }
+
+  if (installed === 0) {
+    console.log('[@nexus-cross] Cursor rules가 이미 최신 상태입니다.');
+  } else {
+    console.log(`[@nexus-cross] ${installed}개의 Cursor rule 파일이 설치되었습니다.`);
+  }
+}
+
+run();