jy-headless 0.3.15 → 0.3.17

package/dist/cjs/Autocomplete/Autocomplete.js

@@ -1,301 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var usePortal = require('../hooks/usePortal.js');
-var TextInput = require('../Input/TextInput.js');
-
-const AutocompleteContext = react.createContext(null);
-const useAutocomplete = () => {
-    const ctx = react.useContext(AutocompleteContext);
-    if (!ctx)
-        throw new Error('Autocomplete components must be used within <Autocomplete>');
-    return ctx;
-};
-const defaultFilter = (item, query) => item.label.toLowerCase().includes(query.trim().toLowerCase());
-/**
- * Root
- */
-const AutocompleteContainer = ({ value, onChange, inputValue, onInputChange, disabled, filterFn = defaultFilter, children, }) => {
-    const [open, setOpen] = react.useState(false);
-    const [activeIndex, setActiveIndex] = react.useState(-1);
-    const inputRef = react.useRef(null);
-    // controlled/uncontrolled query
-    const [internalQuery, setInternalQuery] = react.useState('');
-    const query = inputValue ?? internalQuery;
-    const setQuery = (v) => {
-        onInputChange?.(v);
-        if (inputValue === undefined)
-            setInternalQuery(v);
-    };
-    const listboxId = react.useId();
-    // NOTE:
-    // - virtualization을 제대로 하려면 options data(items)가 Root에 필요하지만,
-    //   compound API 유지를 위해 Options에서 items를 주입받아 Root에서 filtered를 만들기 어렵다.
-    // 그래서 Root에서는 "filtered"를 Options에서 제공할 수 있게 설계하면 복잡해짐.
-    // ✅ 해결: Options에 items를 주면 Root가 접근할 수 있도록 "itemsRef"를 둔다.
-    const itemsRef = react.useRef([]);
-    const setItems = (items) => {
-        itemsRef.current = items;
-    };
-    const filtered = react.useMemo(() => {
-        const src = itemsRef.current ?? [];
-        if (!query.trim())
-            return src;
-        return src.filter((it) => filterFn(it, query));
-    }, [query, filterFn]);
-    const close = () => {
-        setOpen(false);
-        setActiveIndex(-1);
-    };
-    const commitByIndex = (index) => {
-        const item = filtered[index];
-        if (!item || item.disabled)
-            return;
-        onChange(item.value);
-        setQuery(item.label);
-        close();
-    };
-    // 외부 value 변경 시 input label 동기화
-    react.useEffect(() => {
-        if (!value)
-            return;
-        const found = itemsRef.current.find((i) => i.value === value);
-        if (found)
-            setQuery(found.label);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [value]);
-    const statusText = react.useMemo(() => {
-        if (!open)
-            return '';
-        const n = filtered.length;
-        if (n === 0)
-            return 'No results.';
-        if (n === 1)
-            return '1 result available.';
-        return `${n} results available.`;
-    }, [open, filtered.length]);
-    return (jsxRuntime.jsxs(AutocompleteContext.Provider, { value: {
-            open,
-            setOpen,
-            selectedValue: value,
-            setSelectedValue: onChange,
-            query,
-            setQuery,
-            disabled,
-            inputRef,
-            listboxId,
-            activeIndex,
-            setActiveIndex,
-            filtered,
-            statusText,
-            commitByIndex,
-            close,
-        }, children: [jsxRuntime.jsx(ItemsBridge, { onItems: setItems }), children] }));
-};
-/**
- * Options에서 items를 주입해주기 위한 브릿지(보이지 않는 컴포넌트)
- * - Options가 items prop을 받으면, 내부에서 window.__ 같은 걸 쓰지 않고 Root ref에 주입
- */
-const ItemsBridgeContext = react.createContext(null);
-const ItemsBridge = ({ onItems }) => {
-    return jsxRuntime.jsx(ItemsBridgeContext.Provider, { value: onItems });
-};
-const useItemsBridge = () => react.useContext(ItemsBridgeContext);
-/**
- * Input (Combobox Trigger)
- * - 포커스는 input 유지
- * - aria-activedescendant로 active option을 알려줌
- */
-// ...생략
-const Input = ({ onKeyDown, onFocus, onChange, onCompositionStart, onCompositionEnd, ...props }) => {
-    const { open, setOpen, query, setQuery, disabled, listboxId, activeIndex, setActiveIndex, filtered, commitByIndex, close, inputRef, } = useAutocomplete();
-    // ✅ IME 조합 중에는 방향키/엔터로 옵션 선택하지 않게 막기
-    const composingRef = react.useRef(false);
-    const activeId = activeIndex >= 0 ? `${listboxId}-opt-${activeIndex}` : undefined;
-    const move = (delta) => {
-        if (!filtered.length)
-            return;
-        setOpen(true);
-        setActiveIndex(activeIndex < 0 ? 0 : (activeIndex + delta + filtered.length) % filtered.length);
-    };
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(TextInput.TextInput, { ref: inputRef, role: 'combobox', "aria-autocomplete": 'list', "aria-expanded": open, "aria-controls": listboxId, "aria-activedescendant": activeId, disabled: disabled, value: query, onFocus: (e) => {
-                    if (!disabled) {
-                        setOpen(true);
-                        setActiveIndex(filtered.length ? 0 : -1);
-                    }
-                    onFocus?.(e);
-                }, onChange: (e) => {
-                    if (disabled)
-                        return;
-                    setQuery(e.target.value);
-                    setOpen(true);
-                    setActiveIndex(0);
-                    onChange?.(e);
-                }, onCompositionStart: (e) => {
-                    composingRef.current = true;
-                    onCompositionStart?.(e);
-                }, onCompositionEnd: (e) => {
-                    composingRef.current = false;
-                    onCompositionEnd?.(e);
-                }, onKeyDown: (e) => {
-                    if (disabled)
-                        return;
-                    // ✅ 조합중이면 Autocomplete 키처리 하지 않음
-                    if (composingRef.current) {
-                        onKeyDown?.(e);
-                        return;
-                    }
-                    switch (e.key) {
-                        case 'ArrowDown':
-                            e.preventDefault();
-                            move(1);
-                            break;
-                        case 'ArrowUp':
-                            e.preventDefault();
-                            move(-1);
-                            break;
-                        case 'Enter':
-                            if (open && activeIndex >= 0) {
-                                e.preventDefault();
-                                commitByIndex(activeIndex);
-                            }
-                            break;
-                        case 'Escape':
-                            e.preventDefault();
-                            close();
-                            break;
-                        case 'Tab':
-                            close();
-                            break;
-                    }
-                    onKeyDown?.(e);
-                }, ...props }), jsxRuntime.jsx("span", { "aria-live": 'polite', style: {
-                    position: 'absolute',
-                    width: 1,
-                    height: 1,
-                    overflow: 'hidden',
-                    clip: 'rect(0 0 0 0)',
-                    whiteSpace: 'nowrap',
-                }, children: open ? `${filtered.length} results.` : '' })] }));
-};
-/**
- * Options
- * - portal
- * - outside click close
- * - virtualization (items + renderItem provided)
- */
-const Options = ({ items, renderItem, itemHeight = 36, maxVisibleItems = 8, overscan = 3, children, ...props }) => {
-    const bridge = useItemsBridge();
-    const { open, setOpen, close, inputRef, listboxId, filtered, activeIndex, setActiveIndex, commitByIndex, } = useAutocomplete();
-    // items 주입(가상화 모드)
-    react.useEffect(() => {
-        if (items && bridge)
-            bridge(items);
-    }, [items, bridge]);
-    const popoverRef = react.useRef(null);
-    const triggerWidth = inputRef.current?.getBoundingClientRect().width;
-    // outside click
-    react.useEffect(() => {
-        if (!open)
-            return;
-        const onDown = (e) => {
-            const t = e.target;
-            if (inputRef.current?.contains(t) || popoverRef.current?.contains(t))
-                return;
-            close();
-        };
-        document.addEventListener('mousedown', onDown);
-        return () => document.removeEventListener('mousedown', onDown);
-    }, [open, close, inputRef]);
-    // scroll container ref for virtualization
-    const scrollRef = react.useRef(null);
-    // active option이 항상 보이게 스크롤 보정
-    react.useEffect(() => {
-        if (!open)
-            return;
-        if (!scrollRef.current)
-            return;
-        if (activeIndex < 0)
-            return;
-        const top = activeIndex * itemHeight;
-        const bottom = top + itemHeight;
-        const viewTop = scrollRef.current.scrollTop;
-        const viewBottom = viewTop + scrollRef.current.clientHeight;
-        if (top < viewTop)
-            scrollRef.current.scrollTop = top;
-        else if (bottom > viewBottom)
-            scrollRef.current.scrollTop = bottom - scrollRef.current.clientHeight;
-    }, [open, activeIndex, itemHeight]);
-    // virtualization range
-    const total = filtered.length;
-    const viewportCount = Math.min(maxVisibleItems, Math.max(1, total));
-    const viewportHeight = viewportCount * itemHeight;
-    const [scrollTop, setScrollTop] = react.useState(0);
-    const startIndex = Math.max(0, Math.floor(scrollTop / itemHeight) - overscan);
-    const endIndex = Math.min(total, Math.ceil((scrollTop + viewportHeight) / itemHeight) + overscan);
-    const visible = filtered.slice(startIndex, endIndex);
-    const { portal } = usePortal({
-        visible: open,
-        targetRef: inputRef,
-        popoverRef,
-        direction: 'bottom',
-        gap: 4,
-        content: (jsxRuntime.jsx("div", { ref: popoverRef, style: { width: triggerWidth }, ...props, children: items && renderItem ? (jsxRuntime.jsx("div", { id: listboxId, role: 'listbox', ref: scrollRef, style: { maxHeight: viewportHeight, overflow: 'auto', position: 'relative' }, onScroll: (e) => setScrollTop(e.target.scrollTop), children: jsxRuntime.jsx("div", { style: { height: total * itemHeight, position: 'relative' }, children: visible.map((item, i) => {
-                        const index = startIndex + i; // filtered index
-                        const isActive = index === activeIndex;
-                        const isSelected = item.value === undefined; // selection 표시를 더 강하게 원하면 ctx.selectedValue 비교해서 쓰면 됨
-                        return (jsxRuntime.jsx("div", { id: `${listboxId}-opt-${index}`, role: 'option', "aria-selected": isSelected, "aria-disabled": item.disabled, "data-active": isActive, tabIndex: -1, onMouseEnter: () => setActiveIndex(index), onMouseDown: (e) => {
-                                // 클릭 시 input blur 방지(중요)
-                                e.preventDefault();
-                            }, onClick: () => commitByIndex(index), style: {
-                                position: 'absolute',
-                                top: index * itemHeight,
-                                left: 0,
-                                right: 0,
-                                height: itemHeight,
-                                display: 'flex',
-                                alignItems: 'center',
-                            }, children: renderItem(item) }, item.value));
-                    }) }) })) : (
-            /* ✅ children 모드(비가상화) */
-            jsxRuntime.jsx("div", { id: listboxId, role: 'listbox', children: children })) })),
-    });
-    return open ? portal : null;
-};
-/**
- * Option (children 모드 전용 / small list)
- * - a11y option role/ids만 최소 보장
- * - 가상화는 여기엔 적용하지 않음
- */
-const Option = ({ value, label, disabled, children, ...props }) => {
-    const { listboxId, filtered, query, open, setOpen, setQuery, setSelectedValue, activeIndex, setActiveIndex, } = useAutocomplete();
-    // children 모드에서 필터링은 “간단 버전”
-    const visible = react.useMemo(() => {
-        if (!query.trim())
-            return true;
-        return label.toLowerCase().includes(query.trim().toLowerCase());
-    }, [label, query]);
-    react.useMemo(() => {
-        // filtered는 items 모드에서만 의미있음.
-        // children 모드는 간단히 -1 처리(aria-activedescendant는 items 모드가 권장)
-        return -1;
-    }, []);
-    if (!visible)
-        return null;
-    return (jsxRuntime.jsx("div", { role: "option", "aria-disabled": disabled, "aria-selected": false, tabIndex: -1, onMouseDown: (e) => e.preventDefault(), onClick: () => {
-            if (disabled)
-                return;
-            setSelectedValue(value);
-            setQuery(label);
-            setOpen(false);
-            setActiveIndex(-1);
-        }, ...props, children: children ?? label }));
-};
-const Autocomplete = Object.assign(AutocompleteContainer, {
-    Input,
-    Options,
-    Option,
-});
-
-exports.Autocomplete = Autocomplete;

