jy-headless 0.2.36 → 0.3.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jy-headless",
-  "version": "0.2.36",
+  "version": "0.3.6",
   "description": "A lightweight and customizable headless UI library for React components",
   "license": "MIT",
   "repository": "https://github.com/yCZwIqY/jy-headless",
@@ -13,80 +13,40 @@
       "require": "./cjs/index.js",
       "types": "./index.d.ts"
     },
-    "./Button": {
-      "import": "./cjs/buttons/Button/Button.js",
-      "require": "./cjs/cjs/buttons/Button/Button.js",
-      "types": "./cjs/buttons/Button/Button.d.ts"
-    },
     "./cjs": {
       "import": "./cjs/index.js",
       "require": "./cjs/cjs/index.js",
       "types": "./cjs/index.d.ts"
     },
-    "./useDebouncing": {
-      "import": "./hooks/useDebouncing.js",
-      "require": "./cjs/hooks/useDebouncing.js",
-      "types": "./hooks/useDebouncing.d.ts"
+    "./useDebounce": {
+      "import": "./hooks/useDebounce.js",
+      "require": "./cjs/hooks/useDebounce.js",
+      "types": "./hooks/useDebounce.d.ts"
     },
-    "./useDropdown": {
-      "import": "./hooks/useDropdown.js",
-      "require": "./cjs/hooks/useDropdown.js",
-      "types": "./hooks/useDropdown.d.ts"
+    "./usePortal": {
+      "import": "./hooks/usePortal.js",
+      "require": "./cjs/hooks/usePortal.js",
+      "types": "./hooks/usePortal.d.ts"
     },
-    "./useThrottling": {
-      "import": "./hooks/useThrottling.js",
-      "require": "./cjs/hooks/useThrottling.js",
-      "types": "./hooks/useThrottling.d.ts"
+    "./useThrottle": {
+      "import": "./hooks/useThrottle.js",
+      "require": "./cjs/hooks/useThrottle.js",
+      "types": "./hooks/useThrottle.d.ts"
     },
     "./index": {
-      "import": "./types/tooltip/index.js",
-      "require": "./cjs/types/tooltip/index.js",
-      "types": "./types/tooltip/index.d.ts"
-    },
-    "./cjs/inputs/checkboxList": {
-      "import": "./cjs/inputs/checkboxList/index.js",
-      "require": "./cjs/cjs/inputs/checkboxList/index.js",
-      "types": "./cjs/inputs/checkboxList/index.d.ts"
-    },
-    "./CheckboxList": {
-      "import": "./inputs/checkboxList/CheckboxList.js",
-      "require": "./cjs/inputs/checkboxList/CheckboxList.js",
-      "types": "./inputs/checkboxList/CheckboxList.d.ts"
-    },
-    "./ImageInput": {
-      "import": "./inputs/ImageInput/ImageInput.js",
-      "require": "./cjs/inputs/ImageInput/ImageInput.js",
-      "types": "./inputs/ImageInput/ImageInput.d.ts"
-    },
-    "./Input": {
-      "import": "./inputs/Input/Input.js",
-      "require": "./cjs/inputs/Input/Input.js",
-      "types": "./inputs/Input/Input.d.ts"
+      "import": "./index.js",
+      "require": "./cjs/index.js",
+      "types": "./index.d.ts"
     },
-    "./Dropdown": {
-      "import": "./selectors/Dropdown/Dropdown.js",
-      "require": "./cjs/selectors/Dropdown/Dropdown.js",
-      "types": "./selectors/Dropdown/Dropdown.d.ts"
+    "./Popover": {
+      "import": "./Popover/Popover.js",
+      "require": "./cjs/Popover/Popover.js",
+      "types": "./Popover/Popover.d.ts"
     },
     "./Tooltip": {
-      "import": "./tooltip/Tooltip/Tooltip.js",
-      "require": "./cjs/tooltip/Tooltip/Tooltip.js",
-      "types": "./tooltip/Tooltip/Tooltip.d.ts"
-    },
-    "./cjs/types/tooltip": {
-      "import": "./cjs/types/tooltip/index.js",
-      "require": "./cjs/cjs/types/tooltip/index.js",
-      "types": "./cjs/types/tooltip/index.d.ts"
-    },
-    "./inputs/checkboxList": {
-      "import": "./inputs/checkboxList/index.js",
-      "require": "./cjs/inputs/checkboxList/index.js",
-      "types": "./inputs/checkboxList/index.d.ts"
-    },
-    "./types/tooltip": {
-      "import": "./types/tooltip/index.js",
-      "require": "./cjs/types/tooltip/index.js",
-      "types": "./types/tooltip/index.d.ts"
+      "import": "./Tooltip/Tooltip.js",
+      "require": "./cjs/Tooltip/Tooltip.js",
+      "types": "./Tooltip/Tooltip.d.ts"
     }
   },
   "keywords": [

package/version.txt

@@ -1 +1 @@
-0.2.36
+0.3.6

package/buttons/Button/Button.d.ts

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

package/buttons/Button/Button.js

@@ -1,9 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import useDebouncing from '../../hooks/useDebouncing.js';
-
-const Button = ({ onClick, loading = false, readOnly = false, disabled = false, useDebounce = false, timeout = 300, children, ...props }) => {
-    const handleClick = onClick && useDebounce ? useDebouncing(onClick, timeout || 300) : onClick;
-    return (jsx("button", { onClick: handleClick, disabled: disabled || loading || readOnly, ...props, children: children }));
-};
-
-export { Button as default };

package/buttons/index.d.ts

@@ -1 +0,0 @@
-export * as Button from './Button/Button';

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

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

package/cjs/buttons/Button/Button.js

@@ -1,11 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var useDebouncing = require('../../hooks/useDebouncing.js');
-
-const Button = ({ onClick, loading = false, readOnly = false, disabled = false, useDebounce = false, timeout = 300, children, ...props }) => {
-    const handleClick = onClick && useDebounce ? useDebouncing(onClick, timeout || 300) : onClick;
-    return (jsxRuntime.jsx("button", { onClick: handleClick, disabled: disabled || loading || readOnly, ...props, children: children }));
-};
-
-module.exports = Button;

package/cjs/buttons/index.d.ts

@@ -1 +0,0 @@
-export * as Button from './Button/Button';

package/cjs/hooks/useDebouncing.d.ts

@@ -1,2 +0,0 @@
-declare const useDebouncing: <T extends (...args: any[]) => void>(callback: T, delay: number) => T;
-export default useDebouncing;

package/cjs/hooks/useDebouncing.js

@@ -1,16 +0,0 @@
-'use strict';
-
-var react = require('react');
-
-const useDebouncing = (callback, delay) => {
-    const timer = react.useRef(null);
-    return react.useCallback(() => {
-        if (timer.current)
-            clearTimeout(timer.current);
-        timer.current = setTimeout(() => {
-            callback();
-        }, delay);
-    }, [callback, delay]);
-};
-
-module.exports = useDebouncing;

package/cjs/hooks/useDropdown.d.ts

@@ -1,10 +0,0 @@
-import { DropdownContextValue } from '../types';
-export declare const DropdownContext: import("react").Context<DropdownContextValue<any> | null>;
-declare const useDropdown: <T>(defaultValue?: T | null) => {
-    isOpen: boolean;
-    selected: T | null;
-    toggle: () => void;
-    select: (value: T) => void;
-};
-export declare const useDropdownContext: <T>() => DropdownContextValue<T>;
-export default useDropdown;

package/cjs/hooks/useDropdown.js

@@ -1,32 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react = require('react');
-
-const DropdownContext = react.createContext(null);
-const useDropdown = (defaultValue = null) => {
-    const [isOpen, setIsOpen] = react.useState(false);
-    const [selected, setSelected] = react.useState(defaultValue);
-    const toggle = () => setIsOpen((prev) => !prev);
-    const select = (value) => {
-        setSelected(value);
-        setIsOpen(false);
-    };
-    return {
-        isOpen,
-        selected,
-        toggle,
-        select,
-    };
-};
-const useDropdownContext = () => {
-    const context = react.useContext(DropdownContext);
-    if (!context)
-        throw new Error('Dropdown components must be used within <Dropdown>');
-    return context;
-};
-
-exports.DropdownContext = DropdownContext;
-exports.default = useDropdown;
-exports.useDropdownContext = useDropdownContext;

package/cjs/hooks/useThrottling.d.ts

@@ -1,2 +0,0 @@
-declare const useThrottling: <T extends (...args: any[]) => void>(callback: T, delay: number) => T;
-export default useThrottling;

package/cjs/hooks/useThrottling.js

@@ -1,16 +0,0 @@
-'use strict';
-
-var react = require('react');
-
-const useThrottling = (callback, delay) => {
-    const lastCalled = react.useRef(0);
-    return react.useCallback((...args) => {
-        const now = Date.now();
-        if (now - lastCalled.current >= delay) {
-            lastCalled.current = now;
-            callback(...args);
-        }
-    }, [callback, delay]);
-};
-
-module.exports = useThrottling;

package/cjs/inputs/ImageInput/ImageInput.d.ts

@@ -1,7 +0,0 @@
-import { ImageAttribute, ImageInputContextData, ImageInputProps, LabelAttribute } from '../../types';
-export declare const ImageInputContext: import("react").Context<ImageInputContextData | null>;
-declare const ImageInput: (({ accepts, id, value, draggable, onChange, children, ...props }: ImageInputProps) => import("react/jsx-runtime").JSX.Element) & {
-    Preview: ({ src: defaultSrc, ...props }: ImageAttribute) => import("react/jsx-runtime").JSX.Element;
-    Uploader: ({ children, ...props }: LabelAttribute) => import("react/jsx-runtime").JSX.Element;
-};
-export default ImageInput;

package/cjs/inputs/ImageInput/ImageInput.js

@@ -1,76 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-
-const ImageInputContext = react.createContext(null);
-const getAccepts = (accepts) => {
-    return accepts && accepts.length > 0 ? accepts.map((it) => `image/${it}`).join() : 'image/*';
-};
-const ImageInputRoot = ({ accepts, id, value, draggable = false, onChange, children, ...props }) => {
-    const [previewUrl, setPreviewUrl] = react.useState('');
-    const [dragOver, setDragOver] = react.useState(false);
-    const inputId = [id, 'image-input'].join('-');
-    react.useEffect(() => {
-        if (!value)
-            setPreviewUrl('');
-    }, [value]);
-    const setImagePreview = (file) => {
-        const reader = new FileReader();
-        reader.onload = (e) => {
-            setPreviewUrl(e.target.result);
-        };
-        reader.readAsDataURL(file);
-    };
-    const onImageChange = (e) => {
-        const file = e.target.files?.[0];
-        if (!file)
-            return;
-        setImagePreview(file);
-        onChange?.(file);
-    };
-    const onDrop = (e) => {
-        if (!draggable)
-            return;
-        e.preventDefault();
-        setDragOver(false);
-        const file = e.dataTransfer.files?.[0];
-        if (file && file.type.startsWith('image/')) {
-            setImagePreview(file);
-            onChange?.(file);
-        }
-    };
-    const onDragOver = (e) => {
-        if (!draggable)
-            return;
-        e.preventDefault();
-        setDragOver(true);
-    };
-    const onDragLeave = () => setDragOver(false);
-    return (jsxRuntime.jsxs("span", { ...props, onDrop: onDrop, onDragOver: onDragOver, onDragEnter: onDragOver, onDragLeave: onDragLeave, children: [jsxRuntime.jsx("input", { "data-testid": inputId, id: inputId, type: 'file', accept: getAccepts(accepts ?? []), onChange: onImageChange, style: { display: 'none' } }), jsxRuntime.jsx(ImageInputContext.Provider, { value: { id: inputId, previewUrl, dragOver }, children: children })] }));
-};
-const ImageInputUploader = ({ children, ...props }) => {
-    const context = react.useContext(ImageInputContext);
-    if (!context) {
-        throw new Error('ImageInput.* 컴포넌트는 ImageInput 내에서만 사용해야 합니다.');
-    }
-    const { id } = context;
-    return (jsxRuntime.jsx("label", { htmlFor: id ?? '', ...props, children: children }));
-};
-const ImageInputPreview = ({ src: defaultSrc, ...props }) => {
-    const context = react.useContext(ImageInputContext);
-    if (!context) {
-        throw new Error('ImageInput.* 컴포넌트는 ImageInput 내에서만 사용해야 합니다.');
-    }
-    const { previewUrl } = context;
-    return jsxRuntime.jsx("img", { ...props, src: previewUrl ?? defaultSrc ?? '' });
-};
-const ImageInput = Object.assign(ImageInputRoot, {
-    Preview: ImageInputPreview,
-    Uploader: ImageInputUploader,
-});
-
-exports.ImageInputContext = ImageInputContext;
-exports.default = ImageInput;

package/cjs/inputs/Input/Input.d.ts

@@ -1,3 +0,0 @@
-import { InputProps } from '../../types';
-declare const Input: ({ id, value, suffixElement, prefixElement, wrapperStyle, wrapperClass, onChange, timeout, children, showLimit, maxLength, onThrottledChange, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
-export default Input;

package/cjs/inputs/Input/Input.js

@@ -1,17 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var useThrottling = require('../../hooks/useThrottling.js');
-
-const Input = ({ id, value, suffixElement, prefixElement, wrapperStyle, wrapperClass = [], onChange, timeout = 300, children, showLimit, maxLength, onThrottledChange, ...props }) => {
-    const throttledOnChange = onThrottledChange ? useThrottling(onThrottledChange, timeout) : null;
-    const handleChange = (e) => {
-        if (maxLength && e.target.value?.length > maxLength)
-            return;
-        onChange?.(e);
-        throttledOnChange?.(e);
-    };
-    return (jsxRuntime.jsxs("span", { "data-testid": 'input-wrapper', id: [id, 'input-wrapper'].join('-'), className: wrapperClass?.join(' '), style: wrapperStyle, children: [prefixElement, jsxRuntime.jsx("input", { role: 'textbox', id: id, value: value, onChange: handleChange, ...props }), showLimit && maxLength && (jsxRuntime.jsxs("span", { id: [id, 'input-limit'].join('-'), children: [(value ?? '').toString().length, "/", maxLength] })), suffixElement] }));
-};
-
-module.exports = Input;

package/cjs/inputs/checkboxList/CheckboxList.d.ts

@@ -1,5 +0,0 @@
-import { CheckboxItemProps, CheckboxProps } from '../../types';
-declare const CheckboxList: (<T>({ children, values, onChange, max, ...props }: CheckboxProps<T>) => import("react/jsx-runtime").JSX.Element) & {
-    Item: <T>({ value, children, id, ...props }: CheckboxItemProps<T>) => import("react/jsx-runtime").JSX.Element | null;
-};
-export default CheckboxList;

package/cjs/inputs/checkboxList/CheckboxList.js

@@ -1,32 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-
-const CheckboxContext = react.createContext(null);
-const CheckBoxRoot = ({ children, values, onChange, max = Infinity, ...props }) => {
-    const onToggle = (checked, isCheck) => {
-        if (isCheck && values.length < max) {
-            onChange([...values, checked]);
-        }
-        else {
-            onChange(values.filter((it) => it != checked));
-        }
-    };
-    return (jsxRuntime.jsx("div", { ...props, children: jsxRuntime.jsx(CheckboxContext.Provider, { value: { values, onToggle }, children: children }) }));
-};
-const CheckBoxItem = ({ value, children, id, ...props }) => {
-    const context = react.useContext(CheckboxContext);
-    if (!context) {
-        logCannotFindContextError('CheckboxList');
-        return null;
-    }
-    const uuid = react.useMemo(() => id || crypto.randomUUID(), []);
-    const { values, onToggle } = context;
-    return (jsxRuntime.jsxs("div", { ...props, children: [jsxRuntime.jsx("input", { id: uuid, checked: values.includes(value), onChange: (e) => onToggle(value, e.target.checked), type: 'checkbox' }), jsxRuntime.jsxs("label", { htmlFor: uuid, children: [" ", children] })] }));
-};
-const CheckboxList = Object.assign(CheckBoxRoot, {
-    Item: CheckBoxItem,
-});
-
-module.exports = CheckboxList;

package/cjs/inputs/checkboxList/index.d.ts

@@ -1,5 +0,0 @@
-import { CheckboxItemProps, CheckboxProps } from '../../types';
-declare const CheckboxList: (<T>({ children, values, onChange, max, ...props }: CheckboxProps<T>) => import("react/jsx-runtime").JSX.Element) & {
-    Item: <T>({ value, children, id, ...props }: CheckboxItemProps<T>) => import("react/jsx-runtime").JSX.Element | null;
-};
-export default CheckboxList;

package/cjs/inputs/checkboxList/index.js

@@ -1,32 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-
-const CheckboxContext = react.createContext(null);
-const CheckBoxRoot = ({ children, values, onChange, max = Infinity, ...props }) => {
-    const onToggle = (checked, isCheck) => {
-        if (isCheck && values.length < max) {
-            onChange([...values, checked]);
-        }
-        else {
-            onChange(values.filter((it) => it != checked));
-        }
-    };
-    return (jsxRuntime.jsx("div", { ...props, children: jsxRuntime.jsx(CheckboxContext.Provider, { value: { values, onToggle }, children: children }) }));
-};
-const CheckBoxItem = ({ value, children, id, ...props }) => {
-    const context = react.useContext(CheckboxContext);
-    if (!context) {
-        logCannotFindContextError('CheckboxList');
-        return null;
-    }
-    const uuid = react.useMemo(() => id || crypto.randomUUID(), []);
-    const { values, onToggle } = context;
-    return (jsxRuntime.jsxs("div", { ...props, children: [jsxRuntime.jsx("input", { id: uuid, checked: values.includes(value), onChange: (e) => onToggle(value, e.target.checked), type: 'checkbox' }), jsxRuntime.jsxs("label", { htmlFor: uuid, children: [" ", children] })] }));
-};
-const CheckboxList = Object.assign(CheckBoxRoot, {
-    Item: CheckBoxItem,
-});
-
-module.exports = CheckboxList;

package/cjs/inputs/index.d.ts

@@ -1,3 +0,0 @@
-export * as Input from './Input/Input';
-export * as ImageInput from './ImageInput/ImageInput';
-export * as CheckboxList from './checkboxList/CheckboxList';

package/cjs/selectors/Dropdown/Dropdown.d.ts

@@ -1,8 +0,0 @@
-import { DivAttribute, DropdownProps, SpanAttribute } from '../../types';
-declare const Dropdown: (<T>({ select, selected, isOpen, toggle, children, ...props }: DropdownProps<T>) => import("react/jsx-runtime").JSX.Element) & {
-    Button: <T>({ onClick, children, ...props }: SpanAttribute<T>) => import("react/jsx-runtime").JSX.Element;
-    Options: <T>({ children, ...props }: DivAttribute<T>) => import("react/jsx-runtime").JSX.Element | null;
-    Option: <T>({ children, value, ...props }: DivAttribute<T>) => import("react/jsx-runtime").JSX.Element;
-    Viewer: ({ children, ...props }: SpanAttribute<null>) => import("react/jsx-runtime").JSX.Element;
-};
-export default Dropdown;

package/cjs/selectors/Dropdown/Dropdown.js

@@ -1,55 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var useDropdown = require('../../hooks/useDropdown.js');
-
-const DropdownRoot = ({ select, selected, isOpen, toggle, children, ...props }) => {
-    const dropdownRef = react.useRef(null);
-    const unControlled = useDropdown.default();
-    const customValue = {
-        isOpen: isOpen ?? unControlled.isOpen,
-        toggle: toggle ?? unControlled.toggle,
-        select: select ?? unControlled.select,
-        selected: selected ?? unControlled.selected,
-    };
-    react.useEffect(() => {
-        if (!dropdownRef.current)
-            return;
-        const onClickOutside = (e) => {
-            if (!dropdownRef.current?.contains(e.target)) {
-                if (isOpen && toggle) {
-                    toggle();
-                }
-            }
-        };
-        window.addEventListener('click', onClickOutside);
-        return () => window.removeEventListener('click', onClickOutside);
-    }, [customValue]);
-    return (jsxRuntime.jsx("div", { ...props, ref: dropdownRef, children: jsxRuntime.jsx(useDropdown.DropdownContext.Provider, { value: customValue, children: children }) }));
-};
-const DropdownViewer = ({ children, ...props }) => {
-    return (jsxRuntime.jsx("span", { role: 'viewer', ...props, children: children }));
-};
-const DropdownButton = ({ onClick, children, ...props }) => {
-    const { toggle } = useDropdown.useDropdownContext();
-    return (jsxRuntime.jsx("span", { ...props, onClick: toggle, children: children }));
-};
-const DropdownOptions = ({ children, ...props }) => {
-    const { isOpen } = useDropdown.useDropdownContext();
-    if (!isOpen)
-        return null;
-    return jsxRuntime.jsx("div", { ...props, children: children });
-};
-const DropdownOption = ({ children, value, ...props }) => {
-    const { select } = useDropdown.useDropdownContext();
-    return (jsxRuntime.jsx("div", { role: "option", onClick: () => select(value), ...props, children: children }));
-};
-const Dropdown = Object.assign(DropdownRoot, {
-    Button: DropdownButton,
-    Options: DropdownOptions,
-    Option: DropdownOption,
-    Viewer: DropdownViewer,
-});
-
-module.exports = Dropdown;

package/cjs/selectors/index.d.ts

@@ -1 +0,0 @@
-export * as Dropdown from './Dropdown/Dropdown';

package/cjs/tooltip/Tooltip/Tooltip.d.ts

@@ -1,5 +0,0 @@
-import { TooltipProps } from '../../types/tooltip';
-declare const Tooltip: (({ children, style, position, space, ...props }: TooltipProps) => import("react/jsx-runtime").JSX.Element) & {
-    Label: ({ children, style, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
-};
-export default Tooltip;

package/cjs/tooltip/Tooltip/Tooltip.js

@@ -1,66 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var index = require('../../types/tooltip/index.js');
-
-const TooltipRoot = ({ children, style, position = 'top', space = 8, ...props }) => {
-    const [showTooltip, setShowTooltip] = react.useState(false);
-    const [tooltipPosition, setTooltipPosition] = react.useState({});
-    react.useEffect(() => {
-        if (!showTooltip)
-            return;
-        const positionStyles = {
-            zIndex: 1000,
-        };
-        switch (position) {
-            case 'top':
-                positionStyles.bottom = `calc(100% + ${space}px)`;
-                positionStyles.left = '50%';
-                positionStyles.transform = 'translateX(-50%)';
-                break;
-            case 'bottom':
-                positionStyles.top = `calc(100% + ${space}px)`;
-                positionStyles.left = '50%';
-                positionStyles.transform = 'translateX(-50%)';
-                break;
-            case 'left':
-                positionStyles.right = `calc(100% + ${space}px)`;
-                positionStyles.top = '50%';
-                positionStyles.transform = 'translateY(-50%)';
-                break;
-            case 'right':
-                positionStyles.left = `calc(100% + ${space}px)`;
-                positionStyles.top = '50%';
-                positionStyles.transform = 'translateY(-50%)';
-                break;
-        }
-        setTooltipPosition(positionStyles);
-    }, [showTooltip, position]);
-    const onMouseOver = () => setShowTooltip(true);
-    const onMouseLeave = () => setShowTooltip(false);
-    return (jsxRuntime.jsx("div", { style: {
-            position: 'relative',
-            display: 'inline-block', // 자식 크기에 영향 안 받도록
-            ...style,
-        }, onMouseOver: onMouseOver, onMouseLeave: onMouseLeave, ...props, children: jsxRuntime.jsx(index.TooltipContext.Provider, { value: { show: showTooltip, tooltipPosition }, children: children }) }));
-};
-const TooltipLabel = ({ children, style, ...props }) => {
-    const context = react.useContext(index.TooltipContext);
-    if (!context) {
-        throw new Error('Tooltip.* 컴포넌트는 Tooltip 내에서만 사용해야 합니다.');
-    }
-    const { show, tooltipPosition } = context;
-    const labelStyle = {
-        position: 'absolute',
-        visibility: show ? 'visible' : 'hidden',
-        ...tooltipPosition,
-        ...style,
-    };
-    return (jsxRuntime.jsx("div", { style: labelStyle, ...props, children: children }));
-};
-const Tooltip = Object.assign(TooltipRoot, {
-    Label: TooltipLabel,
-});
-
-module.exports = Tooltip;

package/cjs/tooltip/index.d.ts

@@ -1 +0,0 @@
-export * as Tooltip from './Tooltip/Tooltip';

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

@@ -1,7 +0,0 @@
-import { ButtonHTMLAttributes } from 'react';
-export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    loading?: boolean;
-    readOnly?: boolean;
-    useDebounce?: boolean;
-    timeout?: number;
-}

package/cjs/types/common/index.d.ts

@@ -1,11 +0,0 @@
-import { HTMLAttributes, ImgHTMLAttributes } from 'react';
-export interface DivAttribute<T> extends HTMLAttributes<HTMLDivElement> {
-    value?: T;
-}
-export interface SpanAttribute<T> extends HTMLAttributes<HTMLSpanElement> {
-    value?: T;
-}
-export interface LabelAttribute extends HTMLAttributes<HTMLLabelElement> {
-}
-export interface ImageAttribute extends ImgHTMLAttributes<HTMLImageElement> {
-}

package/cjs/types/index.d.ts

@@ -1,4 +0,0 @@
-export * from './buttons';
-export * from './inputs';
-export * from './selectors';
-export * from './common';