jy-headless 0.2.15 → 0.2.17

package/README.md

@@ -0,0 +1,77 @@
+# jy-headless
+
+jy-headless는 React용으로 설계된 현대적이고 경량화된 커스터마이즈 가능한 Headless UI 컴포넌트 라이브러리입니다. 다양한 컴포넌트를 제공하며, 이를 쉽게 스타일링하고 React 애플리케이션에
+통합할 수 있습니다. 이 라이브러리는 접근성에 최적화된 비스타일링 컴포넌트를 제공하여, 자신만의 디자인을 만들 수 있도록 돕습니다.
+
+## 특징
+
+- 모듈형 컴포넌트: 버튼, 입력, 모달, 스피너 등 다양한 필수 UI 컴포넌트 제공
+- 완전한 커스터마이징 가능: 컴포넌트에 스타일이 적용되지 않아 Tailwind CSS, styled-components 등 원하는 스타일링 방식으로 자유롭게 꾸밀 수 있습니다.
+- TypeScript 지원: TypeScript로 구축되어 개발자 경험과 타입 안전성이 향상되었습니다.
+- 성능 최적화: Rollup을 사용하여 트리 쉐이킹과 최적화된 번들 사이즈를 구현
+
+## 컴포넌트
+
+- Button
+- Input
+- ImageInput
+- Spinner
+- Radio
+  - RadioInput
+  - RadioGroup
+- Checkbox
+  - Checkbox(Single)
+  - CheckboxList
+- Modal
+- Tab
+- Accordion
+  Dropdown
+- Icons
+  - CallIcon
+  - CloseIcon
+  - SearchIcon
+  - HomeIcon
+  - SearchIcon
+  - DownArrowIcon
+  - UpArrowIcon
+  - ImageIcon
+  - ImagePlusIcon
+
+## Storybook
+
+[Storybook Demo](https://6795bdd4b570ec0f79b87452-vxalvntppc.chromatic.com)에서 `jy-headless` 라이브러리의 컴포넌트들을 실시간으로 확인할 수 있습니다.
+
+## 설치
+
+```bash
+npm install jy-headless
+# 또는
+pnpm install jy-headless
+# 또는
+yarn add jy-headless
+```
+
+## 사용법
+
+컴포넌트를 아래와 같이 import하여 사용할 수 있습니다:
+
+```jsx
+import { Button, Input, Modal } from 'jy-headless';
+
+const App = () => (
+  <div>
+    <Button onClick={() => alert('Button clicked!')}>클릭하세요</Button>
+    <Input placeholder="무언가를 입력하세요..." />
+    <Modal isOpen={true} opener={<Button>open dialog</Button>}>
+      <Modal.Overlay>
+        <h3>모달입니다</h3>
+        <Modal.Close></Modal.Close>
+      </Modal.Overlay>
+    </Modal>
+  </div>
+);
+```
+
+## 라이선스
+
+MIT

package/{buttons → dist/buttons/Button}/Button.d.ts

@@ -1,3 +1,3 @@
-import type { ButtonProps } from '../types';
+import type { ButtonProps } from '../../types';
 declare const Button: ({ onClick, debounce, loading, readOnly, disabled, children, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default Button;

package/dist/buttons/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Button/Button';

package/{cjs/buttons → dist/cjs/buttons/Button}/Button.d.ts

@@ -1,3 +1,3 @@
-import type { ButtonProps } from '../types';
+import type { ButtonProps } from '../../types';
 declare const Button: ({ onClick, debounce, loading, readOnly, disabled, children, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default Button;

package/dist/cjs/buttons/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Button/Button';

package/dist/cjs/index.d.ts

@@ -0,0 +1 @@
+export { default as Button } from './buttons/Button/Button';

package/dist/cjs/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var Button = require('./buttons/Button/Button.js');
+
+
+
+exports.Button = Button;

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { default as Button } from './buttons/Button/Button';

package/dist/index.js

@@ -0,0 +1 @@
+export { default as Button } from './buttons/Button/Button.js';

package/dist/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "jy-headless",
+  "version": "0.2.16",
+  "description": "A lightweight and customizable headless UI library for React components",
+  "license": "MIT",
+  "repository": "https://github.com/yCZwIqY/jy-headless",
+  "main": "./cjs/index.js",
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.js",
+      "require": "./cjs/index.js",
+      "types": "./index.d.ts"
+    },
+    "./cjs": {
+      "import": "./cjs/index.js",
+      "require": "./cjs/cjs/index.js",
+      "types": "./cjs/index.d.ts"
+    }
+  },
+  "keywords": [
+    "react",
+    "headless-ui",
+    "react-components",
+    "ui-library",
+    "tailwind",
+    "storybook"
+  ]
+}

package/dist/version.txt

@@ -0,0 +1 @@
+0.2.16

package/package.json

@@ -1,22 +1,35 @@
 {
   "name": "jy-headless",
-  "version": "0.2.15",
+  "version": "0.2.17",
   "description": "A lightweight and customizable headless UI library for React components",
-  "license": "MIT",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
   "repository": "https://github.com/yCZwIqY/jy-headless",
-  "main": "./cjs/index.js",
-  "module": "./index.js",
-  "types": "./index.d.ts",
+  "scripts": {
+    "build": " rollup -c",
+    "build-publish": "npm run build && npm publish",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "files": [
+    "dist"
+  ],
   "exports": {
     ".": {
-      "import": "./index.js",
-      "require": "./cjs/index.js",
-      "types": "./index.d.ts"
+      "import": "./dist/index.js",
+      "require": "./dist/cjs/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./buttons": {
+      "import": "./buttons/index.js",
+      "require": "./cjs/buttons/index.js",
+      "types": "./types/buttons/index.d.ts"
     },
-    "./cjs": {
-      "import": "./cjs/index.js",
-      "require": "./cjs/cjs/index.js",
-      "types": "./cjs/index.d.ts"
+    "./buttons/Button": {
+      "import": "./buttons/Button/Button.js",
+      "require": "./cjs/buttons/Button/Button.js",
+      "types": "./types/buttons/Button/Button.d.ts"
     }
   },
   "keywords": [
@@ -26,5 +39,52 @@
     "ui-library",
     "tailwind",
     "storybook"
-  ]
-}
+  ],
+  "author": "",
+  "license": "MIT",
+  "type": "module",
+  "devDependencies": {
+    "@babel/core": "^7.26.10",
+    "@babel/preset-env": "^7.26.7",
+    "@babel/preset-react": "^7.26.3",
+    "@chromatic-com/storybook": "3.2.4",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^28.0.2",
+    "@rollup/plugin-node-resolve": "^16.0.0",
+    "@storybook/addon-essentials": "^8.5.1",
+    "@storybook/addon-interactions": "^8.5.1",
+    "@storybook/addon-onboarding": "^8.5.1",
+    "@storybook/addon-postcss": "^2.0.0",
+    "@storybook/blocks": "^8.5.1",
+    "@storybook/react": "^8.5.1",
+    "@storybook/react-vite": "^8.5.1",
+    "@storybook/test": "^8.5.1",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.2.0",
+    "@types/jest": "^29.5.14",
+    "@types/react": "^19.0.7",
+    "@types/react-dom": "^19.0.3",
+    "babel-jest": "^29.7.0",
+    "chromatic": "^11.25.1",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "postcss": "^8.5.1",
+    "prettier": "^3.4.2",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "rollup": "^4.31.0",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-typescript2": "^0.36.0",
+    "storybook": "^8.5.1",
+    "ts-jest": "^29.2.5",
+    "typescript": "^5.7.3"
+  },
+  "dependencies": {
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "tslib": "^2.8.1"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  }
+}

package/buttons/index.d.ts

@@ -1 +0,0 @@
-export { default } from './Button';

package/cjs/buttons/index.d.ts

@@ -1 +0,0 @@
-export { default } from './Button';

package/cjs/index.d.ts

@@ -1 +0,0 @@
-export { default as Button } from './buttons/Button';

package/cjs/index.js

@@ -1,7 +0,0 @@
-'use strict';
-
-var Button = require('./buttons/Button.js');
-
-
-
-exports.Button = Button;

package/index.d.ts

@@ -1 +0,0 @@
-export { default as Button } from './buttons/Button';

package/index.js

@@ -1 +0,0 @@
-export { default as Button } from './buttons/Button.js';

package/version.txt

@@ -1 +0,0 @@
-0.2.15