@samkwang/ui-kit 0.1.0

package/dist/index.d.cts

@@ -0,0 +1,391 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React$1 from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ColumnDef, RowSelectionState, SortingState, Column } from '@tanstack/react-table';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import { ClassValue } from 'clsx';
+
+declare const buttonVariants: (props?: ({
+    variant?: "primary" | "secondary" | "danger" | "ghost" | "link" | null | undefined;
+    size?: "sm" | "default" | "lg" | "icon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    loading?: boolean;
+    fullWidth?: boolean;
+}
+declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    helperText?: string;
+    errorText?: string;
+    inputSize?: "sm" | "default" | "lg";
+}
+declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
+
+interface LabelProps extends React$1.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> {
+    required?: boolean;
+}
+declare const Label: React$1.ForwardRefExoticComponent<LabelProps & React$1.RefAttributes<HTMLLabelElement>>;
+
+interface TextareaProps extends React$1.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    label?: string;
+    helperText?: string;
+    errorText?: string;
+}
+declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
+
+interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+interface SelectProps extends Omit<React$1.SelectHTMLAttributes<HTMLSelectElement>, "size"> {
+    label?: string;
+    helperText?: string;
+    errorText?: string;
+    options: SelectOption[];
+    placeholder?: string;
+    selectSize?: "sm" | "default" | "lg";
+}
+declare const Select: React$1.ForwardRefExoticComponent<SelectProps & React$1.RefAttributes<HTMLSelectElement>>;
+
+interface CheckboxProps extends React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
+    label?: string;
+}
+declare const Checkbox: React$1.ForwardRefExoticComponent<CheckboxProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+interface SwitchProps extends React$1.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> {
+    label?: string;
+    switchSize?: "sm" | "default";
+}
+declare const Switch: React$1.ForwardRefExoticComponent<SwitchProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+interface SearchProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size" | "type"> {
+    searchSize?: "sm" | "lg";
+    onClear?: () => void;
+}
+declare const Search: React$1.ForwardRefExoticComponent<SearchProps & React$1.RefAttributes<HTMLInputElement>>;
+
+/** plm-ui-standard 시맨틱 상태 (--color-danger / warning / success / info) */
+type PlmBadgeVariant = "danger" | "warning" | "success" | "info" | "neutral";
+interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    variant: PlmBadgeVariant;
+}
+/**
+ * 상태·라벨용 공통 배지. 배경은 틴트(color-mix), 텍스트는 시맨틱 색.
+ */
+declare function Badge({ variant, className, children, ...rest }: BadgeProps): react_jsx_runtime.JSX.Element;
+
+interface TableProps extends HTMLAttributes<HTMLTableElement> {
+    children: ReactNode;
+    /** 스크롤 래퍼(폭 100%)에 추가 클래스 */
+    frameClassName?: string;
+}
+/**
+ * 통합 테이블 래퍼: 부모 폭 100%, 가로 스크롤, 내부 `<table class="plm-table">`.
+ * 셀 패딩·구분선은 전역 `.plm-table` 스타일을 따른다.
+ */
+declare function Table({ frameClassName, className, children, ...tableProps }: TableProps): react_jsx_runtime.JSX.Element;
+
+interface TablePaginationProps {
+    pageIndex: number;
+    pageCount: number;
+    onPageChange: (nextIndex: number) => void;
+    className?: string;
+    /** 접근성 라벨 */
+    "aria-label"?: string;
+}
+/**
+ * 테이블 하단 우측 미니 페이지네이션 (참고 UI: ◀ 1 2 … ▶).
+ */
+declare function TablePagination({ pageIndex, pageCount, onPageChange, className, "aria-label": ariaLabel, }: TablePaginationProps): react_jsx_runtime.JSX.Element | null;
+
+type DataTableVariant = "service-desk" | "data-table" | "project-task";
+interface SortButtonProps<TData> {
+    column: Column<TData, unknown>;
+    children: React.ReactNode;
+    variant: DataTableVariant;
+    sortButtonClassName?: string;
+}
+/** TanStack 컬럼 헤더용 정렬 버튼 */
+declare function SortButton<TData>({ column, children, variant, sortButtonClassName, }: SortButtonProps<TData>): react_jsx_runtime.JSX.Element;
+interface DataTableProps<TData> {
+    data: TData[];
+    columns: ColumnDef<TData, any>[];
+    getRowId?: (row: TData, index: number) => string;
+    onRowClick?: (row: TData) => void;
+    /** 단일 행 선택 (클릭 기반) */
+    enableRowSelection?: boolean;
+    selectedRowId?: string | null;
+    onSelectedRowChange?: (rowId: string | null, row: TData | null) => void;
+    /** 멀티 행 선택 (체크박스 기반) — enableRowSelection과 독립 동작 */
+    enableMultiSelect?: boolean;
+    selectedRowIds?: RowSelectionState;
+    onSelectedRowsChange?: (selectedIds: RowSelectionState, selectedRows: TData[]) => void;
+    rowClassName?: (row: TData) => string | undefined;
+    emptyMessage?: string;
+    variant?: DataTableVariant;
+    wrapClassName?: string;
+    tableClassName?: string;
+    initialSorting?: SortingState;
+    enableSorting?: boolean;
+    /** 설정 시 클라이언트 페이지네이션 및 하단 페이지 바 표시 */
+    pageSize?: number;
+}
+declare function DataTable<TData>({ data, columns: userColumns, getRowId, onRowClick, enableRowSelection, selectedRowId, onSelectedRowChange, enableMultiSelect, selectedRowIds: controlledRowSelection, onSelectedRowsChange, rowClassName, emptyMessage, variant, wrapClassName, tableClassName, initialSorting, enableSorting, pageSize, }: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
+
+declare const Tabs: React$1.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    variant?: "line" | "contained";
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
+    variant?: "line" | "contained";
+} & React$1.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+interface TreeNode {
+    id: string;
+    label: string;
+    icon?: React$1.ReactNode;
+    children?: TreeNode[];
+    disabled?: boolean;
+}
+interface TreeViewProps {
+    data: TreeNode[];
+    defaultExpanded?: string[];
+    onSelect?: (node: TreeNode) => void;
+    selectedId?: string;
+    className?: string;
+}
+declare function TreeView({ data, defaultExpanded, onSelect, selectedId, className }: TreeViewProps): react_jsx_runtime.JSX.Element;
+
+interface ListProps extends React$1.HTMLAttributes<HTMLUListElement> {
+    variant?: "default" | "contained";
+}
+declare const List: React$1.ForwardRefExoticComponent<ListProps & React$1.RefAttributes<HTMLUListElement>>;
+interface ListItemProps extends React$1.LiHTMLAttributes<HTMLLIElement> {
+    active?: boolean;
+    disabled?: boolean;
+    interactive?: boolean;
+}
+declare const ListItem: React$1.ForwardRefExoticComponent<ListItemProps & React$1.RefAttributes<HTMLLIElement>>;
+interface ListHeaderProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+declare const ListHeader: React$1.ForwardRefExoticComponent<ListHeaderProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const Accordion: React$1.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React$1.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const AccordionTrigger: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const AccordionContent: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    size?: "sm" | "default" | "lg" | "xl" | "full";
+    hideClose?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
+declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const DialogBody: ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
+declare const DialogFooter: ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
+
+/**
+ * 표준 모달 공통 타입
+ */
+interface StandardModalProps {
+    open: boolean;
+    onClose: () => void;
+    title: string;
+    children: React.ReactNode;
+    /** 저장 시 호출. 없으면 저장 버튼 미노출 */
+    onSave?: () => void | Promise<void>;
+    cancelLabel?: string;
+    saveLabel?: string;
+    /** true이면 닫기/취소 시 확인 */
+    hasUnsavedChanges?: boolean;
+    saveDisabled?: boolean;
+    /** 헤더에 추가로 표시할 요소 (기본: 취소/저장 버튼) */
+    headerActions?: React.ReactNode;
+    /** overlay 클릭 시 닫기 (기본 true) */
+    closeOnOverlayClick?: boolean;
+    /** aria-label for dialog */
+    ariaLabel?: string;
+    /** `.standard-modal`에 추가 클래스 (예: standard-modal--wide) */
+    modalClassName?: string;
+}
+interface ModalSectionProps {
+    title: string;
+    children: React.ReactNode;
+    /** 단일 열 레이아웃 사용 시 true */
+    fullWidth?: boolean;
+}
+interface FormGridProps {
+    children: React.ReactNode;
+    /** true면 1열 (grid-column: 1 / -1) */
+    fullWidth?: boolean;
+}
+interface ModalActionButtonsProps {
+    onCancel: () => void;
+    onSave?: () => void | Promise<void>;
+    cancelLabel?: string;
+    saveLabel?: string;
+    saveDisabled?: boolean;
+}
+
+/**
+ * 표준 Form Modal: 헤더(제목 + 취소/저장) 고정, Body 스크롤, ESC/닫기 경고
+ */
+declare function StandardModal({ open, onClose, title, children, onSave, cancelLabel, saveLabel, hasUnsavedChanges, saveDisabled, headerActions, closeOnOverlayClick, ariaLabel, modalClassName, }: StandardModalProps): React$1.ReactPortal | null;
+
+interface ModalHeaderProps {
+    title: string;
+    /** 우측 액션 (기본: ModalActionButtons) */
+    actions?: ReactNode;
+}
+/**
+ * 모달 상단: [ 제목 | 액션(취소/저장) ]
+ */
+declare function ModalHeader({ title, actions }: ModalHeaderProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * 모달 내 섹션: 제목 + 구분선 + 내용
+ */
+declare function ModalSection({ title, children, fullWidth }: ModalSectionProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * 2열 그리드 (1fr 1fr, gap 16px). fullWidth면 단일 열.
+ */
+declare function FormGrid({ children, fullWidth }: FormGridProps): react_jsx_runtime.JSX.Element;
+
+interface FormFieldProps {
+    label: string;
+    required?: boolean;
+    helper?: string;
+    /** 단일 열로 span (FormGrid 내에서) */
+    fullWidth?: boolean;
+    children: ReactNode;
+}
+/**
+ * 라벨(* 옵션) + children + 보조 설명(helper)
+ */
+declare function FormField({ label, required, helper, fullWidth, children }: FormFieldProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * 모달 헤더용 액션 버튼: [취소] [저장]
+ * 취소 = Ghost/Secondary, 저장 = Primary
+ */
+declare function ModalActionButtons({ onCancel, onSave, cancelLabel, saveLabel, saveDisabled, }: ModalActionButtonsProps): react_jsx_runtime.JSX.Element;
+
+declare const DropdownMenu: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSub: React$1.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuSubTrigger: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    destructive?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const Popover: React$1.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const PopoverAnchor: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const PopoverClose: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
+interface TooltipProps {
+    content: React$1.ReactNode;
+    children: React$1.ReactNode;
+    side?: "top" | "bottom" | "left" | "right";
+    delayDuration?: number;
+    className?: string;
+}
+declare function Tooltip({ content, children, side, delayDuration, className }: TooltipProps): react_jsx_runtime.JSX.Element;
+
+declare const notificationVariants: (props?: ({
+    variant?: "warning" | "success" | "info" | "error" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface NotificationProps extends VariantProps<typeof notificationVariants> {
+    title: string;
+    message?: string;
+    onClose?: () => void;
+    closable?: boolean;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    className?: string;
+}
+declare function Notification({ variant, title, message, onClose, closable, action, className, }: NotificationProps): react_jsx_runtime.JSX.Element;
+
+interface SkeletonProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    variant?: "text" | "circular" | "rectangular";
+}
+declare const Skeleton: React$1.ForwardRefExoticComponent<SkeletonProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface SpinnerProps {
+    size?: "sm" | "default" | "lg";
+    label?: string;
+    className?: string;
+}
+declare function Spinner({ size, label, className }: SpinnerProps): react_jsx_runtime.JSX.Element;
+declare function SpinnerInline({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+interface DatePickerProps {
+    value?: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    id?: string;
+    required?: boolean;
+    className?: string;
+    minDate?: string;
+    maxDate?: string;
+    /** 포커스가 빠질 때 (부모에서 자동 저장 등에 사용) */
+    onBlur?: () => void;
+}
+declare function DatePicker({ value, onChange, placeholder, disabled, id, required, className, minDate, maxDate, onBlur, }: DatePickerProps): react_jsx_runtime.JSX.Element;
+
+declare const Separator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const ScrollArea: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ScrollBar: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+/**
+ * plm-ui-standard: Header → Filter → Content 구조의 공통 페이지 래퍼.
+ */
+interface PlmPageShellProps {
+    title: string;
+    subtitle?: string;
+    headerActions?: React.ReactNode;
+    filters?: React.ReactNode;
+    children: React.ReactNode;
+    className?: string;
+}
+declare function PlmPageShell({ title, subtitle, headerActions, filters, children, className, }: PlmPageShellProps): react_jsx_runtime.JSX.Element;
+
+declare function cn(...inputs: ClassValue[]): string;
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Badge, type BadgeProps, Button, type ButtonProps, Checkbox, type CheckboxProps, DataTable, type DataTableProps, type DataTableVariant, DatePicker, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FormField, FormGrid, type FormGridProps, Input, type InputProps, Label, type LabelProps, List, ListHeader, type ListHeaderProps, ListItem, type ListItemProps, type ListProps, ModalActionButtons, type ModalActionButtonsProps, ModalHeader, ModalSection, type ModalSectionProps, Notification, type NotificationProps, type PlmBadgeVariant, PlmPageShell, type PlmPageShellProps, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, ScrollArea, ScrollBar, Search, type SearchProps, Select, type SelectOption, type SelectProps, Separator, Skeleton, type SkeletonProps, 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, Tooltip, type TooltipProps, TooltipProvider, type TreeNode, TreeView, type TreeViewProps, buttonVariants, cn, notificationVariants };