@exem-ui/react 0.1.0

package/package.json

@@ -0,0 +1,249 @@
+{
+  "name": "@exem-ui/react",
+  "version": "0.1.0",
+  "description": "EXEM Design System - React Components",
+  "author": "EXEM Design Team",
+  "license": "Apache-2.0",
+  "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"
+    },
+    "./avatar": {
+      "types": "./dist/avatar/index.d.ts",
+      "import": "./dist/avatar/index.mjs",
+      "require": "./dist/avatar/index.js"
+    },
+    "./badge": {
+      "types": "./dist/badge/index.d.ts",
+      "import": "./dist/badge/index.mjs",
+      "require": "./dist/badge/index.js"
+    },
+    "./breadcrumb": {
+      "types": "./dist/breadcrumb/index.d.ts",
+      "import": "./dist/breadcrumb/index.mjs",
+      "require": "./dist/breadcrumb/index.js"
+    },
+    "./button": {
+      "types": "./dist/button/index.d.ts",
+      "import": "./dist/button/index.mjs",
+      "require": "./dist/button/index.js"
+    },
+    "./checkbox": {
+      "types": "./dist/checkbox/index.d.ts",
+      "import": "./dist/checkbox/index.mjs",
+      "require": "./dist/checkbox/index.js"
+    },
+    "./flat": {
+      "types": "./dist/flat/index.d.ts",
+      "import": "./dist/flat/index.mjs",
+      "require": "./dist/flat/index.js"
+    },
+    "./flat/select": {
+      "types": "./dist/flat/select.d.ts",
+      "import": "./dist/flat/select.mjs",
+      "require": "./dist/flat/select.js"
+    },
+    "./flat/segment": {
+      "types": "./dist/flat/segment.d.ts",
+      "import": "./dist/flat/segment.mjs",
+      "require": "./dist/flat/segment.js"
+    },
+    "./flat/tooltip": {
+      "types": "./dist/flat/tooltip.d.ts",
+      "import": "./dist/flat/tooltip.mjs",
+      "require": "./dist/flat/tooltip.js"
+    },
+    "./icon": {
+      "types": "./dist/icon/index.d.ts",
+      "import": "./dist/icon/index.mjs",
+      "require": "./dist/icon/index.js"
+    },
+    "./input": {
+      "types": "./dist/input/index.d.ts",
+      "import": "./dist/input/index.mjs",
+      "require": "./dist/input/index.js"
+    },
+    "./loading": {
+      "types": "./dist/loading/index.d.ts",
+      "import": "./dist/loading/index.mjs",
+      "require": "./dist/loading/index.js"
+    },
+    "./picker": {
+      "types": "./dist/picker/index.d.ts",
+      "import": "./dist/picker/index.mjs",
+      "require": "./dist/picker/index.js"
+    },
+    "./messageBox": {
+      "types": "./dist/messageBox/index.d.ts",
+      "import": "./dist/messageBox/index.mjs",
+      "require": "./dist/messageBox/index.js"
+    },
+    "./modal": {
+      "types": "./dist/modal/index.d.ts",
+      "import": "./dist/modal/index.mjs",
+      "require": "./dist/modal/index.js"
+    },
+    "./radio": {
+      "types": "./dist/radio/index.d.ts",
+      "import": "./dist/radio/index.mjs",
+      "require": "./dist/radio/index.js"
+    },
+    "./scrollArea": {
+      "types": "./dist/scrollArea/index.d.ts",
+      "import": "./dist/scrollArea/index.mjs",
+      "require": "./dist/scrollArea/index.js"
+    },
+    "./segment": {
+      "types": "./dist/segment/index.d.ts",
+      "import": "./dist/segment/index.mjs",
+      "require": "./dist/segment/index.js"
+    },
+    "./star": {
+      "types": "./dist/star/index.d.ts",
+      "import": "./dist/star/index.mjs",
+      "require": "./dist/star/index.js"
+    },
+    "./switch": {
+      "types": "./dist/switch/index.d.ts",
+      "import": "./dist/switch/index.mjs",
+      "require": "./dist/switch/index.js"
+    },
+    "./tabs": {
+      "types": "./dist/tabs/index.d.ts",
+      "import": "./dist/tabs/index.mjs",
+      "require": "./dist/tabs/index.js"
+    },
+    "./tag": {
+      "types": "./dist/tag/index.d.ts",
+      "import": "./dist/tag/index.mjs",
+      "require": "./dist/tag/index.js"
+    },
+    "./toast": {
+      "types": "./dist/toast/index.d.ts",
+      "import": "./dist/toast/index.mjs",
+      "require": "./dist/toast/index.js"
+    },
+    "./tooltip": {
+      "types": "./dist/tooltip/index.d.ts",
+      "import": "./dist/tooltip/index.mjs",
+      "require": "./dist/tooltip/index.js"
+    },
+    "./progress": {
+      "types": "./dist/progress/index.d.ts",
+      "import": "./dist/progress/index.mjs",
+      "require": "./dist/progress/index.js"
+    },
+    "./styles": "./styles.css"
+  },
+  "sideEffects": ["styles.css"],
+  "files": [
+    "dist",
+    "styles.css"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "generate": "node scripts/generate-icons.js",
+    "prebuild": "pnpm generate",
+    "build": "tsup",
+    "dev": "pnpm generate && tsup --watch",
+    "pretypecheck": "pnpm generate",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest watch",
+    "test:coverage": "vitest run --coverage",
+    "test:ui": "vitest --ui",
+    "lint": "biome check src",
+    "lint:fix": "biome check --write src",
+    "format": "prettier --write \"src/**/*.{ts,tsx}\"",
+    "prepublishOnly": "pnpm generate && pnpm build"
+  },
+  "keywords": [
+    "react",
+    "components",
+    "exem",
+    "design-system",
+    "typescript"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/CloudMOA/exem-ui.git",
+    "directory": "packages/react"
+  },
+  "homepage": "https://github.com/CloudMOA/exem-ui",
+  "bugs": {
+    "url": "https://github.com/CloudMOA/exem-ui/issues"
+  },
+  "peerDependencies": {
+    "react": ">=19.0.0",
+    "react-dom": ">=19.0.0"
+  },
+  "dependencies": {
+    "@atlaskit/pragmatic-drag-and-drop": "^1.7.7",
+    "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
+    "@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.11",
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@exem-ui/core": "workspace:*",
+    "@radix-ui/react-checkbox": "^1.2.3",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-radio-group": "^1.2.3",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-switch": "^1.2.3",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@tanstack/react-table": "^8.21.3",
+    "@tanstack/react-virtual": "^3.13.16",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lodash-es": "^4.17.22",
+    "react-day-picker": "^9.13.2",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.3.1",
+    "tailwind-scrollbar-hide": "^4.0.0",
+    "tiny-invariant": "^1.3.3"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.15.0",
+    "@exem-ui/tailwindcss3": "workspace:*",
+    "@svgr/core": "^8.1.0",
+    "@svgr/plugin-jsx": "^8.1.0",
+    "@types/lodash-es": "^4.17.12",
+    "@types/react": "^19.1.9",
+    "@types/react-dom": "^19.1.7",
+    "@vitest/coverage-v8": "^4.0.16",
+    "autoprefixer": "^10.4.20",
+    "eslint": "^9.15.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-import-resolver-typescript": "^3.6.3",
+    "eslint-plugin-eslint-comments": "^3.2.0",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-react": "^7.37.2",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-sort-keys-fix": "^1.1.2",
+    "eslint-plugin-tailwindcss": "^3.17.5",
+    "eslint-plugin-unused-imports": "^4.1.4",
+    "globals": "^15.12.0",
+    "prettier": "^3.4.2",
+    "prettier-plugin-tailwindcss": "^0.6.9",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
+    "svgo": "^3.3.2",
+    "tailwindcss": "^3.4.15",
+    "tailwindcss-animate": "^1.0.7",
+    "tsup": "^8.5.0",
+    "typescript": "^5.8.2",
+    "typescript-eslint": "^8.16.0"
+  }
+}

package/styles.css

@@ -0,0 +1,20 @@
+/**
+ * @exem-ui/react — Tailwind CSS 4 Source Detection
+ *
+ * TW4는 node_modules를 기본 스캔하지 않으므로,
+ * 컴포넌트 내부 유틸리티 클래스(rounded-full, shrink-0 등)를
+ * TW4가 인식하려면 이 파일을 @import 해야 합니다.
+ *
+ * @example
+ * ```css
+ * @import "tailwindcss";
+ * @import "@exem-ui/core/css";
+ * @import "@exem-ui/tailwindcss4";
+ * @import "@exem-ui/react/styles";
+ * ```
+ *
+ * 참고: Tailwind CSS 3에서는 tailwind.config.js의 content 배열이
+ * node_modules를 포함할 수 있어 별도 설정이 불필요했습니다.
+ * TW4의 CSS-first 아키텍처에서는 @source로 대체됩니다.
+ */
+@source "./dist";