package/dist/cjs/Autocomplete/Autocomplete.type.d.ts

@@ -1,37 +0,0 @@
-import { HTMLAttributes, ReactNode } from 'react';
-import { TextInputProps } from '../Input/TextInput.type';
-export type AutocompleteItem = {
-    value: string;
-    label: string;
-    disabled?: boolean;
-};
-export interface AutocompleteProps {
-    value: string | null;
-    onChange: (v: string | null) => void;
-    inputValue?: string;
-    onInputChange?: (v: string) => void;
-    disabled?: boolean;
-    /** 옵션 필터 커스터마이즈 */
-    filterFn?: (item: AutocompleteItem, query: string) => boolean;
-    children: ReactNode;
-}
-export interface AutocompleteInputProps extends TextInputProps {
-    /** label 연결용 (없으면 aria-label 필수) */
-    'aria-label'?: string;
-}
-export interface AutocompleteOptionsProps extends HTMLAttributes<HTMLDivElement> {
-    /** ✅ 가상화 모드: 데이터 기반 */
-    items?: AutocompleteItem[];
-    /** 가상화 모드에서 항목 렌더 */
-    renderItem?: (item: AutocompleteItem) => ReactNode;
-    /** virtualization 옵션 */
-    itemHeight?: number;
-    maxVisibleItems?: number;
-    overscan?: number;
-}
-export interface AutocompleteOptionProps extends HTMLAttributes<HTMLDivElement> {
-    /** children 모드(비가상화) */
-    value: string;
-    label: string;
-    disabled?: boolean;
-}

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

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

