jy-headless 0.1.11 → 0.2.0

package/README.md

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

package/dist/cjs/_virtual/_tslib.js

@@ -0,0 +1,37 @@
+'use strict';
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+exports.__rest = __rest;

package/dist/cjs/_virtual/jsx-runtime.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var jsxRuntime = require('../node_modules/.pnpm/react@19.0.0/node_modules/react/jsx-runtime.js');
+
+var jsxRuntimeExports = jsxRuntime.__require();
+
+exports.jsxRuntimeExports = jsxRuntimeExports;

package/dist/cjs/_virtual/jsx-runtime2.js

@@ -0,0 +1,5 @@
+'use strict';
+
+var jsxRuntime = {exports: {}};
+
+exports.__module = jsxRuntime;

package/dist/cjs/_virtual/react-jsx-runtime.development.js

@@ -0,0 +1,5 @@
+'use strict';
+
+var reactJsxRuntime_development = {};
+
+exports.__exports = reactJsxRuntime_development;

package/dist/cjs/_virtual/react-jsx-runtime.production.js

@@ -0,0 +1,5 @@
+'use strict';
+
+var reactJsxRuntime_production = {};
+
+exports.__exports = reactJsxRuntime_production;

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

@@ -0,0 +1,3 @@
+import type { ButtonProps } from '../types/buttons/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/Button.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../_virtual/_tslib.js');
+var jsxRuntime = require('../_virtual/jsx-runtime.js');
+var require$$0 = require('react');
+
+const Button = (_a) => {
+    var { onClick, debounce = false, loading = false, readOnly = false, disabled = false, children } = _a, props = _tslib.__rest(_a, ["onClick", "debounce", "loading", "readOnly", "disabled", "children"]);
+    const timer = require$$0.useRef(0);
+    const handleClick = (() => {
+        if (!onClick)
+            return;
+        if (debounce) {
+            return () => {
+                clearTimeout(timer.current);
+                timer.current = setTimeout(onClick, 300);
+            };
+        }
+        return onClick;
+    })();
+    return (jsxRuntime.jsxRuntimeExports.jsx("button", Object.assign({ onClick: handleClick, disabled: disabled || loading || readOnly }, props, { children: children })));
+};
+
+exports.default = Button;

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

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

package/dist/cjs/index.d.ts

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

package/dist/cjs/index.js

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