@exem-ui/react 0.3.4-next.20260727012122 → 0.3.4-next.20260728024650

package/dist/flat/index.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as ColorPaletteColor, G as ColorPaletteProps, u as SegmentItemProps, w as SegmentRootProps, I as Icon, g as Select, f as TabsTriggerProps, e as TabsRootProps } from '../FlatTooltip-CKMkf_th.mjs';
-export { a as ConditionalTooltip, O as ConditionalTooltipProps, R as FlatTooltip, P as FlatTooltipProps, Q as TooltipConfig } from '../FlatTooltip-CKMkf_th.mjs';
+import { C as ColorPaletteColor, G as ColorPaletteProps, I as Icon, S as Size, V as Variant, u as SegmentItemProps, w as SegmentRootProps, g as Select, f as TabsTriggerProps, e as TabsRootProps } from '../FlatTooltip-DqHMNx-V.mjs';
+export { a as ConditionalTooltip, O as ConditionalTooltipProps, R as FlatTooltip, P as FlatTooltipProps, Q as TooltipConfig } from '../FlatTooltip-DqHMNx-V.mjs';
 import { ReactNode, ComponentProps } from 'react';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-radio-group';
@@ -40,6 +40,79 @@ declare namespace FlatColorPalette {
     var displayName: string;
 }
 
+type FlatComboboxOption = {
+    value: string;
+    /** 아이템 라벨. 검색 필터링 대상이므로 문자열만 허용 */
+    label: string;
+    /** 아이템 왼쪽 고정 크기 아이콘 슬롯 */
+    leftIcon?: Icon;
+    /** 아이템 오른쪽 고정 크기 아이콘 슬롯 */
+    rightIcon?: Icon;
+    /** 아이템 오른쪽 가변폭 슬롯 (Tag 등) */
+    rightSlot?: ReactNode;
+    disabled?: boolean;
+};
+interface FlatComboboxProps {
+    /** 선택 가능한 옵션 배열 */
+    options: FlatComboboxOption[];
+    /** 값이 선택되지 않았을 때 표시할 텍스트 */
+    placeholder?: string;
+    /** 팝업 검색바 placeholder */
+    searchPlaceholder?: string;
+    /** 검색 결과가 없을 때 표시할 텍스트 */
+    emptyText?: ReactNode;
+    /** 라벨 텍스트 */
+    label?: ReactNode;
+    /** 필수 입력 여부 */
+    required?: boolean;
+    /** 설명 텍스트 */
+    description?: ReactNode;
+    /** 크기 (하위 파트에 상속) */
+    size?: Size;
+    /** 트리거 스타일 변형 */
+    variant?: Variant;
+    /** 에러 상태 */
+    error?: boolean;
+    /** 비활성화 상태 */
+    disabled?: boolean;
+    /** 선택된 값 (controlled) */
+    value?: string | null;
+    /** 초기 선택 값 (uncontrolled) */
+    defaultValue?: string;
+    /** 선택 값 변경 핸들러 */
+    onValueChange?: (value: string | null) => void;
+    /** 드롭다운 열림/닫힘 상태 변경 핸들러 */
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+    /** 드롭다운 리스트 className */
+    listClassName?: string;
+}
+/**
+ * Combobox(검색형 Select) 컴포넌트의 간소화된 Flat API입니다.
+ * options 배열만 전달하면 Compound Component 없이 간편하게 사용할 수 있습니다.
+ * 검색은 옵션 label 문자열 기준으로 필터링됩니다. (단일 선택 전용)
+ *
+ * @example
+ * ```tsx
+ * <FlatCombobox
+ *   options={[
+ *     { value: '1', label: '옵션 1' },
+ *     { value: '2', label: '아이콘', leftIcon: <AccountIcon size={16} /> },
+ *   ]}
+ *   placeholder="선택하세요"
+ *   searchPlaceholder="검색"
+ *   label="항목"
+ *   onValueChange={(value) => console.log(value)}
+ * />
+ * ```
+ *
+ * @see {@link FlatComboboxProps} props 상세
+ */
+declare function FlatCombobox({ options, placeholder, searchPlaceholder, emptyText, label, required, description, size, variant, error, disabled, value, defaultValue, onValueChange, onOpenChange, className, listClassName, }: FlatComboboxProps): react_jsx_runtime.JSX.Element;
+declare namespace FlatCombobox {
+    var displayName: string;
+}
+
 type FlatSegmentItem<V extends string = string> = Pick<SegmentItemProps, 'children' | 'disabled' | 'leftIcon' | 'className'> & {
     value: V;
 };
@@ -171,4 +244,4 @@ declare namespace FlatTabs {
     var displayName: string;
 }
 
-export { FlatColorPalette, type FlatColorPaletteProps, FlatSegment, type FlatSegmentItem, type FlatSegmentProps, FlatSelect, type FlatSelectOption, type FlatSelectProps, type FlatTabItem, FlatTabs, type FlatTabsProps };
+export { FlatColorPalette, type FlatColorPaletteProps, FlatCombobox, type FlatComboboxOption, type FlatComboboxProps, FlatSegment, type FlatSegmentItem, type FlatSegmentProps, FlatSelect, type FlatSelectOption, type FlatSelectProps, type FlatTabItem, FlatTabs, type FlatTabsProps };

