jy-headless 0.2.35 → 0.3.0

package/Popover/Popover.d.ts

@@ -0,0 +1,2 @@
+import { HoverProps } from './Popover.type';
+export declare const Popover: ({ children, direction, popover, domNode, rootId, key }: HoverProps) => import("react/jsx-runtime").JSX.Element;

package/Popover/Popover.js

@@ -0,0 +1,75 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useRef, useCallback, useLayoutEffect } from 'react';
+import { createPortal } from 'react-dom';
+
+const Popover = ({ children, direction, popover, domNode, rootId, key }) => {
+    const [visible, setVisible] = useState(false);
+    const [position, setPosition] = useState({ top: 0, left: 0 });
+    const rootDom = domNode ?? document.getElementById(rootId ?? 'root');
+    const targetRef = useRef(null);
+    const popoverRef = useRef(null);
+    const getPopoverPosition = useCallback((targetRect, popoverRect) => {
+        let top = 0;
+        let left = 0;
+        switch (direction) {
+            case 'top-left':
+                top = targetRect.top - popoverRect.height;
+                left = targetRect.left;
+                break;
+            case 'top-center':
+            case 'top':
+                top = targetRect.top - popoverRect.height;
+                left = targetRect.left + (targetRect.width - popoverRect.width) / 2;
+                break;
+            case 'top-right':
+                top = targetRect.top - popoverRect.height;
+                left = targetRect.right - popoverRect.width;
+                break;
+            case 'left':
+                top = targetRect.top + (targetRect.height - popoverRect.height) / 2;
+                left = targetRect.left - popoverRect.width;
+                break;
+            case 'right':
+                top = targetRect.top + (targetRect.height - popoverRect.height) / 2;
+                left = targetRect.right;
+                break;
+            case 'bottom-left':
+                top = targetRect.bottom;
+                left = targetRect.left;
+                break;
+            case 'bottom-center':
+            case 'bottom':
+                top = targetRect.bottom;
+                left = targetRect.left + (targetRect.width - popoverRect.width) / 2;
+                break;
+            case 'bottom-right':
+                top = targetRect.bottom;
+                left = targetRect.right - popoverRect.width;
+                break;
+        }
+        return { top, left };
+    }, [direction]);
+    const handleMouseEnter = () => {
+        setVisible(true);
+    };
+    const handleMouseLeave = () => {
+        setVisible(false);
+    };
+    useLayoutEffect(() => {
+        if (visible && targetRef.current && popoverRef.current) {
+            const targetRect = targetRef.current.getBoundingClientRect();
+            const popoverRect = popoverRef.current.getBoundingClientRect();
+            const { top, left } = getPopoverPosition(targetRect, popoverRect);
+            setPosition({ top: top + window.scrollY, left: left + window.scrollX });
+        }
+    }, [visible, popover, getPopoverPosition]);
+    return (jsxs("span", { onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ref: targetRef, children: [children, rootDom &&
+                visible &&
+                createPortal(jsx("span", { ref: popoverRef, style: {
+                        position: 'absolute',
+                        top: `${position.top}px`,
+                        left: `${position.left}px`,
+                    }, children: popover }), rootDom, key)] }));
+};
+
+export { Popover };

package/Popover/Popover.type.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export interface HoverProps {
+    children: ReactNode;
+    popover: ReactNode;
+    direction: 'top-left' | 'top-center' | 'top' | 'top-right' | 'left' | 'right' | 'bottom-left' | 'bottom' | 'bottom-center' | 'bottom-right';
+    rootId?: string;
+    domNode?: Element;
+    key?: string;
+}

package/Popover/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Popover';
+export * from './Popover.type';

package/cjs/Popover/Popover.d.ts

@@ -0,0 +1,2 @@
+import { HoverProps } from './Popover.type';
+export declare const Popover: ({ children, direction, popover, domNode, rootId, key }: HoverProps) => import("react/jsx-runtime").JSX.Element;

