@samkwang/ui-kit 0.5.2 → 0.7.0
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.cjs +3 -1
- package/dist/index.css +1 -1
- package/dist/index.d.cts +38 -1
- package/dist/index.d.ts +38 -1
- package/dist/index.js +3 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -99,6 +99,43 @@ interface SearchProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>
|
|
|
99
99
|
}
|
|
100
100
|
declare const Search: React$1.ForwardRefExoticComponent<SearchProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
101
101
|
|
|
102
|
+
interface ComboboxOption {
|
|
103
|
+
value: string;
|
|
104
|
+
label: string;
|
|
105
|
+
disabled?: boolean;
|
|
106
|
+
}
|
|
107
|
+
interface ComboboxProps {
|
|
108
|
+
/** 선택 가능한 옵션 목록 */
|
|
109
|
+
options: ComboboxOption[];
|
|
110
|
+
/** 현재 선택된 값 */
|
|
111
|
+
value?: string;
|
|
112
|
+
/** 값 변경 시 콜백 */
|
|
113
|
+
onChange?: (value: string) => void;
|
|
114
|
+
/** 검색어 변경 시 콜백 (API 연동 시 사용) */
|
|
115
|
+
onSearchChange?: (search: string) => void;
|
|
116
|
+
/** 입력 플레이스홀더 */
|
|
117
|
+
placeholder?: string;
|
|
118
|
+
/** 검색 입력 플레이스홀더 */
|
|
119
|
+
searchPlaceholder?: string;
|
|
120
|
+
/** 검색 결과 없을 때 표시할 텍스트 ('{query}'가 입력값으로 치환됨) */
|
|
121
|
+
emptyText?: string;
|
|
122
|
+
/** 비활성 상태 */
|
|
123
|
+
disabled?: boolean;
|
|
124
|
+
/** 로딩 상태 (API 응답 대기 중) */
|
|
125
|
+
loading?: boolean;
|
|
126
|
+
/** label */
|
|
127
|
+
label?: string;
|
|
128
|
+
/** 에러 텍스트 */
|
|
129
|
+
errorText?: string;
|
|
130
|
+
/** 보조 텍스트 */
|
|
131
|
+
helperText?: string;
|
|
132
|
+
className?: string;
|
|
133
|
+
}
|
|
134
|
+
declare function Combobox({ options, value, onChange, onSearchChange, placeholder, searchPlaceholder, emptyText, disabled, loading, label, errorText, helperText, className, }: ComboboxProps): react_jsx_runtime.JSX.Element;
|
|
135
|
+
declare namespace Combobox {
|
|
136
|
+
var displayName: string;
|
|
137
|
+
}
|
|
138
|
+
|
|
102
139
|
/** 시맨틱 상태 배지 (--color-danger / warning / success / info) */
|
|
103
140
|
type PlmBadgeVariant = "danger" | "warning" | "success" | "info" | "neutral";
|
|
104
141
|
interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
|
|
@@ -778,4 +815,4 @@ declare const ResizableHandle: {
|
|
|
778
815
|
|
|
779
816
|
declare function cn(...inputs: ClassValue[]): string;
|
|
780
817
|
|
|
781
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, type AvatarProps, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, type DataTableProps, type DataTableVariant, DatePicker, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FormField, FormGrid, type FormGridProps, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, Label, type LabelProps, List, ListHeader, type ListHeaderProps, ListItem, type ListItemProps, type ListProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, ModalActionButtons, type ModalActionButtonsProps, ModalHeader, ModalSection, type ModalSectionProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Notification, type NotificationProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, type PlmBadgeVariant, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, Progress, type ProgressProps, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Search, type SearchProps, Select, type SelectOption, type SelectProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Skeleton, type SkeletonProps, Slider, SortButton, type SortButtonProps, Spinner, SpinnerInline, type SpinnerProps, StandardModal, type StandardModalProps, Switch, type SwitchProps, Table, TablePagination, type TablePaginationProps, type TableProps, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, type TooltipProps, TooltipProvider, type TreeNode, TreeView, type TreeViewProps, alertVariants, avatarVariants, buttonVariants, cn, navigationMenuTriggerStyle, notificationVariants, toggleVariants };
|
|
818
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, type AvatarProps, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, type ComboboxOption, type ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, type DataTableProps, type DataTableVariant, DatePicker, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FormField, FormGrid, type FormGridProps, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, Label, type LabelProps, List, ListHeader, type ListHeaderProps, ListItem, type ListItemProps, type ListProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, ModalActionButtons, type ModalActionButtonsProps, ModalHeader, ModalSection, type ModalSectionProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Notification, type NotificationProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, type PlmBadgeVariant, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, Progress, type ProgressProps, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Search, type SearchProps, Select, type SelectOption, type SelectProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Skeleton, type SkeletonProps, Slider, SortButton, type SortButtonProps, Spinner, SpinnerInline, type SpinnerProps, StandardModal, type StandardModalProps, Switch, type SwitchProps, Table, TablePagination, type TablePaginationProps, type TableProps, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, type TooltipProps, TooltipProvider, type TreeNode, TreeView, type TreeViewProps, alertVariants, avatarVariants, buttonVariants, cn, navigationMenuTriggerStyle, notificationVariants, toggleVariants };
|
package/dist/index.d.ts
CHANGED
|
@@ -99,6 +99,43 @@ interface SearchProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>
|
|
|
99
99
|
}
|
|
100
100
|
declare const Search: React$1.ForwardRefExoticComponent<SearchProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
101
101
|
|
|
102
|
+
interface ComboboxOption {
|
|
103
|
+
value: string;
|
|
104
|
+
label: string;
|
|
105
|
+
disabled?: boolean;
|
|
106
|
+
}
|
|
107
|
+
interface ComboboxProps {
|
|
108
|
+
/** 선택 가능한 옵션 목록 */
|
|
109
|
+
options: ComboboxOption[];
|
|
110
|
+
/** 현재 선택된 값 */
|
|
111
|
+
value?: string;
|
|
112
|
+
/** 값 변경 시 콜백 */
|
|
113
|
+
onChange?: (value: string) => void;
|
|
114
|
+
/** 검색어 변경 시 콜백 (API 연동 시 사용) */
|
|
115
|
+
onSearchChange?: (search: string) => void;
|
|
116
|
+
/** 입력 플레이스홀더 */
|
|
117
|
+
placeholder?: string;
|
|
118
|
+
/** 검색 입력 플레이스홀더 */
|
|
119
|
+
searchPlaceholder?: string;
|
|
120
|
+
/** 검색 결과 없을 때 표시할 텍스트 ('{query}'가 입력값으로 치환됨) */
|
|
121
|
+
emptyText?: string;
|
|
122
|
+
/** 비활성 상태 */
|
|
123
|
+
disabled?: boolean;
|
|
124
|
+
/** 로딩 상태 (API 응답 대기 중) */
|
|
125
|
+
loading?: boolean;
|
|
126
|
+
/** label */
|
|
127
|
+
label?: string;
|
|
128
|
+
/** 에러 텍스트 */
|
|
129
|
+
errorText?: string;
|
|
130
|
+
/** 보조 텍스트 */
|
|
131
|
+
helperText?: string;
|
|
132
|
+
className?: string;
|
|
133
|
+
}
|
|
134
|
+
declare function Combobox({ options, value, onChange, onSearchChange, placeholder, searchPlaceholder, emptyText, disabled, loading, label, errorText, helperText, className, }: ComboboxProps): react_jsx_runtime.JSX.Element;
|
|
135
|
+
declare namespace Combobox {
|
|
136
|
+
var displayName: string;
|
|
137
|
+
}
|
|
138
|
+
|
|
102
139
|
/** 시맨틱 상태 배지 (--color-danger / warning / success / info) */
|
|
103
140
|
type PlmBadgeVariant = "danger" | "warning" | "success" | "info" | "neutral";
|
|
104
141
|
interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
|
|
@@ -778,4 +815,4 @@ declare const ResizableHandle: {
|
|
|
778
815
|
|
|
779
816
|
declare function cn(...inputs: ClassValue[]): string;
|
|
780
817
|
|
|
781
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, type AvatarProps, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, type DataTableProps, type DataTableVariant, DatePicker, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FormField, FormGrid, type FormGridProps, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, Label, type LabelProps, List, ListHeader, type ListHeaderProps, ListItem, type ListItemProps, type ListProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, ModalActionButtons, type ModalActionButtonsProps, ModalHeader, ModalSection, type ModalSectionProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Notification, type NotificationProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, type PlmBadgeVariant, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, Progress, type ProgressProps, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Search, type SearchProps, Select, type SelectOption, type SelectProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Skeleton, type SkeletonProps, Slider, SortButton, type SortButtonProps, Spinner, SpinnerInline, type SpinnerProps, StandardModal, type StandardModalProps, Switch, type SwitchProps, Table, TablePagination, type TablePaginationProps, type TableProps, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, type TooltipProps, TooltipProvider, type TreeNode, TreeView, type TreeViewProps, alertVariants, avatarVariants, buttonVariants, cn, navigationMenuTriggerStyle, notificationVariants, toggleVariants };
|
|
818
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, type AvatarProps, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, type ComboboxOption, type ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, type DataTableProps, type DataTableVariant, DatePicker, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FormField, FormGrid, type FormGridProps, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, Label, type LabelProps, List, ListHeader, type ListHeaderProps, ListItem, type ListItemProps, type ListProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, ModalActionButtons, type ModalActionButtonsProps, ModalHeader, ModalSection, type ModalSectionProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Notification, type NotificationProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, type PlmBadgeVariant, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, Progress, type ProgressProps, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Search, type SearchProps, Select, type SelectOption, type SelectProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Skeleton, type SkeletonProps, Slider, SortButton, type SortButtonProps, Spinner, SpinnerInline, type SpinnerProps, StandardModal, type StandardModalProps, Switch, type SwitchProps, Table, TablePagination, type TablePaginationProps, type TableProps, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, type TooltipProps, TooltipProvider, type TreeNode, TreeView, type TreeViewProps, alertVariants, avatarVariants, buttonVariants, cn, navigationMenuTriggerStyle, notificationVariants, toggleVariants };
|