package/dist/flat/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as ColorPaletteColor, G as ColorPaletteProps, u as SegmentItemProps, w as SegmentRootProps, I as Icon, g as Select, f as TabsTriggerProps, e as TabsRootProps } from '../FlatTooltip-CKMkf_th.js';
-export { a as ConditionalTooltip, O as ConditionalTooltipProps, R as FlatTooltip, P as FlatTooltipProps, Q as TooltipConfig } from '../FlatTooltip-CKMkf_th.js';
+import { C as ColorPaletteColor, G as ColorPaletteProps, I as Icon, S as Size, V as Variant, u as SegmentItemProps, w as SegmentRootProps, g as Select, f as TabsTriggerProps, e as TabsRootProps } from '../FlatTooltip-DqHMNx-V.js';
+export { a as ConditionalTooltip, O as ConditionalTooltipProps, R as FlatTooltip, P as FlatTooltipProps, Q as TooltipConfig } from '../FlatTooltip-DqHMNx-V.js';
 import { ReactNode, ComponentProps } from 'react';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-radio-group';
@@ -40,6 +40,79 @@ declare namespace FlatColorPalette {
     var displayName: string;
 }
 
+type FlatComboboxOption = {
+    value: string;
+    /** 아이템 라벨. 검색 필터링 대상이므로 문자열만 허용 */
+    label: string;
+    /** 아이템 왼쪽 고정 크기 아이콘 슬롯 */
+    leftIcon?: Icon;
+    /** 아이템 오른쪽 고정 크기 아이콘 슬롯 */
+    rightIcon?: Icon;
+    /** 아이템 오른쪽 가변폭 슬롯 (Tag 등) */
+    rightSlot?: ReactNode;
+    disabled?: boolean;
+};
+interface FlatComboboxProps {
+    /** 선택 가능한 옵션 배열 */
+    options: FlatComboboxOption[];
+    /** 값이 선택되지 않았을 때 표시할 텍스트 */
+    placeholder?: string;
+    /** 팝업 검색바 placeholder */
+    searchPlaceholder?: string;
+    /** 검색 결과가 없을 때 표시할 텍스트 */
+    emptyText?: ReactNode;
+    /** 라벨 텍스트 */
+    label?: ReactNode;
+    /** 필수 입력 여부 */
+    required?: boolean;
+    /** 설명 텍스트 */
+    description?: ReactNode;
+    /** 크기 (하위 파트에 상속) */
+    size?: Size;
+    /** 트리거 스타일 변형 */
+    variant?: Variant;
+    /** 에러 상태 */
+    error?: boolean;
+    /** 비활성화 상태 */
+    disabled?: boolean;
+    /** 선택된 값 (controlled) */
+    value?: string | null;
+    /** 초기 선택 값 (uncontrolled) */
+    defaultValue?: string;
+    /** 선택 값 변경 핸들러 */
+    onValueChange?: (value: string | null) => void;
+    /** 드롭다운 열림/닫힘 상태 변경 핸들러 */
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+    /** 드롭다운 리스트 className */
+    listClassName?: string;
+}
+/**
+ * Combobox(검색형 Select) 컴포넌트의 간소화된 Flat API입니다.
+ * options 배열만 전달하면 Compound Component 없이 간편하게 사용할 수 있습니다.
+ * 검색은 옵션 label 문자열 기준으로 필터링됩니다. (단일 선택 전용)
+ *
+ * @example
+ * ```tsx
+ * <FlatCombobox
+ *   options={[
+ *     { value: '1', label: '옵션 1' },
+ *     { value: '2', label: '아이콘', leftIcon: <AccountIcon size={16} /> },
+ *   ]}
+ *   placeholder="선택하세요"
+ *   searchPlaceholder="검색"
+ *   label="항목"
+ *   onValueChange={(value) => console.log(value)}
+ * />
+ * ```
+ *
+ * @see {@link FlatComboboxProps} props 상세
+ */
+declare function FlatCombobox({ options, placeholder, searchPlaceholder, emptyText, label, required, description, size, variant, error, disabled, value, defaultValue, onValueChange, onOpenChange, className, listClassName, }: FlatComboboxProps): react_jsx_runtime.JSX.Element;
+declare namespace FlatCombobox {
+    var displayName: string;
+}
+
 type FlatSegmentItem<V extends string = string> = Pick<SegmentItemProps, 'children' | 'disabled' | 'leftIcon' | 'className'> & {
     value: V;
 };
@@ -171,4 +244,4 @@ declare namespace FlatTabs {
     var displayName: string;
 }
 
-export { FlatColorPalette, type FlatColorPaletteProps, FlatSegment, type FlatSegmentItem, type FlatSegmentProps, FlatSelect, type FlatSelectOption, type FlatSelectProps, type FlatTabItem, FlatTabs, type FlatTabsProps };
+export { FlatColorPalette, type FlatColorPaletteProps, FlatCombobox, type FlatComboboxOption, type FlatComboboxProps, FlatSegment, type FlatSegmentItem, type FlatSegmentProps, FlatSelect, type FlatSelectOption, type FlatSelectProps, type FlatTabItem, FlatTabs, type FlatTabsProps };

package/dist/flat/index.js

@@ -1,31 +1,35 @@
 'use strict';
 
