@mondrianai/runyourai-design-system 0.0.16 → 0.0.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +55 -18
- package/dist/index.d.ts +55 -18
- package/dist/index.js +1248 -1112
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1257 -1121
- package/dist/index.mjs.map +1 -1
- package/package.json +5 -3
package/dist/index.d.mts
CHANGED
|
@@ -153,14 +153,23 @@ interface DataSectionProps {
|
|
|
153
153
|
declare function DataSection({ title, left, right, className, childrenClassName, children, }: DataSectionProps): react_jsx_runtime.JSX.Element;
|
|
154
154
|
|
|
155
155
|
interface DrawerProps {
|
|
156
|
-
|
|
157
|
-
|
|
156
|
+
/** 드로어를 여는 트리거 요소 (필수) */
|
|
157
|
+
trigger: React$1.ReactNode;
|
|
158
|
+
/** 드로어 제목 (필수) */
|
|
158
159
|
title: React$1.ReactNode;
|
|
160
|
+
/** 컨텐츠 영역 (필수) */
|
|
159
161
|
children: React$1.ReactNode;
|
|
160
|
-
|
|
162
|
+
/** 외부에서 열림 상태를 직접 제어할 때 사용 (footer에서 닫기 등) */
|
|
163
|
+
open?: boolean;
|
|
164
|
+
onOpenChange?: (open: boolean) => void;
|
|
165
|
+
/** 제목 아래 부제목 */
|
|
166
|
+
description?: React$1.ReactNode;
|
|
167
|
+
/** 하단 고정 footer 영역 */
|
|
168
|
+
footer?: React$1.ReactNode;
|
|
169
|
+
shouldScaleBackground?: boolean;
|
|
161
170
|
className?: string;
|
|
162
171
|
}
|
|
163
|
-
declare function Drawer({ open,
|
|
172
|
+
declare function Drawer({ open, onOpenChange, trigger, title, description, footer, children, shouldScaleBackground, className, }: DrawerProps): react_jsx_runtime.JSX.Element;
|
|
164
173
|
|
|
165
174
|
declare function DropdownMenu({ ...props }: React$1.ComponentProps<typeof DropdownMenu$1.Root>): react_jsx_runtime.JSX.Element;
|
|
166
175
|
declare function DropdownMenuPortal({ ...props }: React$1.ComponentProps<typeof DropdownMenu$1.Portal>): react_jsx_runtime.JSX.Element;
|
|
@@ -719,15 +728,28 @@ interface MultiSelectProps extends SelectBase {
|
|
|
719
728
|
type SelectProps = SingleSelectProps | MultiSelectProps;
|
|
720
729
|
declare function Select(props: SelectProps): react_jsx_runtime.JSX.Element;
|
|
721
730
|
|
|
731
|
+
type SheetSide = 'top' | 'right' | 'bottom' | 'left';
|
|
722
732
|
interface SheetProps {
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
|
|
726
|
-
description?: string;
|
|
733
|
+
/** 시트 제목 — 문자열 또는 ReactNode (아이콘·뱃지 조합 등) (필수) */
|
|
734
|
+
title: React$1.ReactNode;
|
|
735
|
+
/** 콘텐츠 영역 (필수) */
|
|
727
736
|
children: React$1.ReactNode;
|
|
737
|
+
/** 시트를 여는 트리거 요소 — 외부 버튼으로 open을 제어할 경우 생략 가능 */
|
|
738
|
+
trigger?: React$1.ReactNode;
|
|
739
|
+
/** 외부에서 열림 상태를 직접 제어할 때 사용 (trigger 없이 open만으로 제어하는 경우 등) */
|
|
740
|
+
open?: boolean;
|
|
741
|
+
onOpenChange?: (open: boolean) => void;
|
|
742
|
+
/** 패널이 열리는 방향 (기본: right) */
|
|
743
|
+
side?: SheetSide;
|
|
744
|
+
/** 제목 아래 부제목 */
|
|
745
|
+
description?: React$1.ReactNode;
|
|
746
|
+
/** 하단 고정 footer 영역 */
|
|
728
747
|
footer?: React$1.ReactNode;
|
|
748
|
+
/** 우상단 X 닫기 버튼 표시 여부 (기본: true) */
|
|
749
|
+
showCloseButton?: boolean;
|
|
750
|
+
className?: string;
|
|
729
751
|
}
|
|
730
|
-
declare function Sheet({ open,
|
|
752
|
+
declare function Sheet({ open, onOpenChange, trigger, side, title, description, footer, showCloseButton, children, className, }: SheetProps): react_jsx_runtime.JSX.Element;
|
|
731
753
|
|
|
732
754
|
/**
|
|
733
755
|
* 링크 컴포넌트 타입. next/link의 Link, react-router의 Link 등을 그대로 전달할 수 있습니다.
|
|
@@ -946,6 +968,23 @@ interface SwitchFieldProps extends React__default.ComponentPropsWithoutRef<typeo
|
|
|
946
968
|
}
|
|
947
969
|
declare function SwitchField({ label, description, className, id, ...props }: SwitchFieldProps): react_jsx_runtime.JSX.Element;
|
|
948
970
|
|
|
971
|
+
interface PaginationProps {
|
|
972
|
+
currentPage: number;
|
|
973
|
+
totalPages: number;
|
|
974
|
+
onPageChange: (page: number) => void;
|
|
975
|
+
/**
|
|
976
|
+
* true이면 이전/다음 버튼을 아이콘만 표시 (라벨 생략).
|
|
977
|
+
* 기본값 false — previousLabel/nextLabel이 표시됨.
|
|
978
|
+
*/
|
|
979
|
+
simple?: boolean;
|
|
980
|
+
/** 이전 버튼 라벨. simple=true 이면 무시됨. 기본값 "이전" */
|
|
981
|
+
previousLabel?: string;
|
|
982
|
+
/** 다음 버튼 라벨. simple=true 이면 무시됨. 기본값 "다음" */
|
|
983
|
+
nextLabel?: string;
|
|
984
|
+
className?: string;
|
|
985
|
+
}
|
|
986
|
+
declare function Pagination({ currentPage, totalPages, onPageChange, simple, previousLabel, nextLabel, className, }: PaginationProps): react_jsx_runtime.JSX.Element;
|
|
987
|
+
|
|
949
988
|
type SortDirection = 'ASC' | 'DESC' | null;
|
|
950
989
|
interface TableColumn<T> {
|
|
951
990
|
key: string;
|
|
@@ -1025,18 +1064,16 @@ interface TableProps<T> {
|
|
|
1025
1064
|
*/
|
|
1026
1065
|
onSortingChange?: (sorting: SortingState) => void;
|
|
1027
1066
|
className?: string;
|
|
1067
|
+
/**
|
|
1068
|
+
* 설정 시 tbody 영역만 스크롤되고 thead가 상단에 고정됩니다.
|
|
1069
|
+
* CSS 값을 그대로 받습니다. 예: "calc(100dvh - 260px)", "400px"
|
|
1070
|
+
*/
|
|
1071
|
+
maxHeight?: string;
|
|
1028
1072
|
}
|
|
1029
1073
|
declare function SortIcon({ direction }: {
|
|
1030
1074
|
direction: SortDirection;
|
|
1031
1075
|
}): react_jsx_runtime.JSX.Element;
|
|
1032
|
-
|
|
1033
|
-
currentPage: number;
|
|
1034
|
-
totalPages: number;
|
|
1035
|
-
onPageChange: (page: number) => void;
|
|
1036
|
-
className?: string;
|
|
1037
|
-
}
|
|
1038
|
-
declare function Pagination({ currentPage, totalPages, onPageChange, className, }: PaginationProps): react_jsx_runtime.JSX.Element;
|
|
1039
|
-
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;
|
|
1076
|
+
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;
|
|
1040
1077
|
|
|
1041
1078
|
declare const TooltipProvider: React$1.FC<Tooltip$1.TooltipProviderProps>;
|
|
1042
1079
|
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'> {
|
|
@@ -1583,4 +1620,4 @@ declare function WordFileIcon({ className }: {
|
|
|
1583
1620
|
className?: string;
|
|
1584
1621
|
}): react_jsx_runtime.JSX.Element;
|
|
1585
1622
|
|
|
1586
|
-
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, 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 };
|
|
1623
|
+
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, 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
CHANGED
|
@@ -153,14 +153,23 @@ interface DataSectionProps {
|
|
|
153
153
|
declare function DataSection({ title, left, right, className, childrenClassName, children, }: DataSectionProps): react_jsx_runtime.JSX.Element;
|
|
154
154
|
|
|
155
155
|
interface DrawerProps {
|
|
156
|
-
|
|
157
|
-
|
|
156
|
+
/** 드로어를 여는 트리거 요소 (필수) */
|
|
157
|
+
trigger: React$1.ReactNode;
|
|
158
|
+
/** 드로어 제목 (필수) */
|
|
158
159
|
title: React$1.ReactNode;
|
|
160
|
+
/** 컨텐츠 영역 (필수) */
|
|
159
161
|
children: React$1.ReactNode;
|
|
160
|
-
|
|
162
|
+
/** 외부에서 열림 상태를 직접 제어할 때 사용 (footer에서 닫기 등) */
|
|
163
|
+
open?: boolean;
|
|
164
|
+
onOpenChange?: (open: boolean) => void;
|
|
165
|
+
/** 제목 아래 부제목 */
|
|
166
|
+
description?: React$1.ReactNode;
|
|
167
|
+
/** 하단 고정 footer 영역 */
|
|
168
|
+
footer?: React$1.ReactNode;
|
|
169
|
+
shouldScaleBackground?: boolean;
|
|
161
170
|
className?: string;
|
|
162
171
|
}
|
|
163
|
-
declare function Drawer({ open,
|
|
172
|
+
declare function Drawer({ open, onOpenChange, trigger, title, description, footer, children, shouldScaleBackground, className, }: DrawerProps): react_jsx_runtime.JSX.Element;
|
|
164
173
|
|
|
165
174
|
declare function DropdownMenu({ ...props }: React$1.ComponentProps<typeof DropdownMenu$1.Root>): react_jsx_runtime.JSX.Element;
|
|
166
175
|
declare function DropdownMenuPortal({ ...props }: React$1.ComponentProps<typeof DropdownMenu$1.Portal>): react_jsx_runtime.JSX.Element;
|
|
@@ -719,15 +728,28 @@ interface MultiSelectProps extends SelectBase {
|
|
|
719
728
|
type SelectProps = SingleSelectProps | MultiSelectProps;
|
|
720
729
|
declare function Select(props: SelectProps): react_jsx_runtime.JSX.Element;
|
|
721
730
|
|
|
731
|
+
type SheetSide = 'top' | 'right' | 'bottom' | 'left';
|
|
722
732
|
interface SheetProps {
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
|
|
726
|
-
description?: string;
|
|
733
|
+
/** 시트 제목 — 문자열 또는 ReactNode (아이콘·뱃지 조합 등) (필수) */
|
|
734
|
+
title: React$1.ReactNode;
|
|
735
|
+
/** 콘텐츠 영역 (필수) */
|
|
727
736
|
children: React$1.ReactNode;
|
|
737
|
+
/** 시트를 여는 트리거 요소 — 외부 버튼으로 open을 제어할 경우 생략 가능 */
|
|
738
|
+
trigger?: React$1.ReactNode;
|
|
739
|
+
/** 외부에서 열림 상태를 직접 제어할 때 사용 (trigger 없이 open만으로 제어하는 경우 등) */
|
|
740
|
+
open?: boolean;
|
|
741
|
+
onOpenChange?: (open: boolean) => void;
|
|
742
|
+
/** 패널이 열리는 방향 (기본: right) */
|
|
743
|
+
side?: SheetSide;
|
|
744
|
+
/** 제목 아래 부제목 */
|
|
745
|
+
description?: React$1.ReactNode;
|
|
746
|
+
/** 하단 고정 footer 영역 */
|
|
728
747
|
footer?: React$1.ReactNode;
|
|
748
|
+
/** 우상단 X 닫기 버튼 표시 여부 (기본: true) */
|
|
749
|
+
showCloseButton?: boolean;
|
|
750
|
+
className?: string;
|
|
729
751
|
}
|
|
730
|
-
declare function Sheet({ open,
|
|
752
|
+
declare function Sheet({ open, onOpenChange, trigger, side, title, description, footer, showCloseButton, children, className, }: SheetProps): react_jsx_runtime.JSX.Element;
|
|
731
753
|
|
|
732
754
|
/**
|
|
733
755
|
* 링크 컴포넌트 타입. next/link의 Link, react-router의 Link 등을 그대로 전달할 수 있습니다.
|
|
@@ -946,6 +968,23 @@ interface SwitchFieldProps extends React__default.ComponentPropsWithoutRef<typeo
|
|
|
946
968
|
}
|
|
947
969
|
declare function SwitchField({ label, description, className, id, ...props }: SwitchFieldProps): react_jsx_runtime.JSX.Element;
|
|
948
970
|
|
|
971
|
+
interface PaginationProps {
|
|
972
|
+
currentPage: number;
|
|
973
|
+
totalPages: number;
|
|
974
|
+
onPageChange: (page: number) => void;
|
|
975
|
+
/**
|
|
976
|
+
* true이면 이전/다음 버튼을 아이콘만 표시 (라벨 생략).
|
|
977
|
+
* 기본값 false — previousLabel/nextLabel이 표시됨.
|
|
978
|
+
*/
|
|
979
|
+
simple?: boolean;
|
|
980
|
+
/** 이전 버튼 라벨. simple=true 이면 무시됨. 기본값 "이전" */
|
|
981
|
+
previousLabel?: string;
|
|
982
|
+
/** 다음 버튼 라벨. simple=true 이면 무시됨. 기본값 "다음" */
|
|
983
|
+
nextLabel?: string;
|
|
984
|
+
className?: string;
|
|
985
|
+
}
|
|
986
|
+
declare function Pagination({ currentPage, totalPages, onPageChange, simple, previousLabel, nextLabel, className, }: PaginationProps): react_jsx_runtime.JSX.Element;
|
|
987
|
+
|
|
949
988
|
type SortDirection = 'ASC' | 'DESC' | null;
|
|
950
989
|
interface TableColumn<T> {
|
|
951
990
|
key: string;
|
|
@@ -1025,18 +1064,16 @@ interface TableProps<T> {
|
|
|
1025
1064
|
*/
|
|
1026
1065
|
onSortingChange?: (sorting: SortingState) => void;
|
|
1027
1066
|
className?: string;
|
|
1067
|
+
/**
|
|
1068
|
+
* 설정 시 tbody 영역만 스크롤되고 thead가 상단에 고정됩니다.
|
|
1069
|
+
* CSS 값을 그대로 받습니다. 예: "calc(100dvh - 260px)", "400px"
|
|
1070
|
+
*/
|
|
1071
|
+
maxHeight?: string;
|
|
1028
1072
|
}
|
|
1029
1073
|
declare function SortIcon({ direction }: {
|
|
1030
1074
|
direction: SortDirection;
|
|
1031
1075
|
}): react_jsx_runtime.JSX.Element;
|
|
1032
|
-
|
|
1033
|
-
currentPage: number;
|
|
1034
|
-
totalPages: number;
|
|
1035
|
-
onPageChange: (page: number) => void;
|
|
1036
|
-
className?: string;
|
|
1037
|
-
}
|
|
1038
|
-
declare function Pagination({ currentPage, totalPages, onPageChange, className, }: PaginationProps): react_jsx_runtime.JSX.Element;
|
|
1039
|
-
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;
|
|
1076
|
+
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;
|
|
1040
1077
|
|
|
1041
1078
|
declare const TooltipProvider: React$1.FC<Tooltip$1.TooltipProviderProps>;
|
|
1042
1079
|
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'> {
|
|
@@ -1583,4 +1620,4 @@ declare function WordFileIcon({ className }: {
|
|
|
1583
1620
|
className?: string;
|
|
1584
1621
|
}): react_jsx_runtime.JSX.Element;
|
|
1585
1622
|
|
|
1586
|
-
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, 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 };
|
|
1623
|
+
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, 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 };
|