package/cjs/Popover/Popover.js

@@ -0,0 +1,77 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var reactDom = require('react-dom');
+
+const Popover = ({ children, direction, popover, domNode, rootId, key }) => {
+    const [visible, setVisible] = react.useState(false);
+    const [position, setPosition] = react.useState({ top: 0, left: 0 });
+    const rootDom = domNode ?? document.getElementById(rootId ?? 'root');
+    const targetRef = react.useRef(null);
+    const popoverRef = react.useRef(null);
+    const getPopoverPosition = react.useCallback((targetRect, popoverRect) => {
+        let top = 0;
+        let left = 0;
+        switch (direction) {
+            case 'top-left':
+                top = targetRect.top - popoverRect.height;
+                left = targetRect.left;
+                break;
+            case 'top-center':
+            case 'top':
+                top = targetRect.top - popoverRect.height;
+                left = targetRect.left + (targetRect.width - popoverRect.width) / 2;
+                break;
+            case 'top-right':
+                top = targetRect.top - popoverRect.height;
+                left = targetRect.right - popoverRect.width;
+                break;
+            case 'left':
+                top = targetRect.top + (targetRect.height - popoverRect.height) / 2;
+                left = targetRect.left - popoverRect.width;
+                break;
+            case 'right':
+                top = targetRect.top + (targetRect.height - popoverRect.height) / 2;
+                left = targetRect.right;
+                break;
+            case 'bottom-left':
+                top = targetRect.bottom;
+                left = targetRect.left;
+                break;
+            case 'bottom-center':
+            case 'bottom':
+                top = targetRect.bottom;
+                left = targetRect.left + (targetRect.width - popoverRect.width) / 2;
+                break;
+            case 'bottom-right':
+                top = targetRect.bottom;
+                left = targetRect.right - popoverRect.width;
+                break;
+        }
+        return { top, left };
+    }, [direction]);
+    const handleMouseEnter = () => {
+        setVisible(true);
+    };
+    const handleMouseLeave = () => {
+        setVisible(false);
+    };
+    react.useLayoutEffect(() => {
+        if (visible && targetRef.current && popoverRef.current) {
+            const targetRect = targetRef.current.getBoundingClientRect();
+            const popoverRect = popoverRef.current.getBoundingClientRect();
+            const { top, left } = getPopoverPosition(targetRect, popoverRect);
+            setPosition({ top: top + window.scrollY, left: left + window.scrollX });
+        }
+    }, [visible, popover, getPopoverPosition]);
+    return (jsxRuntime.jsxs("span", { onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ref: targetRef, children: [children, rootDom &&
+                visible &&
+                reactDom.createPortal(jsxRuntime.jsx("span", { ref: popoverRef, style: {
+                        position: 'absolute',
+                        top: `${position.top}px`,
+                        left: `${position.left}px`,
+                    }, children: popover }), rootDom, key)] }));
+};
+
+exports.Popover = Popover;

package/cjs/Popover/Popover.type.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export interface HoverProps {
+    children: ReactNode;
+    popover: ReactNode;
+    direction: 'top-left' | 'top-center' | 'top' | 'top-right' | 'left' | 'right' | 'bottom-left' | 'bottom' | 'bottom-center' | 'bottom-right';
+    rootId?: string;
+    domNode?: Element;
+    key?: string;
+}

package/cjs/Popover/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Popover';
+export * from './Popover.type';

package/cjs/index.d.ts

@@ -1,7 +1 @@
-export * from './buttons';
-export * from './inputs';
-export * from './selectors';
-export * from './tooltip';
-export * from './types';
-export * from './utils';
-export * from './hooks';
+export * from './Popover';

package/cjs/index.js

@@ -1,26 +1,7 @@
 'use strict';
 