-var chunkVPYR4AHX_js = require('../chunk-VPYR4AHX.js');
+var chunkZT5RBJ5J_js = require('../chunk-ZT5RBJ5J.js');
 require('../chunk-57QR33TR.js');
 
 
 
 Object.defineProperty(exports, "ConditionalTooltip", {
   enumerable: true,
-  get: function () { return chunkVPYR4AHX_js.ConditionalTooltip; }
+  get: function () { return chunkZT5RBJ5J_js.ConditionalTooltip; }
 });
 Object.defineProperty(exports, "FlatColorPalette", {
   enumerable: true,
-  get: function () { return chunkVPYR4AHX_js.FlatColorPalette; }
+  get: function () { return chunkZT5RBJ5J_js.FlatColorPalette; }
+});
+Object.defineProperty(exports, "FlatCombobox", {
+  enumerable: true,
+  get: function () { return chunkZT5RBJ5J_js.FlatCombobox; }
 });
 Object.defineProperty(exports, "FlatSegment", {
   enumerable: true,
-  get: function () { return chunkVPYR4AHX_js.FlatSegment; }
+  get: function () { return chunkZT5RBJ5J_js.FlatSegment; }
 });
 Object.defineProperty(exports, "FlatSelect", {
   enumerable: true,
-  get: function () { return chunkVPYR4AHX_js.FlatSelect; }
+  get: function () { return chunkZT5RBJ5J_js.FlatSelect; }
 });
 Object.defineProperty(exports, "FlatTabs", {
   enumerable: true,
-  get: function () { return chunkVPYR4AHX_js.FlatTabs; }
+  get: function () { return chunkZT5RBJ5J_js.FlatTabs; }
 });
 Object.defineProperty(exports, "FlatTooltip", {
   enumerable: true,
-  get: function () { return chunkVPYR4AHX_js.FlatTooltip; }
+  get: function () { return chunkZT5RBJ5J_js.FlatTooltip; }
 });

package/dist/flat/index.mjs

@@ -1,2 +1,2 @@
-export { ConditionalTooltip, FlatColorPalette, FlatSegment, FlatSelect, FlatTabs, FlatTooltip } from '../chunk-NZR3A6CI.mjs';
+export { ConditionalTooltip, FlatColorPalette, FlatCombobox, FlatSegment, FlatSelect, FlatTabs, FlatTooltip } from '../chunk-G65KBUWQ.mjs';
 import '../chunk-GWP7YKJP.mjs';

package/dist/index.d.mts

@@ -2,8 +2,8 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import { VariantProps } from '@exem-ui/core/utils';
 import * as React$1 from 'react';
 import React__default, { ComponentProps } from 'react';
-import { C as ColorPaletteColor, a as ConditionalTooltip, V as Variant, S as Size$1, I as Icon } from './FlatTooltip-CKMkf_th.mjs';
-export { J as ColorPalette, K as ColorPaletteColors, G as ColorPaletteProps, H as ColorPaletteSwatchProps, L as DEFAULT_COLOR, r as Segment, s as SegmentComponent, t as SegmentContentProps, u as SegmentItemProps, v as SegmentListProps, w as SegmentRootProps, g as Select, h as SelectBoxProps, i as SelectComponent, j as SelectDescriptionProps, k as SelectEmptyProps, l as SelectGroupProps, m as SelectItemProps, n as SelectLabelProps, o as SelectListProps, p as SelectRootProps, q as SelectTriggerProps, T as Tabs, b as TabsComponent, c as TabsContentProps, d as TabsListProps, e as TabsRootProps, f as TabsTriggerProps, x as Tooltip, y as TooltipComponent, z as TooltipContentProps, A as TooltipDescriptionProps, B as TooltipProviderProps, D as TooltipRootProps, E as TooltipTitleProps, F as TooltipTriggerProps, M as getColorPaletteColor, N as isInPalette } from './FlatTooltip-CKMkf_th.mjs';
+import { C as ColorPaletteColor, a as ConditionalTooltip, S as Size$1, I as Icon, V as Variant } from './FlatTooltip-DqHMNx-V.mjs';
+export { J as ColorPalette, K as ColorPaletteColors, G as ColorPaletteProps, H as ColorPaletteSwatchProps, L as DEFAULT_COLOR, r as Segment, s as SegmentComponent, t as SegmentContentProps, u as SegmentItemProps, v as SegmentListProps, w as SegmentRootProps, g as Select, h as SelectBoxProps, i as SelectComponent, j as SelectDescriptionProps, k as SelectEmptyProps, l as SelectGroupProps, m as SelectItemProps, n as SelectLabelProps, o as SelectListProps, p as SelectRootProps, q as SelectTriggerProps, T as Tabs, b as TabsComponent, c as TabsContentProps, d as TabsListProps, e as TabsRootProps, f as TabsTriggerProps, x as Tooltip, y as TooltipComponent, z as TooltipContentProps, A as TooltipDescriptionProps, B as TooltipProviderProps, D as TooltipRootProps, E as TooltipTitleProps, F as TooltipTriggerProps, M as getColorPaletteColor, N as isInPalette } from './FlatTooltip-DqHMNx-V.mjs';
 import { I as IconBaseProps } from './types-xnO0gkCW.mjs';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
@@ -11,6 +11,7 @@ import * as SwitchPrimitives from '@radix-ui/react-switch';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { DayPicker } from 'react-day-picker';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { Combobox as Combobox$1 } from '@base-ui/react/combobox';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { Toaster as Toaster$1, ExternalToast, toast as toast$1 } from 'sonner';
@@ -443,6 +444,92 @@ type DropdownComponent = React$1.FC<DropdownRootProps> & {
 };
 declare const Dropdown: DropdownComponent;
 
