@idbrnd/design-system 1.5.0 → 1.5.2

package/README.md

@@ -1,6 +1,6 @@
 # @idbrnd/design-system
 
-![Version](https://img.shields.io/badge/version-1.5.0-4B5FE1?style=flat-square)
+![Version](https://img.shields.io/badge/version-1.5.2-4B5FE1?style=flat-square)
 ![React](https://img.shields.io/badge/React-18.3.1-61DAFB?style=flat-square&logo=react&logoColor=white)
 ![Vite](https://img.shields.io/badge/Vite-7.3.0-646CFF?style=flat-square&logo=vite&logoColor=white)
 ![TypeScript](https://img.shields.io/badge/TypeScript-5.9.3-3178C6?style=flat-square&logo=typescript&logoColor=white)
@@ -636,6 +636,7 @@ function SelectExample() {
 - `variant`를 직접 지정하지 않아도 열림/선택 상태에 따라 `choosing` → `selected`로 자동 전환됩니다.
 - `variant="error"`는 자동 전환되지 않으므로 직접 지정해야 합니다.
 - 드롭다운 목록은 `document.body`에 포탈로 렌더링됩니다.
+- 뷰포트 하단 공간이 부족하면 드롭다운이 트리거 위쪽으로 자동 전환(flip)됩니다.
 - 긴 옵션 라벨은 말줄임 처리되며, hover 시 툴팁으로 전체 텍스트가 표시됩니다. 트리거 버튼의 선택된 값도 동일하게 동작합니다.
 - `placeholder`에 문자열 대신 JSX를 전달하면 커스텀 플레이스홀더를 렌더링할 수 있습니다.
 - 옵션이 비어있을 때: `type="search"`에서 검색어가 있으면 "검색 결과가 없습니다.", 그 외에는 `-`가 표시됩니다.

package/dist/components/Dropdown/DropdownMenu.d.ts

@@ -1,3 +1,3 @@
 import type { DropdownMenuProps } from './DropdownMenu.types';
-declare function DropdownMenu({ listboxId, type, align, content, options, selectedValue, onSelect, textColor, closing, }: DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenu({ listboxId, type, align, content, options, selectedValue, onSelect, textColor, closing, placement, }: DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
 export default DropdownMenu;

package/dist/components/Dropdown/DropdownMenu.types.d.ts

@@ -47,4 +47,10 @@ export interface DropdownMenuProps {
      * @defaultValue `false`
      */
     closing?: boolean;
+    /** 드롭다운 표시 방향. (내부 전용)
+     * - `bottom`: 트리거 아래쪽에 표시 (기본값)
+     * - `top`: 트리거 위쪽에 표시 (뷰포트 하단 공간 부족 시 자동 전환)
+     * @defaultValue `'bottom'`
+     */
+    placement?: 'bottom' | 'top';
 }