@mondrianai/runyourai-design-system 0.0.17 → 0.0.19

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default from 'react';
+import React__default, { ReactNode } from 'react';
 import { Accordion as Accordion$1, AlertDialog as AlertDialog$1, DropdownMenu as DropdownMenu$1, Checkbox as Checkbox$1, Collapsible as Collapsible$1, Menubar as Menubar$1, Slider as Slider$1, Switch as Switch$1, Tooltip as Tooltip$1 } from 'radix-ui';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_types from 'class-variance-authority/types';
@@ -33,7 +33,7 @@ declare const AlertDialogAction: React$1.ForwardRefExoticComponent<Omit<AlertDia
 declare const AlertDialogCancel: React$1.ForwardRefExoticComponent<Omit<AlertDialog$1.AlertDialogCancelProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
 declare const Alert: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    variant?: "default" | "destructive" | null | undefined;
+    variant?: "destructive" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLDivElement>>;
 declare const AlertTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
 declare const AlertDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
@@ -112,7 +112,7 @@ declare function BreadcrumbSeparator({ iconName, className, ...props }: React__d
 }): react_jsx_runtime.JSX.Element;
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "secondary" | "outline" | "ghost" | "destructive" | null | undefined;
+    variant?: "link" | "primary" | "secondary" | "outline" | "ghost" | "destructive" | null | undefined;
     size?: "rounded" | "default" | "icon" | "pill" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
