jy-headless 0.2.35 → 0.3.0

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';

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

@@ -1,36 +0,0 @@
-import { ChangeEvent, CSSProperties, InputHTMLAttributes, ReactElement, ReactNode } from 'react';
-import { DivAttribute } from '../common';
-export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
-    suffixElement?: ReactElement | ReactNode;
-    prefixElement?: ReactElement | ReactNode;
-    wrapperStyle?: CSSProperties;
-    wrapperClass?: string[];
-    timeout?: number;
-    showLimit?: boolean;
-    maxLength?: number;
-    onThrottledChange?: (e: ChangeEvent<HTMLInputElement>) => void;
-}
-export interface ImageInputContextData {
-    id?: string;
-    previewUrl?: string;
-    dragOver?: boolean;
-}
-export type ImageType = 'jpeg' | 'png' | 'gif' | 'svg' | 'bmp' | 'webp' | 'heic' | 'heif' | 'tiff' | 'x-icon' | 'vn';
-export interface ImageInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {
-    accepts?: ImageType[];
-    draggable?: boolean;
-    onChange?: (file: File) => void;
-    value?: File;
-}
-export interface CheckboxProps<T> extends Omit<DivAttribute<T>, 'onChange'> {
-    values: T[];
-    onChange: (newValue: T[]) => void;
-    max?: number;
-}
-export interface CheckboxItemProps<T> extends DivAttribute<T> {
-    value: T;
-}
-export interface CheckboxContextData<T> {
-    onToggle: (newValue: T, isCheck: boolean) => void;
-    values: T[];
-}

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

@@ -1,16 +0,0 @@
-import { HTMLAttributes } from 'react';
-export interface DropdownContextValue<T> {
-    isOpen: boolean;
-    toggle: () => void;
-    select: (value: T) => void;
-    selected: T | null;
-}
-export interface DropdownProps<T> extends HTMLAttributes<HTMLElement> {
-    isOpen?: boolean;
-    toggle?: () => void;
-    select?: (value: T) => void;
-    selected?: T | null;
-}
-export interface UseDropdownProps<T> {
-    defaultValue?: T;
-}

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

@@ -1,14 +0,0 @@
-import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
-export type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
-export interface TooltipProps extends HTMLAttributes<HTMLDivElement> {
-    children: ReactNode;
-    position?: TooltipPosition;
-    style?: CSSProperties;
-    space?: number;
-}
-interface TooltipContextProps {
-    show: boolean;
-    tooltipPosition: CSSProperties;
-}
-export declare const TooltipContext: import("react").Context<TooltipContextProps | null>;
-export {};

package/cjs/types/tooltip/index.js

@@ -1,7 +0,0 @@
-'use strict';
-
-var react = require('react');
-
-const TooltipContext = react.createContext(null);
-
-exports.TooltipContext = TooltipContext;

package/cjs/utils/ArrayUtils.d.ts

@@ -1,2 +0,0 @@
-declare const ArrayUtils: {};
-export default ArrayUtils;

package/cjs/utils/MessageUtils.d.ts

@@ -1 +0,0 @@
-declare const logCannotFindContextError: (componentName: string) => never;

package/cjs/utils/index.d.ts

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

package/hooks/index.d.ts

@@ -1,3 +0,0 @@
-export * from './useDebouncing';
-export * from './useThrottling';
-export * from './useDropdown';

package/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/hooks/useDebouncing.js

@@ -1,14 +0,0 @@
-import { useRef, useCallback } from 'react';
-
-const useDebouncing = (callback, delay) => {
-    const timer = useRef(null);
-    return useCallback(() => {
-        if (timer.current)
-            clearTimeout(timer.current);
-        timer.current = setTimeout(() => {
-            callback();
-        }, delay);
-    }, [callback, delay]);
-};
-
-export { useDebouncing as default };

package/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/hooks/useDropdown.js

@@ -1,26 +0,0 @@
-import { createContext, useContext, useState } from 'react';
-
-const DropdownContext = createContext(null);
-const useDropdown = (defaultValue = null) => {
-    const [isOpen, setIsOpen] = useState(false);
-    const [selected, setSelected] = useState(defaultValue);
-    const toggle = () => setIsOpen((prev) => !prev);
-    const select = (value) => {
-        setSelected(value);
-        setIsOpen(false);
-    };
-    return {
-        isOpen,
-        selected,
-        toggle,
-        select,
-    };
-};
-const useDropdownContext = () => {
-    const context = useContext(DropdownContext);
-    if (!context)
-        throw new Error('Dropdown components must be used within <Dropdown>');
-    return context;
-};
-
-export { DropdownContext, useDropdown as default, useDropdownContext };

package/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/hooks/useThrottling.js

@@ -1,14 +0,0 @@
-import { useRef, useCallback } from 'react';
-
-const useThrottling = (callback, delay) => {
-    const lastCalled = useRef(0);
-    return useCallback((...args) => {
-        const now = Date.now();
-        if (now - lastCalled.current >= delay) {
-            lastCalled.current = now;
-            callback(...args);
-        }
-    }, [callback, delay]);
-};
-
-export { useThrottling as default };

package/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/inputs/ImageInput/ImageInput.js