+type ComboboxProps<Value, Multiple extends boolean | undefined = false> = Combobox$1.Root.Props<Value, Multiple> & {
+    /** 하위 파트(Trigger/Search/Input/Item/Label/Description)에 상속되는 크기 */
+    size?: Size$1;
+    /** 에러 상태 (Trigger/Description에 상속) */
+    error?: boolean;
+    /** 컨테이너(라벨·트리거·설명 세로 배치) 커스텀 className */
+    className?: string;
+};
+declare function ComboboxRoot<Value, Multiple extends boolean | undefined = false>({ size, error, disabled, className, ...props }: ComboboxProps<Value, Multiple>): react_jsx_runtime.JSX.Element;
+type ComboboxLabelProps = Combobox$1.Label.Props & {
+    /** 라벨 크기 (기본: Root size 상속) */
+    size?: Size$1;
+    /** 필수 표시(*) 여부 */
+    required?: boolean;
+};
+declare function ComboboxLabel({ className, size: sizeProp, required, ...props }: ComboboxLabelProps): react_jsx_runtime.JSX.Element;
+type ComboboxDescriptionProps = {
+    children?: React$1.ReactNode;
+    /** 설명 크기 (기본: Root size 상속) */
+    size?: Size$1;
+    className?: string;
+};
+declare function ComboboxDescription({ children, size: sizeProp, className }: ComboboxDescriptionProps): react_jsx_runtime.JSX.Element | null;
+type ComboboxValueProps = Combobox$1.Value.Props;
+declare function ComboboxValue(props: ComboboxValueProps): react_jsx_runtime.JSX.Element;
+type ComboboxTriggerProps = Combobox$1.Trigger.Props & {
+    /** 트리거 크기 */
+    size?: Size$1;
+    /** 트리거 스타일 변형 */
+    variant?: Variant;
+    /** 에러 상태 */
+    error?: boolean;
+};
+declare function ComboboxTrigger({ className, children, size: sizeProp, variant, error: errorProp, ...props }: ComboboxTriggerProps): react_jsx_runtime.JSX.Element;
+type ComboboxInputProps = Omit<Combobox$1.Input.Props, 'size'> & {
+    /** 입력 크기 */
+    size?: Size$1;
+};
+declare function ComboboxInput({ className, size: sizeProp, ...props }: ComboboxInputProps): react_jsx_runtime.JSX.Element;
+type ComboboxSearchProps = Omit<Combobox$1.Input.Props, 'size'> & {
+    /** 검색바 크기 */
+    size?: Size$1;
+};
+/** 팝업 상단 검색바. TextField(fill)와 동일한 디자인. */
+declare function ComboboxSearch({ className, size: sizeProp, ...props }: ComboboxSearchProps): react_jsx_runtime.JSX.Element;
+type ComboboxContentProps = Combobox$1.Popup.Props & {
+    /** 앵커와 팝업 사이 간격 */
+    sideOffset?: Combobox$1.Positioner.Props['sideOffset'];
+    align?: Combobox$1.Positioner.Props['align'];
+    side?: Combobox$1.Positioner.Props['side'];
+};
+declare function ComboboxContent({ className, children, sideOffset, align, side, ...props }: ComboboxContentProps): react_jsx_runtime.JSX.Element;
+type ComboboxListProps = Combobox$1.List.Props;
+declare function ComboboxList({ className, ...props }: ComboboxListProps): react_jsx_runtime.JSX.Element;
+type ComboboxItemProps = Combobox$1.Item.Props & {
+    /** 아이템 크기 */
+    size?: Size$1;
+    /** 선택 표시 체크박스. 기본값: 다중 선택(multiple)일 때 자동 표시 */
+    checkbox?: boolean;
+    /** 아이템 왼쪽에 표시할 아이콘 (고정 크기 슬롯) */
+    leftIcon?: Icon;
+    /** 아이템 오른쪽에 표시할 아이콘 (고정 크기 슬롯) */
+    rightIcon?: Icon;
+    /** 아이템 오른쪽 가변폭 슬롯 (Tag 등). rightIcon 왼쪽에 배치됨. */
+    rightSlot?: React$1.ReactNode;
+};
+declare function ComboboxItem({ className, children, size: sizeProp, checkbox, leftIcon, rightIcon, rightSlot, ...props }: ComboboxItemProps): react_jsx_runtime.JSX.Element;
+type ComboboxEmptyProps = Combobox$1.Empty.Props;
+declare function ComboboxEmpty({ className, children, ...props }: ComboboxEmptyProps): react_jsx_runtime.JSX.Element;
+/**
+ * 기존 컨벤션(Select.Label 등)과 동일한 compound 접근을 지원한다.
+ * flat export(ComboboxTrigger 등)와 동일 객체이므로 어느 방식으로 써도 무방하다.
+ */
+declare const Combobox: typeof ComboboxRoot & {
+    Content: typeof ComboboxContent;
+    Description: typeof ComboboxDescription;
+    Empty: typeof ComboboxEmpty;
+    Input: typeof ComboboxInput;
+    Item: typeof ComboboxItem;
+    Label: typeof ComboboxLabel;
+    List: typeof ComboboxList;
+    Search: typeof ComboboxSearch;
+    Trigger: typeof ComboboxTrigger;
+    Value: typeof ComboboxValue;
+};
+
 type TextAreaLabelProps = {
     children: React$1.ReactNode;
     required?: boolean;
@@ -982,4 +1069,4 @@ declare const buttonize: (fn: (e: React__default.MouseEvent<HTMLElement> | React
     onKeyDown: (event: React__default.KeyboardEvent<HTMLDivElement>) => void;
 };
 
-export { Avatar, type AvatarComponent, type AvatarProps, Badge, type BadgeComponent, type BadgeProps, Breadcrumb, type BreadcrumbComponent, type BreadcrumbEllipsisProps, type BreadcrumbItemProps, type BreadcrumbLinkProps, type BreadcrumbListProps, type BreadcrumbPageProps, type BreadcrumbPathProps, type BreadcrumbRootProps, type BreadcrumbSeparatorProps, Button, type ButtonComponent, ButtonGroup, type ButtonGroupComponent, type ButtonGroupItem, type ButtonGroupProps, type ButtonProps, Checkbox, type CheckboxComponent, type CheckboxProps, ColorPaletteColor, DatePicker, type DatePickerProps, DoubleTag, type DoubleTagProps, Dropdown, type DropdownComponent, type DropdownContentProps, type DropdownGroupProps, type DropdownItemProps, type DropdownLabelProps, type DropdownRootProps, type DropdownSeparatorProps, type DropdownTriggerProps, type ExtendedExternalToast, IconButton, type IconButtonComponent, type IconButtonProps, Loading, type LoadingComponent, type LoadingProps, MessageBox, type MessageBoxActionProps, type MessageBoxActionsProps, type MessageBoxCancelProps, type MessageBoxComponent, type MessageBoxContentProps, type MessageBoxDescriptionProps, type MessageBoxRootProps, type MessageBoxTitleProps, type MessageBoxTriggerProps, type MessageBoxVariant, Modal, type ModalActionProps, type ModalActionsProps, type ModalBodyProps, type ModalCloseProps, type ModalComponent, type ModalContentProps, type ModalDescriptionProps, type ModalFooterDescriptionProps, type ModalFooterProps, type ModalHeaderProps, type ModalOverlayProps, type ModalPortalProps, type ModalRootProps, type ModalTitleProps, type ModalTriggerProps, Progress, type ProgressComponent, type ProgressProps, Radio, type RadioComponent, type RadioItemProps, type RadioRootProps, ScrollArea, type ScrollAreaProps, ScrollBar, Sheet, type SheetActionsProps, type SheetBodyProps, type SheetCloseProps, type SheetComponent, type SheetContentProps, type SheetDescriptionProps, type SheetFooterDescriptionProps, type SheetFooterProps, type SheetHeaderProps, type SheetOverlayProps, type SheetPortalProps, type SheetRootProps, type SheetSide, type SheetTitleProps, type SheetTriggerProps, type Options as SonnerToastOptions, Star, type StarComponent, type StarProps, Switch, type SwitchComponent, type SwitchProps, Tag, type TagColor, type TagComponent, type TagProps, TextArea, type TextAreaBottomRightSlot, type TextAreaComponent, type TextAreaDescriptionProps, type TextAreaFieldProps, type TextAreaLabelProps, type TextAreaRootProps, TextField, type TextFieldComponent, type TextFieldDescriptionProps, type TextFieldInputProps, type TextFieldLabelProps, type TextFieldRootProps, type ToastAction, type ToastInput, type ToastOptions, ToastProvider, type ToastProviderProps, Toaster, type ToasterActionProps, type ToasterComponent, type ToasterContainerProps, type ToasterDescriptionProps, type ToasterIconProps, type ToasterRootProps, type ToasterTitleProps, buttonize, colorPaletteColorClasses, toast, useToast };
+export { Avatar, type AvatarComponent, type AvatarProps, Badge, type BadgeComponent, type BadgeProps, Breadcrumb, type BreadcrumbComponent, type BreadcrumbEllipsisProps, type BreadcrumbItemProps, type BreadcrumbLinkProps, type BreadcrumbListProps, type BreadcrumbPageProps, type BreadcrumbPathProps, type BreadcrumbRootProps, type BreadcrumbSeparatorProps, Button, type ButtonComponent, ButtonGroup, type ButtonGroupComponent, type ButtonGroupItem, type ButtonGroupProps, type ButtonProps, Checkbox, type CheckboxComponent, type CheckboxProps, ColorPaletteColor, Combobox, ComboboxContent, type ComboboxContentProps, ComboboxDescription, type ComboboxDescriptionProps, ComboboxEmpty, type ComboboxEmptyProps, ComboboxInput, type ComboboxInputProps, ComboboxItem, type ComboboxItemProps, ComboboxLabel, type ComboboxLabelProps, ComboboxList, type ComboboxListProps, type ComboboxProps, ComboboxSearch, type ComboboxSearchProps, ComboboxTrigger, type ComboboxTriggerProps, ComboboxValue, type ComboboxValueProps, DatePicker, type DatePickerProps, DoubleTag, type DoubleTagProps, Dropdown, type DropdownComponent, type DropdownContentProps, type DropdownGroupProps, type DropdownItemProps, type DropdownLabelProps, type DropdownRootProps, type DropdownSeparatorProps, type DropdownTriggerProps, type ExtendedExternalToast, IconButton, type IconButtonComponent, type IconButtonProps, Loading, type LoadingComponent, type LoadingProps, MessageBox, type MessageBoxActionProps, type MessageBoxActionsProps, type MessageBoxCancelProps, type MessageBoxComponent, type MessageBoxContentProps, type MessageBoxDescriptionProps, type MessageBoxRootProps, type MessageBoxTitleProps, type MessageBoxTriggerProps, type MessageBoxVariant, Modal, type ModalActionProps, type ModalActionsProps, type ModalBodyProps, type ModalCloseProps, type ModalComponent, type ModalContentProps, type ModalDescriptionProps, type ModalFooterDescriptionProps, type ModalFooterProps, type ModalHeaderProps, type ModalOverlayProps, type ModalPortalProps, type ModalRootProps, type ModalTitleProps, type ModalTriggerProps, Progress, type ProgressComponent, type ProgressProps, Radio, type RadioComponent, type RadioItemProps, type RadioRootProps, ScrollArea, type ScrollAreaProps, ScrollBar, Sheet, type SheetActionsProps, type SheetBodyProps, type SheetCloseProps, type SheetComponent, type SheetContentProps, type SheetDescriptionProps, type SheetFooterDescriptionProps, type SheetFooterProps, type SheetHeaderProps, type SheetOverlayProps, type SheetPortalProps, type SheetRootProps, type SheetSide, type SheetTitleProps, type SheetTriggerProps, type Options as SonnerToastOptions, Star, type StarComponent, type StarProps, Switch, type SwitchComponent, type SwitchProps, Tag, type TagColor, type TagComponent, type TagProps, TextArea, type TextAreaBottomRightSlot, type TextAreaComponent, type TextAreaDescriptionProps, type TextAreaFieldProps, type TextAreaLabelProps, type TextAreaRootProps, TextField, type TextFieldComponent, type TextFieldDescriptionProps, type TextFieldInputProps, type TextFieldLabelProps, type TextFieldRootProps, type ToastAction, type ToastInput, type ToastOptions, ToastProvider, type ToastProviderProps, Toaster, type ToasterActionProps, type ToasterComponent, type ToasterContainerProps, type ToasterDescriptionProps, type ToasterIconProps, type ToasterRootProps, type ToasterTitleProps, buttonize, colorPaletteColorClasses, toast, useToast };

package/dist/index.d.ts

@@ -2,8 +2,8 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import { VariantProps } from '@exem-ui/core/utils';
 import * as React$1 from 'react';
 import React__default, { ComponentProps } from 'react';
-import { C as ColorPaletteColor, a as ConditionalTooltip, V as Variant, S as Size$1, I as Icon } from './FlatTooltip-CKMkf_th.js';
-export { J as ColorPalette, K as ColorPaletteColors, G as ColorPaletteProps, H as ColorPaletteSwatchProps, L as DEFAULT_COLOR, r as Segment, s as SegmentComponent, t as SegmentContentProps, u as SegmentItemProps, v as SegmentListProps, w as SegmentRootProps, g as Select, h as SelectBoxProps, i as SelectComponent, j as SelectDescriptionProps, k as SelectEmptyProps, l as SelectGroupProps, m as SelectItemProps, n as SelectLabelProps, o as SelectListProps, p as SelectRootProps, q as SelectTriggerProps, T as Tabs, b as TabsComponent, c as TabsContentProps, d as TabsListProps, e as TabsRootProps, f as TabsTriggerProps, x as Tooltip, y as TooltipComponent, z as TooltipContentProps, A as TooltipDescriptionProps, B as TooltipProviderProps, D as TooltipRootProps, E as TooltipTitleProps, F as TooltipTriggerProps, M as getColorPaletteColor, N as isInPalette } from './FlatTooltip-CKMkf_th.js';
+import { C as ColorPaletteColor, a as ConditionalTooltip, S as Size$1, I as Icon, V as Variant } from './FlatTooltip-DqHMNx-V.js';
+export { J as ColorPalette, K as ColorPaletteColors, G as ColorPaletteProps, H as ColorPaletteSwatchProps, L as DEFAULT_COLOR, r as Segment, s as SegmentComponent, t as SegmentContentProps, u as SegmentItemProps, v as SegmentListProps, w as SegmentRootProps, g as Select, h as SelectBoxProps, i as SelectComponent, j as SelectDescriptionProps, k as SelectEmptyProps, l as SelectGroupProps, m as SelectItemProps, n as SelectLabelProps, o as SelectListProps, p as SelectRootProps, q as SelectTriggerProps, T as Tabs, b as TabsComponent, c as TabsContentProps, d as TabsListProps, e as TabsRootProps, f as TabsTriggerProps, x as Tooltip, y as TooltipComponent, z as TooltipContentProps, A as TooltipDescriptionProps, B as TooltipProviderProps, D as TooltipRootProps, E as TooltipTitleProps, F as TooltipTriggerProps, M as getColorPaletteColor, N as isInPalette } from './FlatTooltip-DqHMNx-V.js';
 import { I as IconBaseProps } from './types-xnO0gkCW.js';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
@@ -11,6 +11,7 @@ import * as SwitchPrimitives from '@radix-ui/react-switch';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { DayPicker } from 'react-day-picker';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { Combobox as Combobox$1 } from '@base-ui/react/combobox';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { Toaster as Toaster$1, ExternalToast, toast as toast$1 } from 'sonner';
@@ -443,6 +444,92 @@ type DropdownComponent = React$1.FC<DropdownRootProps> & {
 };
 declare const Dropdown: DropdownComponent;
 
+type ComboboxProps<Value, Multiple extends boolean | undefined = false> = Combobox$1.Root.Props<Value, Multiple> & {
+    /** 하위 파트(Trigger/Search/Input/Item/Label/Description)에 상속되는 크기 */
+    size?: Size$1;
+    /** 에러 상태 (Trigger/Description에 상속) */
+    error?: boolean;
+    /** 컨테이너(라벨·트리거·설명 세로 배치) 커스텀 className */
+    className?: string;
+};
+declare function ComboboxRoot<Value, Multiple extends boolean | undefined = false>({ size, error, disabled, className, ...props }: ComboboxProps<Value, Multiple>): react_jsx_runtime.JSX.Element;
+type ComboboxLabelProps = Combobox$1.Label.Props & {
+    /** 라벨 크기 (기본: Root size 상속) */
+    size?: Size$1;
+    /** 필수 표시(*) 여부 */
+    required?: boolean;
+};
+declare function ComboboxLabel({ className, size: sizeProp, required, ...props }: ComboboxLabelProps): react_jsx_runtime.JSX.Element;
+type ComboboxDescriptionProps = {
+    children?: React$1.ReactNode;
+    /** 설명 크기 (기본: Root size 상속) */
+    size?: Size$1;
+    className?: string;
+};
+declare function ComboboxDescription({ children, size: sizeProp, className }: ComboboxDescriptionProps): react_jsx_runtime.JSX.Element | null;
+type ComboboxValueProps = Combobox$1.Value.Props;
+declare function ComboboxValue(props: ComboboxValueProps): react_jsx_runtime.JSX.Element;
+type ComboboxTriggerProps = Combobox$1.Trigger.Props & {
+    /** 트리거 크기 */
+    size?: Size$1;
+    /** 트리거 스타일 변형 */
+    variant?: Variant;
+    /** 에러 상태 */
+    error?: boolean;
+};
+declare function ComboboxTrigger({ className, children, size: sizeProp, variant, error: errorProp, ...props }: ComboboxTriggerProps): react_jsx_runtime.JSX.Element;
+type ComboboxInputProps = Omit<Combobox$1.Input.Props, 'size'> & {
+    /** 입력 크기 */
+    size?: Size$1;
+};
+declare function ComboboxInput({ className, size: sizeProp, ...props }: ComboboxInputProps): react_jsx_runtime.JSX.Element;
+type ComboboxSearchProps = Omit<Combobox$1.Input.Props, 'size'> & {
+    /** 검색바 크기 */
+    size?: Size$1;
+};
+/** 팝업 상단 검색바. TextField(fill)와 동일한 디자인. */
+declare function ComboboxSearch({ className, size: sizeProp, ...props }: ComboboxSearchProps): react_jsx_runtime.JSX.Element;
+type ComboboxContentProps = Combobox$1.Popup.Props & {
+    /** 앵커와 팝업 사이 간격 */
+    sideOffset?: Combobox$1.Positioner.Props['sideOffset'];
+    align?: Combobox$1.Positioner.Props['align'];
+    side?: Combobox$1.Positioner.Props['side'];
+};
+declare function ComboboxContent({ className, children, sideOffset, align, side, ...props }: ComboboxContentProps): react_jsx_runtime.JSX.Element;
+type ComboboxListProps = Combobox$1.List.Props;
+declare function ComboboxList({ className, ...props }: ComboboxListProps): react_jsx_runtime.JSX.Element;
+type ComboboxItemProps = Combobox$1.Item.Props & {
+    /** 아이템 크기 */
+    size?: Size$1;
+    /** 선택 표시 체크박스. 기본값: 다중 선택(multiple)일 때 자동 표시 */
+    checkbox?: boolean;
+    /** 아이템 왼쪽에 표시할 아이콘 (고정 크기 슬롯) */
+    leftIcon?: Icon;
+    /** 아이템 오른쪽에 표시할 아이콘 (고정 크기 슬롯) */
+    rightIcon?: Icon;
+    /** 아이템 오른쪽 가변폭 슬롯 (Tag 등). rightIcon 왼쪽에 배치됨. */
+    rightSlot?: React$1.ReactNode;
+};
+declare function ComboboxItem({ className, children, size: sizeProp, checkbox, leftIcon, rightIcon, rightSlot, ...props }: ComboboxItemProps): react_jsx_runtime.JSX.Element;
+type ComboboxEmptyProps = Combobox$1.Empty.Props;
+declare function ComboboxEmpty({ className, children, ...props }: ComboboxEmptyProps): react_jsx_runtime.JSX.Element;
+/**
+ * 기존 컨벤션(Select.Label 등)과 동일한 compound 접근을 지원한다.
+ * flat export(ComboboxTrigger 등)와 동일 객체이므로 어느 방식으로 써도 무방하다.
+ */
+declare const Combobox: typeof ComboboxRoot & {
+    Content: typeof ComboboxContent;
+    Description: typeof ComboboxDescription;
+    Empty: typeof ComboboxEmpty;
+    Input: typeof ComboboxInput;
+    Item: typeof ComboboxItem;
+    Label: typeof ComboboxLabel;
+    List: typeof ComboboxList;
+    Search: typeof ComboboxSearch;
+    Trigger: typeof ComboboxTrigger;
+    Value: typeof ComboboxValue;
+};
+
 type TextAreaLabelProps = {
     children: React$1.ReactNode;
     required?: boolean;
@@ -982,4 +1069,4 @@ declare const buttonize: (fn: (e: React__default.MouseEvent<HTMLElement> | React
     onKeyDown: (event: React__default.KeyboardEvent<HTMLDivElement>) => void;
 };
 
-export { Avatar, type AvatarComponent, type AvatarProps, Badge, type BadgeComponent, type BadgeProps, Breadcrumb, type BreadcrumbComponent, type BreadcrumbEllipsisProps, type BreadcrumbItemProps, type BreadcrumbLinkProps, type BreadcrumbListProps, type BreadcrumbPageProps, type BreadcrumbPathProps, type BreadcrumbRootProps, type BreadcrumbSeparatorProps, Button, type ButtonComponent, ButtonGroup, type ButtonGroupComponent, type ButtonGroupItem, type ButtonGroupProps, type ButtonProps, Checkbox, type CheckboxComponent, type CheckboxProps, ColorPaletteColor, DatePicker, type DatePickerProps, DoubleTag, type DoubleTagProps, Dropdown, type DropdownComponent, type DropdownContentProps, type DropdownGroupProps, type DropdownItemProps, type DropdownLabelProps, type DropdownRootProps, type DropdownSeparatorProps, type DropdownTriggerProps, type ExtendedExternalToast, IconButton, type IconButtonComponent, type IconButtonProps, Loading, type LoadingComponent, type LoadingProps, MessageBox, type MessageBoxActionProps, type MessageBoxActionsProps, type MessageBoxCancelProps, type MessageBoxComponent, type MessageBoxContentProps, type MessageBoxDescriptionProps, type MessageBoxRootProps, type MessageBoxTitleProps, type MessageBoxTriggerProps, type MessageBoxVariant, Modal, type ModalActionProps, type ModalActionsProps, type ModalBodyProps, type ModalCloseProps, type ModalComponent, type ModalContentProps, type ModalDescriptionProps, type ModalFooterDescriptionProps, type ModalFooterProps, type ModalHeaderProps, type ModalOverlayProps, type ModalPortalProps, type ModalRootProps, type ModalTitleProps, type ModalTriggerProps, Progress, type ProgressComponent, type ProgressProps, Radio, type RadioComponent, type RadioItemProps, type RadioRootProps, ScrollArea, type ScrollAreaProps, ScrollBar, Sheet, type SheetActionsProps, type SheetBodyProps, type SheetCloseProps, type SheetComponent, type SheetContentProps, type SheetDescriptionProps, type SheetFooterDescriptionProps, type SheetFooterProps, type SheetHeaderProps, type SheetOverlayProps, type SheetPortalProps, type SheetRootProps, type SheetSide, type SheetTitleProps, type SheetTriggerProps, type Options as SonnerToastOptions, Star, type StarComponent, type StarProps, Switch, type SwitchComponent, type SwitchProps, Tag, type TagColor, type TagComponent, type TagProps, TextArea, type TextAreaBottomRightSlot, type TextAreaComponent, type TextAreaDescriptionProps, type TextAreaFieldProps, type TextAreaLabelProps, type TextAreaRootProps, TextField, type TextFieldComponent, type TextFieldDescriptionProps, type TextFieldInputProps, type TextFieldLabelProps, type TextFieldRootProps, type ToastAction, type ToastInput, type ToastOptions, ToastProvider, type ToastProviderProps, Toaster, type ToasterActionProps, type ToasterComponent, type ToasterContainerProps, type ToasterDescriptionProps, type ToasterIconProps, type ToasterRootProps, type ToasterTitleProps, buttonize, colorPaletteColorClasses, toast, useToast };
+export { Avatar, type AvatarComponent, type AvatarProps, Badge, type BadgeComponent, type BadgeProps, Breadcrumb, type BreadcrumbComponent, type BreadcrumbEllipsisProps, type BreadcrumbItemProps, type BreadcrumbLinkProps, type BreadcrumbListProps, type BreadcrumbPageProps, type BreadcrumbPathProps, type BreadcrumbRootProps, type BreadcrumbSeparatorProps, Button, type ButtonComponent, ButtonGroup, type ButtonGroupComponent, type ButtonGroupItem, type ButtonGroupProps, type ButtonProps, Checkbox, type CheckboxComponent, type CheckboxProps, ColorPaletteColor, Combobox, ComboboxContent, type ComboboxContentProps, ComboboxDescription, type ComboboxDescriptionProps, ComboboxEmpty, type ComboboxEmptyProps, ComboboxInput, type ComboboxInputProps, ComboboxItem, type ComboboxItemProps, ComboboxLabel, type ComboboxLabelProps, ComboboxList, type ComboboxListProps, type ComboboxProps, ComboboxSearch, type ComboboxSearchProps, ComboboxTrigger, type ComboboxTriggerProps, ComboboxValue, type ComboboxValueProps, DatePicker, type DatePickerProps, DoubleTag, type DoubleTagProps, Dropdown, type DropdownComponent, type DropdownContentProps, type DropdownGroupProps, type DropdownItemProps, type DropdownLabelProps, type DropdownRootProps, type DropdownSeparatorProps, type DropdownTriggerProps, type ExtendedExternalToast, IconButton, type IconButtonComponent, type IconButtonProps, Loading, type LoadingComponent, type LoadingProps, MessageBox, type MessageBoxActionProps, type MessageBoxActionsProps, type MessageBoxCancelProps, type MessageBoxComponent, type MessageBoxContentProps, type MessageBoxDescriptionProps, type MessageBoxRootProps, type MessageBoxTitleProps, type MessageBoxTriggerProps, type MessageBoxVariant, Modal, type ModalActionProps, type ModalActionsProps, type ModalBodyProps, type ModalCloseProps, type ModalComponent, type ModalContentProps, type ModalDescriptionProps, type ModalFooterDescriptionProps, type ModalFooterProps, type ModalHeaderProps, type ModalOverlayProps, type ModalPortalProps, type ModalRootProps, type ModalTitleProps, type ModalTriggerProps, Progress, type ProgressComponent, type ProgressProps, Radio, type RadioComponent, type RadioItemProps, type RadioRootProps, ScrollArea, type ScrollAreaProps, ScrollBar, Sheet, type SheetActionsProps, type SheetBodyProps, type SheetCloseProps, type SheetComponent, type SheetContentProps, type SheetDescriptionProps, type SheetFooterDescriptionProps, type SheetFooterProps, type SheetHeaderProps, type SheetOverlayProps, type SheetPortalProps, type SheetRootProps, type SheetSide, type SheetTitleProps, type SheetTriggerProps, type Options as SonnerToastOptions, Star, type StarComponent, type StarProps, Switch, type SwitchComponent, type SwitchProps, Tag, type TagColor, type TagComponent, type TagProps, TextArea, type TextAreaBottomRightSlot, type TextAreaComponent, type TextAreaDescriptionProps, type TextAreaFieldProps, type TextAreaLabelProps, type TextAreaRootProps, TextField, type TextFieldComponent, type TextFieldDescriptionProps, type TextFieldInputProps, type TextFieldLabelProps, type TextFieldRootProps, type ToastAction, type ToastInput, type ToastOptions, ToastProvider, type ToastProviderProps, Toaster, type ToasterActionProps, type ToasterComponent, type ToasterContainerProps, type ToasterDescriptionProps, type ToasterIconProps, type ToasterRootProps, type ToasterTitleProps, buttonize, colorPaletteColorClasses, toast, useToast };