@@ -153,14 +153,23 @@ interface DataSectionProps {
 declare function DataSection({ title, left, right, className, childrenClassName, children, }: DataSectionProps): react_jsx_runtime.JSX.Element;
 
 interface DrawerProps {
-    open: boolean;
-    onClose: () => void;
+    /** 드로어를 여는 트리거 요소 (필수) */
+    trigger: React$1.ReactNode;
+    /** 드로어 제목 (필수) */
     title: React$1.ReactNode;
+    /** 컨텐츠 영역 (필수) */
     children: React$1.ReactNode;
-    metadata?: React$1.ReactNode;
+    /** 외부에서 열림 상태를 직접 제어할 때 사용 (footer에서 닫기 등) */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** 제목 아래 부제목 */
+    description?: React$1.ReactNode;
+    /** 하단 고정 footer 영역 */
+    footer?: React$1.ReactNode;
+    shouldScaleBackground?: boolean;
     className?: string;
 }
-declare function Drawer({ open, onClose, title, children, metadata, className, }: DrawerProps): react_jsx_runtime.JSX.Element | null;
+declare function Drawer({ open, onOpenChange, trigger, title, description, footer, children, shouldScaleBackground, className, }: DrawerProps): react_jsx_runtime.JSX.Element;
 
 declare function DropdownMenu({ ...props }: React$1.ComponentProps<typeof DropdownMenu$1.Root>): react_jsx_runtime.JSX.Element;
 declare function DropdownMenuPortal({ ...props }: React$1.ComponentProps<typeof DropdownMenu$1.Portal>): react_jsx_runtime.JSX.Element;
@@ -719,15 +728,28 @@ interface MultiSelectProps extends SelectBase {
 type SelectProps = SingleSelectProps | MultiSelectProps;
 declare function Select(props: SelectProps): react_jsx_runtime.JSX.Element;
 
+type SheetSide = 'top' | 'right' | 'bottom' | 'left';
 interface SheetProps {
-    open: boolean;
-    onClose: () => void;
-    title: string;
-    description?: string;
+    /** 시트 제목 — 문자열 또는 ReactNode (아이콘·뱃지 조합 등) (필수) */
+    title: React$1.ReactNode;
+    /** 콘텐츠 영역 (필수) */
     children: React$1.ReactNode;
+    /** 시트를 여는 트리거 요소 — 외부 버튼으로 open을 제어할 경우 생략 가능 */
+    trigger?: React$1.ReactNode;
+    /** 외부에서 열림 상태를 직접 제어할 때 사용 (trigger 없이 open만으로 제어하는 경우 등) */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** 패널이 열리는 방향 (기본: right) */
+    side?: SheetSide;
+    /** 제목 아래 부제목 */
+    description?: React$1.ReactNode;
+    /** 하단 고정 footer 영역 */
     footer?: React$1.ReactNode;
+    /** 우상단 X 닫기 버튼 표시 여부 (기본: true) */
+    showCloseButton?: boolean;
+    className?: string;
 }
-declare function Sheet({ open, onClose, title, description, children, footer }: SheetProps): react_jsx_runtime.JSX.Element;
+declare function Sheet({ open, onOpenChange, trigger, side, title, description, footer, showCloseButton, children, className, }: SheetProps): react_jsx_runtime.JSX.Element;
 
 /**
  * 링크 컴포넌트 타입. next/link의 Link, react-router의 Link 등을 그대로 전달할 수 있습니다.
@@ -847,6 +869,8 @@ declare function Stepper({ steps, currentStep, className }: StepperProps): react
 interface TabItem<T extends string = string> {
     value: T;
     label: string;
+    /** 이 탭이 활성화됐을 때 탭 행 우측에 렌더링할 콘텐츠 (검색, 액션 버튼 등) */
+    rightContents?: ReactNode;
 }
 interface TabsProps<T extends string = string> {
     allTabs: TabItem<T>[];
@@ -856,7 +880,7 @@ interface TabsProps<T extends string = string> {
      * "pill"      — 회색 배경 컨테이너 + 흰 배경 active (segment control 스타일)
      * "underline" — 하단 밑줄 active (default)
      */
-    variant?: "pill" | "underline";
+    variant?: 'pill' | 'underline';
     /** 컨테이너를 w-full로 펼치고 각 탭 버튼을 균등 분할(flex-1)합니다 */
     block?: boolean;
     /** Tailwind height 클래스 (e.g. "h-[36px]"). 지정 시 내부 버튼 패딩도 자동 조정됩니다. */
@@ -959,9 +983,15 @@ interface PaginationProps {
     previousLabel?: string;
     /** 다음 버튼 라벨. simple=true 이면 무시됨. 기본값 "다음" */
     nextLabel?: string;
+    /** 현재 페이지 크기. onPageSizeChange와 함께 사용하면 좌측에 Select가 표시됨. */
+    pageSize?: number;
+    /** 페이지 크기 변경 콜백. 제공 시 좌측에 페이지 크기 Select가 표시됨. */
+    onPageSizeChange?: (size: number) => void;
+    /** 페이지 크기 옵션. value는 숫자 문자열, label은 단위 포함 표시 텍스트. 예: [{ value: '10', label: '10개' }] */
+    pageSizeOptions?: SelectOption[];
     className?: string;
 }
-declare function Pagination({ currentPage, totalPages, onPageChange, simple, previousLabel, nextLabel, className, }: PaginationProps): react_jsx_runtime.JSX.Element;
+declare function Pagination({ currentPage, totalPages, onPageChange, simple, previousLabel, nextLabel, pageSize, onPageSizeChange, pageSizeOptions, className, }: PaginationProps): react_jsx_runtime.JSX.Element;
 
 type SortDirection = 'ASC' | 'DESC' | null;
 interface TableColumn<T> {
@@ -1042,11 +1072,16 @@ interface TableProps<T> {
      */
     onSortingChange?: (sorting: SortingState) => void;
     className?: string;
+    /**
+     * 설정 시 tbody 영역만 스크롤되고 thead가 상단에 고정됩니다.
+     * CSS 값을 그대로 받습니다. 예: "calc(100dvh - 260px)", "400px"
+     */
+    maxHeight?: string;
 }
 declare function SortIcon({ direction }: {
     direction: SortDirection;
 }): react_jsx_runtime.JSX.Element;
-declare function Table<T>({ columns, data, rowKey, pagination, defaultSorting, loading, enableRowSelection, rowSelection: rowSelectionProp, onRowSelectionChange, rowActions, onRowClick, onSortingChange, className, }: TableProps<T>): react_jsx_runtime.JSX.Element;
+declare function Table<T>({ columns, data, rowKey, pagination, defaultSorting, loading, enableRowSelection, rowSelection: rowSelectionProp, onRowSelectionChange, rowActions, onRowClick, onSortingChange, className, maxHeight, }: TableProps<T>): react_jsx_runtime.JSX.Element;
 
 declare const TooltipProvider: React$1.FC<Tooltip$1.TooltipProviderProps>;
 interface TooltipProps extends Pick<React$1.ComponentPropsWithoutRef<typeof Tooltip$1.Root>, 'open' | 'defaultOpen' | 'onOpenChange' | 'delayDuration'>, Omit<React$1.ComponentPropsWithoutRef<typeof Tooltip$1.Content>, 'children' | 'content'> {
@@ -1082,7 +1117,7 @@ declare function UserMessageBubble({ content }: {
  *    · delayDuration  — hover → open 지연 시간 (ms)
  *    · skipDelayDuration — 빠르게 연속 이동 시 딜레이 스킵 임계치 (ms)
  */
-declare function Providers({ children }: {
+declare function RyaiDsProvider({ children }: {
     children: React.ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
@@ -1593,4 +1628,4 @@ declare function WordFileIcon({ className }: {
     className?: string;
 }): react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AgentBlogIcon, AgentCsIcon, AgentDataIcon, AgentHrIcon, AgentMailIcon, AgentTrendIcon, AiAgentIcon, AiBuilderIcon, AiCloudIcon, AiDatacenterIcon, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlignJustifyIcon, AlignLeftIcon, ArrowDownIcon, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarProps, type AvatarSize, BADGE_VARIANT_STYLES, Badge, type BadgeProps, type BadgeVariant, BlockquoteIcon, BoldIcon, BookOpenIcon, BookUpIcon, Breadcrumb, Button, type ButtonProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxCard, type CheckboxCardProps, type CheckboxProps, ChevronsUpDownIcon, ChoiceCardGroup, type ChoiceCardGroupProps, ChoiceCardItem, type ChoiceCardItemProps, CircleCheckFillIcon, CircleHelpIcon, CircleIndicator, type CircleIndicatorProps, CircleOutlineIcon, ClaudeIcon, CodeIcon, CodeSquareIcon, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleRoot, CollapsibleTrigger, type CollapsibleWorkspace, Combobox, type ComboboxOption, type ComboboxProps, CreditIcon, DataSection, type DataSectionProps, DatePicker, type DatePickerLocale, type DatePickerMode, type DatePickerProps, type DateRange, DeepSeekIcon, type DisabledDateRule, DownloadIcon, Drawer, type DrawerProps, DriveIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyTrayIcon, Field, FieldDivider, type FieldProps, FieldRow, type FieldRowProps, FieldSection, type FieldSectionProps, FileCodeIcon, FileSearchIcon, FileTypeCornerIcon, FolderAmberIcon, FolderBlueIcon, FolderClosedIcon, FolderGreenIcon, FolderVioletIcon, GeminiIcon, GoogleIcon, HangulFileIcon, Header, type HeaderNavItem, type HeaderProps, HeadingIcon, HtmlFileIcon, ICON_NODES, Icon, type IconProps, ImageIcon, ImportIcon, IndentIcon, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, ItalicIcon, KbCard, type KbCardMetadataItem, type KbCardProps, KeyRoundIcon, type LanguageItem, LayersIcon, LayoutGridIcon, LineChartIcon, LinkIcon, ListIcon, ListOrderedIcon, MarkdownFileIcon, MarkdownMessage, Menubar, MenubarContent, MenubarGroup, MenubarItem, MenubarMenu, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessageCircleIcon, MessageFooter, type MessageFooterProps, MessagesSquareIcon, Modal, type ModalProps, MyPageIcon, type NavDropdownItem, type NotificationItem, NumberBadge, type NumberBadgeProps, OpenAiIcon, OutdentIcon, Pagination, type PaginationProps, PanelLeftIcon, PdfFileIcon, PenLineIcon, PencilLineIcon, PresentationIcon, Progress, type ProgressProps, type ProgressThreshold, Providers, RefreshCwIcon, RyaiLogoIcon, SearchInput, type SearchInputProps, SegmentedControl, Select, type SelectGroup, type SelectOption, type SelectProps, Sheet, SheetFileIcon, ShoppingBagIcon, Sidebar, SidebarLink, type SidebarMainMenuItem, type SidebarSubMenuItem, type SidebarUtilityItem, Skeleton, type SkeletonProps, SlideFileIcon, Slider, SmileIcon, type SortDirection, SortIcon, SparklesIcon, SquareCheckIcon, SquareCheckOutlineIcon, StarIcon, Stepper, type StepperProps, StrikethroughIcon, Switch, SwitchField, type SwitchFieldProps, type TabItem, Table, type TableColumn, type TablePaginationConfig, TablePropertiesIcon, type TableProps, type TableSortingItem, Tabs, type TabsProps, Toggle, ToggleGroup, type ToggleGroupItemData, type ToggleGroupProps, type ToggleProps, Tooltip, type TooltipProps, TooltipProvider, TooltipWithIcon, type TooltipWithIconProps, TrashIcon, UpstageIcon, type UserMenuSection, type UserMenuSectionItem, UserMessageBubble, WandSparklesIcon, WordFileIcon, buttonVariants, toggleBaseClasses, toggleSizeClasses };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AgentBlogIcon, AgentCsIcon, AgentDataIcon, AgentHrIcon, AgentMailIcon, AgentTrendIcon, AiAgentIcon, AiBuilderIcon, AiCloudIcon, AiDatacenterIcon, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlignJustifyIcon, AlignLeftIcon, ArrowDownIcon, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarProps, type AvatarSize, BADGE_VARIANT_STYLES, Badge, type BadgeProps, type BadgeVariant, BlockquoteIcon, BoldIcon, BookOpenIcon, BookUpIcon, Breadcrumb, Button, type ButtonProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxCard, type CheckboxCardProps, type CheckboxProps, ChevronsUpDownIcon, ChoiceCardGroup, type ChoiceCardGroupProps, ChoiceCardItem, type ChoiceCardItemProps, CircleCheckFillIcon, CircleHelpIcon, CircleIndicator, type CircleIndicatorProps, CircleOutlineIcon, ClaudeIcon, CodeIcon, CodeSquareIcon, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleRoot, CollapsibleTrigger, type CollapsibleWorkspace, Combobox, type ComboboxOption, type ComboboxProps, CreditIcon, DataSection, type DataSectionProps, DatePicker, type DatePickerLocale, type DatePickerMode, type DatePickerProps, type DateRange, DeepSeekIcon, type DisabledDateRule, DownloadIcon, Drawer, type DrawerProps, DriveIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyTrayIcon, Field, FieldDivider, type FieldProps, FieldRow, type FieldRowProps, FieldSection, type FieldSectionProps, FileCodeIcon, FileSearchIcon, FileTypeCornerIcon, FolderAmberIcon, FolderBlueIcon, FolderClosedIcon, FolderGreenIcon, FolderVioletIcon, GeminiIcon, GoogleIcon, HangulFileIcon, Header, type HeaderNavItem, type HeaderProps, HeadingIcon, HtmlFileIcon, ICON_NODES, Icon, type IconProps, ImageIcon, ImportIcon, IndentIcon, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, ItalicIcon, KbCard, type KbCardMetadataItem, type KbCardProps, KeyRoundIcon, type LanguageItem, LayersIcon, LayoutGridIcon, LineChartIcon, LinkIcon, ListIcon, ListOrderedIcon, MarkdownFileIcon, MarkdownMessage, Menubar, MenubarContent, MenubarGroup, MenubarItem, MenubarMenu, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessageCircleIcon, MessageFooter, type MessageFooterProps, MessagesSquareIcon, Modal, type ModalProps, MyPageIcon, type NavDropdownItem, type NotificationItem, NumberBadge, type NumberBadgeProps, OpenAiIcon, OutdentIcon, Pagination, type PaginationProps, PanelLeftIcon, PdfFileIcon, PenLineIcon, PencilLineIcon, PresentationIcon, Progress, type ProgressProps, type ProgressThreshold, RefreshCwIcon, RyaiDsProvider, RyaiLogoIcon, SearchInput, type SearchInputProps, SegmentedControl, Select, type SelectGroup, type SelectOption, type SelectProps, Sheet, SheetFileIcon, type SheetProps, ShoppingBagIcon, Sidebar, SidebarLink, type SidebarMainMenuItem, type SidebarSubMenuItem, type SidebarUtilityItem, Skeleton, type SkeletonProps, SlideFileIcon, Slider, SmileIcon, type SortDirection, SortIcon, SparklesIcon, SquareCheckIcon, SquareCheckOutlineIcon, StarIcon, Stepper, type StepperProps, StrikethroughIcon, Switch, SwitchField, type SwitchFieldProps, type TabItem, Table, type TableColumn, type TablePaginationConfig, TablePropertiesIcon, type TableProps, type TableSortingItem, Tabs, type TabsProps, Toggle, ToggleGroup, type ToggleGroupItemData, type ToggleGroupProps, type ToggleProps, Tooltip, type TooltipProps, TooltipProvider, TooltipWithIcon, type TooltipWithIconProps, TrashIcon, UpstageIcon, type UserMenuSection, type UserMenuSectionItem, UserMessageBubble, WandSparklesIcon, WordFileIcon, buttonVariants, toggleBaseClasses, toggleSizeClasses };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default from 'react';
+import React__default, { ReactNode } from 'react';
 import { Accordion as Accordion$1, AlertDialog as AlertDialog$1, DropdownMenu as DropdownMenu$1, Checkbox as Checkbox$1, Collapsible as Collapsible$1, Menubar as Menubar$1, Slider as Slider$1, Switch as Switch$1, Tooltip as Tooltip$1 } from 'radix-ui';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_types from 'class-variance-authority/types';
@@ -33,7 +33,7 @@ declare const AlertDialogAction: React$1.ForwardRefExoticComponent<Omit<AlertDia
 declare const AlertDialogCancel: React$1.ForwardRefExoticComponent<Omit<AlertDialog$1.AlertDialogCancelProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
 declare const Alert: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    variant?: "default" | "destructive" | null | undefined;
+    variant?: "destructive" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLDivElement>>;
 declare const AlertTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
 declare const AlertDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
@@ -112,7 +112,7 @@ declare function BreadcrumbSeparator({ iconName, className, ...props }: React__d
 }): react_jsx_runtime.JSX.Element;
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "secondary" | "outline" | "ghost" | "destructive" | null | undefined;
+    variant?: "link" | "primary" | "secondary" | "outline" | "ghost" | "destructive" | null | undefined;
     size?: "rounded" | "default" | "icon" | "pill" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
@@ -153,14 +153,23 @@ interface DataSectionProps {
 declare function DataSection({ title, left, right, className, childrenClassName, children, }: DataSectionProps): react_jsx_runtime.JSX.Element;
 
 interface DrawerProps {
-    open: boolean;
-    onClose: () => void;
+    /** 드로어를 여는 트리거 요소 (필수) */
+    trigger: React$1.ReactNode;
+    /** 드로어 제목 (필수) */
     title: React$1.ReactNode;
+    /** 컨텐츠 영역 (필수) */
     children: React$1.ReactNode;
-    metadata?: React$1.ReactNode;
+    /** 외부에서 열림 상태를 직접 제어할 때 사용 (footer에서 닫기 등) */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** 제목 아래 부제목 */
+    description?: React$1.ReactNode;
+    /** 하단 고정 footer 영역 */
+    footer?: React$1.ReactNode;
+    shouldScaleBackground?: boolean;
     className?: string;
 }
-declare function Drawer({ open, onClose, title, children, metadata, className, }: DrawerProps): react_jsx_runtime.JSX.Element | null;
+declare function Drawer({ open, onOpenChange, trigger, title, description, footer, children, shouldScaleBackground, className, }: DrawerProps): react_jsx_runtime.JSX.Element;
 
 declare function DropdownMenu({ ...props }: React$1.ComponentProps<typeof DropdownMenu$1.Root>): react_jsx_runtime.JSX.Element;
 declare function DropdownMenuPortal({ ...props }: React$1.ComponentProps<typeof DropdownMenu$1.Portal>): react_jsx_runtime.JSX.Element;
@@ -719,15 +728,28 @@ interface MultiSelectProps extends SelectBase {
 type SelectProps = SingleSelectProps | MultiSelectProps;
 declare function Select(props: SelectProps): react_jsx_runtime.JSX.Element;
 
+type SheetSide = 'top' | 'right' | 'bottom' | 'left';
 interface SheetProps {
-    open: boolean;
-    onClose: () => void;
-    title: string;
-    description?: string;
+    /** 시트 제목 — 문자열 또는 ReactNode (아이콘·뱃지 조합 등) (필수) */
+    title: React$1.ReactNode;
+    /** 콘텐츠 영역 (필수) */
     children: React$1.ReactNode;
+    /** 시트를 여는 트리거 요소 — 외부 버튼으로 open을 제어할 경우 생략 가능 */
+    trigger?: React$1.ReactNode;
+    /** 외부에서 열림 상태를 직접 제어할 때 사용 (trigger 없이 open만으로 제어하는 경우 등) */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** 패널이 열리는 방향 (기본: right) */
+    side?: SheetSide;
+    /** 제목 아래 부제목 */
+    description?: React$1.ReactNode;
+    /** 하단 고정 footer 영역 */
     footer?: React$1.ReactNode;
+    /** 우상단 X 닫기 버튼 표시 여부 (기본: true) */
+    showCloseButton?: boolean;
+    className?: string;
 }
-declare function Sheet({ open, onClose, title, description, children, footer }: SheetProps): react_jsx_runtime.JSX.Element;
+declare function Sheet({ open, onOpenChange, trigger, side, title, description, footer, showCloseButton, children, className, }: SheetProps): react_jsx_runtime.JSX.Element;
 
 /**
  * 링크 컴포넌트 타입. next/link의 Link, react-router의 Link 등을 그대로 전달할 수 있습니다.
@@ -847,6 +869,8 @@ declare function Stepper({ steps, currentStep, className }: StepperProps): react
 interface TabItem<T extends string = string> {
     value: T;
     label: string;
+    /** 이 탭이 활성화됐을 때 탭 행 우측에 렌더링할 콘텐츠 (검색, 액션 버튼 등) */
+    rightContents?: ReactNode;
 }
 interface TabsProps<T extends string = string> {
     allTabs: TabItem<T>[];
@@ -856,7 +880,7 @@ interface TabsProps<T extends string = string> {
      * "pill"      — 회색 배경 컨테이너 + 흰 배경 active (segment control 스타일)
      * "underline" — 하단 밑줄 active (default)
      */
-    variant?: "pill" | "underline";
+    variant?: 'pill' | 'underline';
     /** 컨테이너를 w-full로 펼치고 각 탭 버튼을 균등 분할(flex-1)합니다 */
     block?: boolean;
     /** Tailwind height 클래스 (e.g. "h-[36px]"). 지정 시 내부 버튼 패딩도 자동 조정됩니다. */
@@ -959,9 +983,15 @@ interface PaginationProps {
     previousLabel?: string;
     /** 다음 버튼 라벨. simple=true 이면 무시됨. 기본값 "다음" */
     nextLabel?: string;
+    /** 현재 페이지 크기. onPageSizeChange와 함께 사용하면 좌측에 Select가 표시됨. */
+    pageSize?: number;
+    /** 페이지 크기 변경 콜백. 제공 시 좌측에 페이지 크기 Select가 표시됨. */
+    onPageSizeChange?: (size: number) => void;
+    /** 페이지 크기 옵션. value는 숫자 문자열, label은 단위 포함 표시 텍스트. 예: [{ value: '10', label: '10개' }] */
+    pageSizeOptions?: SelectOption[];
     className?: string;
 }
-declare function Pagination({ currentPage, totalPages, onPageChange, simple, previousLabel, nextLabel, className, }: PaginationProps): react_jsx_runtime.JSX.Element;
+declare function Pagination({ currentPage, totalPages, onPageChange, simple, previousLabel, nextLabel, pageSize, onPageSizeChange, pageSizeOptions, className, }: PaginationProps): react_jsx_runtime.JSX.Element;
 
 type SortDirection = 'ASC' | 'DESC' | null;
 interface TableColumn<T> {
@@ -1042,11 +1072,16 @@ interface TableProps<T> {
      */
     onSortingChange?: (sorting: SortingState) => void;
     className?: string;
+    /**
+     * 설정 시 tbody 영역만 스크롤되고 thead가 상단에 고정됩니다.
+     * CSS 값을 그대로 받습니다. 예: "calc(100dvh - 260px)", "400px"
+     */
+    maxHeight?: string;
 }
 declare function SortIcon({ direction }: {
     direction: SortDirection;
 }): react_jsx_runtime.JSX.Element;
-declare function Table<T>({ columns, data, rowKey, pagination, defaultSorting, loading, enableRowSelection, rowSelection: rowSelectionProp, onRowSelectionChange, rowActions, onRowClick, onSortingChange, className, }: TableProps<T>): react_jsx_runtime.JSX.Element;
+declare function Table<T>({ columns, data, rowKey, pagination, defaultSorting, loading, enableRowSelection, rowSelection: rowSelectionProp, onRowSelectionChange, rowActions, onRowClick, onSortingChange, className, maxHeight, }: TableProps<T>): react_jsx_runtime.JSX.Element;
 
 declare const TooltipProvider: React$1.FC<Tooltip$1.TooltipProviderProps>;
 interface TooltipProps extends Pick<React$1.ComponentPropsWithoutRef<typeof Tooltip$1.Root>, 'open' | 'defaultOpen' | 'onOpenChange' | 'delayDuration'>, Omit<React$1.ComponentPropsWithoutRef<typeof Tooltip$1.Content>, 'children' | 'content'> {
@@ -1082,7 +1117,7 @@ declare function UserMessageBubble({ content }: {
  *    · delayDuration  — hover → open 지연 시간 (ms)
  *    · skipDelayDuration — 빠르게 연속 이동 시 딜레이 스킵 임계치 (ms)
  */
-declare function Providers({ children }: {
+declare function RyaiDsProvider({ children }: {
     children: React.ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
@@ -1593,4 +1628,4 @@ declare function WordFileIcon({ className }: {
     className?: string;
 }): react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AgentBlogIcon, AgentCsIcon, AgentDataIcon, AgentHrIcon, AgentMailIcon, AgentTrendIcon, AiAgentIcon, AiBuilderIcon, AiCloudIcon, AiDatacenterIcon, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlignJustifyIcon, AlignLeftIcon, ArrowDownIcon, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarProps, type AvatarSize, BADGE_VARIANT_STYLES, Badge, type BadgeProps, type BadgeVariant, BlockquoteIcon, BoldIcon, BookOpenIcon, BookUpIcon, Breadcrumb, Button, type ButtonProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxCard, type CheckboxCardProps, type CheckboxProps, ChevronsUpDownIcon, ChoiceCardGroup, type ChoiceCardGroupProps, ChoiceCardItem, type ChoiceCardItemProps, CircleCheckFillIcon, CircleHelpIcon, CircleIndicator, type CircleIndicatorProps, CircleOutlineIcon, ClaudeIcon, CodeIcon, CodeSquareIcon, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleRoot, CollapsibleTrigger, type CollapsibleWorkspace, Combobox, type ComboboxOption, type ComboboxProps, CreditIcon, DataSection, type DataSectionProps, DatePicker, type DatePickerLocale, type DatePickerMode, type DatePickerProps, type DateRange, DeepSeekIcon, type DisabledDateRule, DownloadIcon, Drawer, type DrawerProps, DriveIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyTrayIcon, Field, FieldDivider, type FieldProps, FieldRow, type FieldRowProps, FieldSection, type FieldSectionProps, FileCodeIcon, FileSearchIcon, FileTypeCornerIcon, FolderAmberIcon, FolderBlueIcon, FolderClosedIcon, FolderGreenIcon, FolderVioletIcon, GeminiIcon, GoogleIcon, HangulFileIcon, Header, type HeaderNavItem, type HeaderProps, HeadingIcon, HtmlFileIcon, ICON_NODES, Icon, type IconProps, ImageIcon, ImportIcon, IndentIcon, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, ItalicIcon, KbCard, type KbCardMetadataItem, type KbCardProps, KeyRoundIcon, type LanguageItem, LayersIcon, LayoutGridIcon, LineChartIcon, LinkIcon, ListIcon, ListOrderedIcon, MarkdownFileIcon, MarkdownMessage, Menubar, MenubarContent, MenubarGroup, MenubarItem, MenubarMenu, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessageCircleIcon, MessageFooter, type MessageFooterProps, MessagesSquareIcon, Modal, type ModalProps, MyPageIcon, type NavDropdownItem, type NotificationItem, NumberBadge, type NumberBadgeProps, OpenAiIcon, OutdentIcon, Pagination, type PaginationProps, PanelLeftIcon, PdfFileIcon, PenLineIcon, PencilLineIcon, PresentationIcon, Progress, type ProgressProps, type ProgressThreshold, Providers, RefreshCwIcon, RyaiLogoIcon, SearchInput, type SearchInputProps, SegmentedControl, Select, type SelectGroup, type SelectOption, type SelectProps, Sheet, SheetFileIcon, ShoppingBagIcon, Sidebar, SidebarLink, type SidebarMainMenuItem, type SidebarSubMenuItem, type SidebarUtilityItem, Skeleton, type SkeletonProps, SlideFileIcon, Slider, SmileIcon, type SortDirection, SortIcon, SparklesIcon, SquareCheckIcon, SquareCheckOutlineIcon, StarIcon, Stepper, type StepperProps, StrikethroughIcon, Switch, SwitchField, type SwitchFieldProps, type TabItem, Table, type TableColumn, type TablePaginationConfig, TablePropertiesIcon, type TableProps, type TableSortingItem, Tabs, type TabsProps, Toggle, ToggleGroup, type ToggleGroupItemData, type ToggleGroupProps, type ToggleProps, Tooltip, type TooltipProps, TooltipProvider, TooltipWithIcon, type TooltipWithIconProps, TrashIcon, UpstageIcon, type UserMenuSection, type UserMenuSectionItem, UserMessageBubble, WandSparklesIcon, WordFileIcon, buttonVariants, toggleBaseClasses, toggleSizeClasses };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AgentBlogIcon, AgentCsIcon, AgentDataIcon, AgentHrIcon, AgentMailIcon, AgentTrendIcon, AiAgentIcon, AiBuilderIcon, AiCloudIcon, AiDatacenterIcon, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlignJustifyIcon, AlignLeftIcon, ArrowDownIcon, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarProps, type AvatarSize, BADGE_VARIANT_STYLES, Badge, type BadgeProps, type BadgeVariant, BlockquoteIcon, BoldIcon, BookOpenIcon, BookUpIcon, Breadcrumb, Button, type ButtonProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxCard, type CheckboxCardProps, type CheckboxProps, ChevronsUpDownIcon, ChoiceCardGroup, type ChoiceCardGroupProps, ChoiceCardItem, type ChoiceCardItemProps, CircleCheckFillIcon, CircleHelpIcon, CircleIndicator, type CircleIndicatorProps, CircleOutlineIcon, ClaudeIcon, CodeIcon, CodeSquareIcon, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleRoot, CollapsibleTrigger, type CollapsibleWorkspace, Combobox, type ComboboxOption, type ComboboxProps, CreditIcon, DataSection, type DataSectionProps, DatePicker, type DatePickerLocale, type DatePickerMode, type DatePickerProps, type DateRange, DeepSeekIcon, type DisabledDateRule, DownloadIcon, Drawer, type DrawerProps, DriveIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyTrayIcon, Field, FieldDivider, type FieldProps, FieldRow, type FieldRowProps, FieldSection, type FieldSectionProps, FileCodeIcon, FileSearchIcon, FileTypeCornerIcon, FolderAmberIcon, FolderBlueIcon, FolderClosedIcon, FolderGreenIcon, FolderVioletIcon, GeminiIcon, GoogleIcon, HangulFileIcon, Header, type HeaderNavItem, type HeaderProps, HeadingIcon, HtmlFileIcon, ICON_NODES, Icon, type IconProps, ImageIcon, ImportIcon, IndentIcon, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, ItalicIcon, KbCard, type KbCardMetadataItem, type KbCardProps, KeyRoundIcon, type LanguageItem, LayersIcon, LayoutGridIcon, LineChartIcon, LinkIcon, ListIcon, ListOrderedIcon, MarkdownFileIcon, MarkdownMessage, Menubar, MenubarContent, MenubarGroup, MenubarItem, MenubarMenu, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessageCircleIcon, MessageFooter, type MessageFooterProps, MessagesSquareIcon, Modal, type ModalProps, MyPageIcon, type NavDropdownItem, type NotificationItem, NumberBadge, type NumberBadgeProps, OpenAiIcon, OutdentIcon, Pagination, type PaginationProps, PanelLeftIcon, PdfFileIcon, PenLineIcon, PencilLineIcon, PresentationIcon, Progress, type ProgressProps, type ProgressThreshold, RefreshCwIcon, RyaiDsProvider, RyaiLogoIcon, SearchInput, type SearchInputProps, SegmentedControl, Select, type SelectGroup, type SelectOption, type SelectProps, Sheet, SheetFileIcon, type SheetProps, ShoppingBagIcon, Sidebar, SidebarLink, type SidebarMainMenuItem, type SidebarSubMenuItem, type SidebarUtilityItem, Skeleton, type SkeletonProps, SlideFileIcon, Slider, SmileIcon, type SortDirection, SortIcon, SparklesIcon, SquareCheckIcon, SquareCheckOutlineIcon, StarIcon, Stepper, type StepperProps, StrikethroughIcon, Switch, SwitchField, type SwitchFieldProps, type TabItem, Table, type TableColumn, type TablePaginationConfig, TablePropertiesIcon, type TableProps, type TableSortingItem, Tabs, type TabsProps, Toggle, ToggleGroup, type ToggleGroupItemData, type ToggleGroupProps, type ToggleProps, Tooltip, type TooltipProps, TooltipProvider, TooltipWithIcon, type TooltipWithIconProps, TrashIcon, UpstageIcon, type UserMenuSection, type UserMenuSectionItem, UserMessageBubble, WandSparklesIcon, WordFileIcon, buttonVariants, toggleBaseClasses, toggleSizeClasses };