@@ -1,71 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { createContext, useState, useEffect, useContext } from 'react';
-
-const ImageInputContext = 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] = useState('');
-    const [dragOver, setDragOver] = useState(false);
-    const inputId = [id, 'image-input'].join('-');
-    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 (jsxs("span", { ...props, onDrop: onDrop, onDragOver: onDragOver, onDragEnter: onDragOver, onDragLeave: onDragLeave, children: [jsx("input", { "data-testid": inputId, id: inputId, type: 'file', accept: getAccepts(accepts ?? []), onChange: onImageChange, style: { display: 'none' } }), jsx(ImageInputContext.Provider, { value: { id: inputId, previewUrl, dragOver }, children: children })] }));
-};
-const ImageInputUploader = ({ children, ...props }) => {
-    const context = useContext(ImageInputContext);
-    if (!context) {
-        throw new Error('ImageInput.* 컴포넌트는 ImageInput 내에서만 사용해야 합니다.');
-    }
-    const { id } = context;
-    return (jsx("label", { htmlFor: id ?? '', ...props, children: children }));
-};
-const ImageInputPreview = ({ src: defaultSrc, ...props }) => {
-    const context = useContext(ImageInputContext);
-    if (!context) {
-        throw new Error('ImageInput.* 컴포넌트는 ImageInput 내에서만 사용해야 합니다.');
-    }
-    const { previewUrl } = context;
-    return jsx("img", { ...props, src: previewUrl ?? defaultSrc ?? '' });
-};
-const ImageInput = Object.assign(ImageInputRoot, {
-    Preview: ImageInputPreview,
-    Uploader: ImageInputUploader,
-});
-
-export { ImageInputContext, ImageInput as default };

package/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/inputs/Input/Input.js

@@ -1,15 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import useThrottling from '../../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 (jsxs("span", { "data-testid": 'input-wrapper', id: [id, 'input-wrapper'].join('-'), className: wrapperClass?.join(' '), style: wrapperStyle, children: [prefixElement, jsx("input", { role: 'textbox', id: id, value: value, onChange: handleChange, ...props }), showLimit && maxLength && (jsxs("span", { id: [id, 'input-limit'].join('-'), children: [(value ?? '').toString().length, "/", maxLength] })), suffixElement] }));
-};
-
-export { Input as default };

package/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/inputs/index.d.ts

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

package/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/selectors/Dropdown/Dropdown.js

@@ -1,53 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useRef, useEffect } from 'react';
-import useDropdown, { DropdownContext, useDropdownContext } from '../../hooks/useDropdown.js';
-
-const DropdownRoot = ({ select, selected, isOpen, toggle, children, ...props }) => {
-    const dropdownRef = useRef(null);
-    const unControlled = useDropdown();
-    const customValue = {
-        isOpen: isOpen ?? unControlled.isOpen,
-        toggle: toggle ?? unControlled.toggle,
-        select: select ?? unControlled.select,
-        selected: selected ?? unControlled.selected,
-    };
-    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 (jsx("div", { ...props, ref: dropdownRef, children: jsx(DropdownContext.Provider, { value: customValue, children: children }) }));
-};
-const DropdownViewer = ({ children, ...props }) => {
-    return (jsx("span", { role: 'viewer', ...props, children: children }));
-};
-const DropdownButton = ({ onClick, children, ...props }) => {
-    const { toggle } = useDropdownContext();
-    return (jsx("span", { ...props, onClick: toggle, children: children }));
-};
-const DropdownOptions = ({ children, ...props }) => {
-    const { isOpen } = useDropdownContext();
-    if (!isOpen)
-        return null;
-    return jsx("div", { ...props, children: children });
-};
-const DropdownOption = ({ children, value, ...props }) => {
-    const { select } = useDropdownContext();
-    return (jsx("div", { role: "option", onClick: () => select(value), ...props, children: children }));
-};
-const Dropdown = Object.assign(DropdownRoot, {
-    Button: DropdownButton,
-    Options: DropdownOptions,
-    Option: DropdownOption,
-    Viewer: DropdownViewer,
-});
-
-export { Dropdown as default };

package/selectors/index.d.ts

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

package/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/tooltip/Tooltip/Tooltip.js

@@ -1,64 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useState, useEffect, useContext } from 'react';
-import { TooltipContext } from '../../types/tooltip/index.js';
-
-const TooltipRoot = ({ children, style, position = 'top', space = 8, ...props }) => {
-    const [showTooltip, setShowTooltip] = useState(false);
-    const [tooltipPosition, setTooltipPosition] = useState({});
-    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 (jsx("div", { style: {
-            position: 'relative',
-            display: 'inline-block', // 자식 크기에 영향 안 받도록
-            ...style,
-        }, onMouseOver: onMouseOver, onMouseLeave: onMouseLeave, ...props, children: jsx(TooltipContext.Provider, { value: { show: showTooltip, tooltipPosition }, children: children }) }));
-};
-const TooltipLabel = ({ children, style, ...props }) => {
-    const context = useContext(TooltipContext);
-    if (!context) {
-        throw new Error('Tooltip.* 컴포넌트는 Tooltip 내에서만 사용해야 합니다.');
-    }
-    const { show, tooltipPosition } = context;
-    const labelStyle = {
-        position: 'absolute',
-        visibility: show ? 'visible' : 'hidden',
-        ...tooltipPosition,
-        ...style,
-    };
-    return (jsx("div", { style: labelStyle, ...props, children: children }));
-};
-const Tooltip = Object.assign(TooltipRoot, {
-    Label: TooltipLabel,
-});
-
-export { Tooltip as default };

package/tooltip/index.d.ts

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

package/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/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/types/index.d.ts

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