-var Button = require('./buttons/Button/Button.js');
-var Input = require('./inputs/Input/Input.js');
-var ImageInput = require('./inputs/ImageInput/ImageInput.js');
-var Dropdown = require('./selectors/Dropdown/Dropdown.js');
-var Tooltip = require('./tooltip/Tooltip/Tooltip.js');
-require('react');
-var useDropdown = require('./hooks/useDropdown.js');
+var Popover = require('./Popover/Popover.js');
 
-function _interopNamespaceDefaultOnly (e) { return Object.freeze({ __proto__: null, default: e }); }
 
-var Button__namespace = /*#__PURE__*/_interopNamespaceDefaultOnly(Button);
-var Input__namespace = /*#__PURE__*/_interopNamespaceDefaultOnly(Input);
-var Dropdown__namespace = /*#__PURE__*/_interopNamespaceDefaultOnly(Dropdown);
-var Tooltip__namespace = /*#__PURE__*/_interopNamespaceDefaultOnly(Tooltip);
 
-
-
-exports.Button = Button__namespace;
-exports.Input = Input__namespace;
-exports.ImageInput = ImageInput;
-exports.Dropdown = Dropdown__namespace;
-exports.Tooltip = Tooltip__namespace;
-exports.DropdownContext = useDropdown.DropdownContext;
-exports.useDropdownContext = useDropdown.useDropdownContext;
+exports.Popover = Popover.Popover;

package/index.d.ts

@@ -1,7 +1 @@
-export * from './buttons';
-export * from './inputs';
-export * from './selectors';
-export * from './tooltip';
-export * from './types';
-export * from './utils';
-export * from './hooks';
+export * from './Popover';

package/index.js

@@ -1,12 +1 @@
-import * as Button from './buttons/Button/Button.js';
-export { Button };
-import * as Input from './inputs/Input/Input.js';
-export { Input };
-import * as ImageInput from './inputs/ImageInput/ImageInput.js';
-export { ImageInput };
-import * as Dropdown from './selectors/Dropdown/Dropdown.js';
-export { Dropdown };
-import * as Tooltip from './tooltip/Tooltip/Tooltip.js';
-export { Tooltip };
-import 'react';
-export { DropdownContext, useDropdownContext } from './hooks/useDropdown.js';
+export { Popover } from './Popover/Popover.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jy-headless",
-  "version": "0.2.35",
+  "version": "0.3.0",
   "description": "A lightweight and customizable headless UI library for React components",
   "license": "MIT",
   "repository": "https://github.com/yCZwIqY/jy-headless",
@@ -13,65 +13,20 @@
       "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"
-    },
-    "./useDropdown": {
-      "import": "./hooks/useDropdown.js",
-      "require": "./cjs/hooks/useDropdown.js",
-      "types": "./hooks/useDropdown.d.ts"
-    },
-    "./useThrottling": {
-      "import": "./hooks/useThrottling.js",
-      "require": "./cjs/hooks/useThrottling.js",
-      "types": "./hooks/useThrottling.d.ts"
-    },
     "./index": {
-      "import": "./types/tooltip/index.js",
-      "require": "./cjs/types/tooltip/index.js",
-      "types": "./types/tooltip/index.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"
-    },
-    "./Dropdown": {
-      "import": "./selectors/Dropdown/Dropdown.js",
-      "require": "./cjs/selectors/Dropdown/Dropdown.js",
-      "types": "./selectors/Dropdown/Dropdown.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"
+      "import": "./index.js",
+      "require": "./cjs/index.js",
+      "types": "./index.d.ts"
     },
-    "./types/tooltip": {
-      "import": "./types/tooltip/index.js",
-      "require": "./cjs/types/tooltip/index.js",
-      "types": "./types/tooltip/index.d.ts"
+    "./Popover": {
+      "import": "./Popover/Popover.js",
+      "require": "./cjs/Popover/Popover.js",
+      "types": "./Popover/Popover.d.ts"
     }
   },
   "keywords": [

package/version.txt

@@ -1 +1 @@
-0.2.35
+0.3.0

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

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

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

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

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;