package/dist/cjs/Input/NumberInput.d.ts

@@ -1,2 +0,0 @@
-import { NumberInputProps } from './NumberInput.type';
-export declare const NumberInput: ({ max, useThousandsSeparator, onChange, ...props }: NumberInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/Input/NumberInput.js

@@ -1,40 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var TextInput = require('./TextInput.js');
-
-const NumberInput = ({ max, useThousandsSeparator, onChange, ...props }) => {
-    const handleChange = (e) => {
-        const rawValue = e.target.value.replace(/,/g, '');
-        if (rawValue && isNaN(Number(rawValue)))
-            return;
-        let finalValue = rawValue;
-        if (max && Number(rawValue) > max) {
-            finalValue = String(max);
-        }
-        if (useThousandsSeparator && finalValue) {
-            const formattedValue = Number(finalValue).toLocaleString();
-            const syntheticEvent = {
-                ...e,
-                target: {
-                    ...e.target,
-                    value: formattedValue,
-                },
-            };
-            onChange?.(syntheticEvent);
-        }
-        else {
-            const syntheticEvent = {
-                ...e,
-                target: {
-                    ...e.target,
-                    value: finalValue,
-                },
-            };
-            onChange?.(syntheticEvent);
-        }
-    };
-    return jsxRuntime.jsx(TextInput.TextInput, { ...props, onChange: handleChange });
-};
-
-exports.NumberInput = NumberInput;

package/dist/cjs/Input/NumberInput.type.d.ts

@@ -1,31 +0,0 @@
-import { TextInputProps } from './TextInput.type';
-/**
- * 숫자 전용 입력 컴포넌트 props
- *
- * TextInput을 기반으로 하며,
- * 숫자 입력에 특화된 기능을 제공합니다.
- */
-export interface NumberInputProps extends TextInputProps {
-    /**
-     * 최대 허용 값
-     *
-     * 초과 시:
-     * - 입력 제한
-     * - 또는 validation 에러 처리 가능
-     *
-     * @example
-     * max={100}
-     */
-    max?: number;
-    /**
-     * 천 단위 구분자 사용 여부
-     *
-     * true일 경우:
-     * 10000 → 10,000
-     *
-     * 내부 값은 parse 단계에서 콤마 제거 권장
-     *
-     * @default false
-     */
-    useThousandsSeparator?: boolean;
-}

package/dist/cjs/Input/TextInput.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { TextInputProps } from './TextInput.type';
-export declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/cjs/Input/TextInput.js

@@ -1,79 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-require('react-dom');
-var useDebounce = require('../hooks/useDebounce.js');
-var useThrottle = require('../hooks/useThrottle.js');
-
-function mergeRefs(...refs) {
-    return (value) => {
-        refs.forEach((ref) => {
-            if (!ref)
-                return;
-            if (typeof ref === 'function')
-                ref(value);
-            else
-                ref.current = value;
-        });
-    };
-}
-const TextInput = react.forwardRef(({ maxLength, onChange, pattern, onValidate, validator, onCompositionStart, onCompositionEnd, disallowPattern, trimWhitespace, debounceMs, throttleMs, onDebouncedChange, onThrottledChange, onBlur, ...props }, ref) => {
-    const [isComposing, setIsComposing] = react.useState(false);
-    const innerRef = react.useRef(null);
-    const combinedRef = react.useMemo(() => mergeRefs(innerRef, ref), [ref]);
-    const debouncedChange = useDebounce.useDebounce((value) => onDebouncedChange?.(value), debounceMs || 0);
-    const throttledChange = useThrottle.useThrottle((value) => onThrottledChange?.(value), throttleMs || 0);
-    const handleCompositionStart = (e) => {
-        setIsComposing(true);
-        onCompositionStart?.(e);
-    };
-    const handleCompositionEnd = (e) => {
-        setIsComposing(false);
-        onCompositionEnd?.(e);
-    };
-    const handleChange = (e) => {
-        if (maxLength && !isComposing && e.target.value.length > maxLength)
-            return;
-        if (pattern) {
-            const regex = new RegExp(pattern);
-            if (!regex.test(e.target.value))
-                return;
-        }
-        if (disallowPattern && !disallowPattern.test(e.target.value))
-            return;
-        if (debounceMs && onDebouncedChange)
-            debouncedChange(e.target.value);
-        if (throttleMs && onThrottledChange)
-            throttledChange(e.target.value);
-        if (validator) {
-            const result = validator(e.target.value);
-            const isValid = typeof result === 'boolean' ? result : true;
-            const error = typeof result === 'string' ? result : undefined;
-            onValidate?.(isValid, error);
-            if (!isValid)
-                return;
-        }
-        onChange?.(e);
-    };
-    const handleBlur = (e) => {
-        if (trimWhitespace && innerRef.current) {
-            const trimmedValue = e.target.value.trim();
-            if (trimmedValue !== e.target.value) {
-                innerRef.current.value = trimmedValue;
-                const syntheticEvent = {
-                    ...e,
-                    target: innerRef.current,
-                    currentTarget: innerRef.current,
-                    type: 'change',
-                };
-                onChange?.(syntheticEvent);
-            }
-        }
-        onBlur?.(e);
-    };
-    return (jsxRuntime.jsx("input", { ref: combinedRef, ...props, onBlur: handleBlur, onChange: handleChange, onCompositionStart: handleCompositionStart, onCompositionEnd: handleCompositionEnd }));
-});
-TextInput.displayName = 'TextInput';
-
-exports.TextInput = TextInput;

package/dist/cjs/Input/TextInput.type.d.ts

@@ -1,95 +0,0 @@
-import { ChangeEvent, CompositionEvent, InputHTMLAttributes } from 'react';
-/**
- * 고급 기능을 제공하는 TextInput 컴포넌트 props
- *
- * 기능:
- * - validation
- * - formatting/parsing
- * - debounce/throttle
- * - IME(한글 입력) 대응
- * - 공백 제어
- */
-export interface TextInputProps extends InputHTMLAttributes<HTMLInputElement> {
-    /**
-     * 입력값 검증 함수
-     *
-     * return:
-     * - true → 유효
-     * - false → 유효하지 않음
-     * - string → 에러 메시지
-     *
-     * @example
-     * validator={(v) => v.length > 3 || "최소 3자 이상"}
-     */
-    validator?: (value: string) => boolean | string;
-    /**
-     * 검증 결과 콜백
-     */
-    onValidate?: (isValid: boolean, error?: string) => void;
-    /**
-     * 표시용 값 포맷팅
-     *
-     * ex) 숫자 천단위 콤마
-     */
-    format?: (value: string) => string;
-    /**
-     * 실제 값으로 변환
-     *
-     * ex) 콤마 제거
-     */
-    parse?: (value: string) => string;
-    /**
-     * 입력을 막을 패턴
-     *
-     * @example 숫자만 허용
-     * disallowPattern={/[^0-9]/g}
-     */
-    disallowPattern?: RegExp;
-    /**
-     * 공백 제거 방식
-     *
-     * - true → 전체 trim
-     * - 'leading' → 앞 공백만
-     * - 'trailing' → 뒤 공백만
-     * - 'both' → 양쪽
-     */
-    trimWhitespace?: boolean | 'leading' | 'trailing' | 'both';
-    /**
-     * IME 입력 시작 이벤트
-     *
-     * 한글/중국어 입력 시 중요
-     */
-    onCompositionStart?: (e: CompositionEvent<HTMLInputElement>) => void;
-    /**
-     * IME 입력 종료 이벤트
-     */
-    onCompositionEnd?: (e: CompositionEvent<HTMLInputElement>) => void;
-    /**
-     * IME 입력 중 이벤트
-     */
-    onCompositionUpdate?: (e: CompositionEvent<HTMLInputElement>) => void;
-    /**
-     * debounce 지연(ms)
-     *
-     * @example 300
-     */
-    debounceMs?: number;
-    /**
-     * throttle 지연(ms)
-     */
-    throttleMs?: number;
-    /**
-     * debounce 후 값 변경 콜백
-     */
-    onDebouncedChange?: (value: string) => void;
-    /**
-     * throttle 후 값 변경 콜백
-     */
-    onThrottledChange?: (value: string) => void;
-    /**
-     * 기본 onChange override
-     *
-     * ⚠️ 일반 HTML onChange와 동일
-     */
-    onChange?: (value: ChangeEvent<HTMLInputElement>) => void;
-}

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

@@ -1,4 +0,0 @@
-export * from './NumberInput';
-export * from './TextInput';
-export * from './TextInput.type';
-export * from './NumberInput.type';

package/dist/cjs/Select/Select.d.ts

@@ -1,51 +0,0 @@
-import { Dispatch, SetStateAction } from 'react';
-import { SelectOptionProps, SelectOptionsProps, SelectProps, SelectTriggerProps } from './Select.type';
-/**
- * Select 내부 상태 공유용 Context
- */
-type SelectContextValue = {
-    /** 드롭다운 열림 여부 */
-    open: boolean;
-    /** 드롭다운 열기/닫기 */
-    setOpen: (v: boolean) => void;
-    /** 현재 선택된 값들 */
-    value: string[];
-    /** 값 토글 */
-    toggleValue: (v: string) => void;
-    /** 다중 선택 여부 */
-    multiple: boolean;
-    /** Trigger DOM ref */
-    triggerRef: React.RefObject<HTMLDivElement | null>;
-    /** Option DOM refs 목록 */
-    optionRefs: React.MutableRefObject<HTMLDivElement[]>;
-    /** 현재 포커스된 옵션 index */
-    focusedIndex: number | null;
-    /** 포커스 index 설정 */
-    setFocusedIndex: Dispatch<SetStateAction<number>>;
-};
-/**
- * Select Context 접근 훅
- *
- * @throws Select 외부에서 사용할 경우 에러
- */
-export declare const useSelectContext: () => SelectContextValue;
-/**
- * Compound Select 컴포넌트
- *
- * 사용 예시:
- *
- * @example
- * <Select value={value} onChange={setValue}>
- *   <Select.Trigger>열기</Select.Trigger>
- *   <Select.Options>
- *     <Select.Option value="a">A</Select.Option>
- *     <Select.Option value="b">B</Select.Option>
- *   </Select.Options>
- * </Select>
- */
-export declare const Select: (({ value, onChange, multiple, children }: SelectProps) => import("react/jsx-runtime").JSX.Element) & {
-    Trigger: (props: SelectTriggerProps) => import("react/jsx-runtime").JSX.Element;
-    Options: ({ children, ...props }: SelectOptionsProps) => import("react").ReactPortal | null;
-    Option: ({ value, disabled, children, ...props }: SelectOptionProps) => import("react/jsx-runtime").JSX.Element;
-};
-export {};