@bigtablet/design-system 3.11.0 → 3.13.0

package/dist/index.d.ts

@@ -211,6 +211,13 @@ interface EmptyStateProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "
     action?: React$1.ReactNode;
     /** 크기 (기본 "md") */
     size?: "sm" | "md" | "lg";
+    /**
+     * 부모 높이를 채우고 내용을 세로 중앙에 둔다 (`flex: 1` + `justify-content: center`).
+     * 404 · 검색 결과 없음 · 빈 목록처럼 영역 한가운데 놓여야 하는 경우에 쓴다.
+     * **부모가 세로 flex 컨테이너여야 `flex: 1` 이 먹는다** - 아닌 경우 `height: 100%` 를 준 부모
+     * 안에 두거나 부모를 `display: flex; flex-direction: column` 으로 만들 것.
+     */
+    fillHeight?: boolean;
 }
 /**
  * 빈 상태 표시 - 데이터 없음, 검색 결과 없음, 시작 가이드 등.
@@ -225,7 +232,7 @@ interface EmptyStateProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "
  * />
  * ```
  */
-declare const EmptyState: ({ illustration, title, description, action, size, className, ...props }: EmptyStateProps) => React$1.JSX.Element;
+declare const EmptyState: ({ illustration, title, description, action, size, fillHeight, className, ...props }: EmptyStateProps) => React$1.JSX.Element;
 
 type ErrorStateVariant = "page" | "widget";
 interface ErrorStateProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "title"> {
@@ -337,6 +344,8 @@ interface BreadcrumbProps extends React$1.HTMLAttributes<HTMLElement> {
     items: BreadcrumbItem[];
     /** 구분자 (기본값: ChevronRight 아이콘) */
     separator?: React$1.ReactNode;
+    /** `<nav>` 랜드마크 이름 (기본값: "현재 위치"). 스크린리더의 리전 목록에 그대로 뜬다 */
+    navLabel?: string;
 }
 /**
  * 페이지 위계 네비게이션. 마지막 아이템은 현재 페이지로 표시.
@@ -350,7 +359,7 @@ interface BreadcrumbProps extends React$1.HTMLAttributes<HTMLElement> {
  * ]} />
  * ```
  */
-declare const Breadcrumb: ({ items, separator, className, ...props }: BreadcrumbProps) => React$1.JSX.Element;
+declare const Breadcrumb: ({ items, separator, navLabel, className, ...props }: BreadcrumbProps) => React$1.JSX.Element;
 
 interface MenuItem {
     key: string;
@@ -589,7 +598,11 @@ interface PopoverProps {
     defaultOpen?: boolean;
     /** 열림 상태 변경 콜백 */
     onOpenChange?: (open: boolean) => void;
-    /** 팝오버 접근성 레이블(기본값: "Dialog") - content 에 제목이 없을 때 권장 */
+    /**
+     * 팝오버 접근성 레이블. `content` 에 제목이 없으면 이 값이 접근성 이름이 된다.
+     * 폴백이 없으므로 `aria-labelledby` 와 함께 비우면 이름 없는 대화상자가 되고
+     * axe `aria-dialog-name` 이 잡는다.
+     */
     "aria-label"?: string;
     /** dialog 의 접근성 라벨 요소 id */
     "aria-labelledby"?: string;
@@ -1333,6 +1346,35 @@ interface MediaCardProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "t
  */
 declare const MediaCard: ({ image, imagePosition, aspectRatio, heading, headingAs: HeadingTag, eyebrow, shadow, bordered, clickable, meta, children, className, ...props }: MediaCardProps) => React$1.JSX.Element;
 
+type ProseSize = "md" | "lg";
+interface ProseProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /**
+     * 본문 스케일 (기본값: "md").
+     * - `md`: 공지·FAQ·이메일 프리뷰처럼 좁은 폭에 들어가는 본문 (h1 24 / h2 20 / h3 18)
+     * - `lg`: 약관·정책처럼 페이지를 채우는 긴 본문 (h1 28 / h2 24 / h3 20, 제목 위 여백도 넓다)
+     */
+    size?: ProseSize;
+    /** 루트 div 요소 ref (React 19 ref-as-prop) */
+    ref?: React$1.Ref<HTMLDivElement>;
+}
+/**
+ * 마크다운 등으로 렌더된 본문에 조판을 입힌다.
+ *
+ * **파서를 포함하지 않는다.** 앱이 `react-markdown` 등으로 만든 결과를 감싸면
+ * 자손 셀렉터로 토큰 기반 타이포·간격·색이 적용된다(다크 모드 자동).
+ *
+ * @example
+ * ```tsx
+ * <Prose size="lg">
+ *   <ReactMarkdown>{policy}</ReactMarkdown>
+ * </Prose>
+ * ```
+ */
+declare const Prose: {
+    ({ size, className, children, ref, ...props }: ProseProps): React$1.JSX.Element;
+    displayName: string;
+};
+
 type TableSize = "sm" | "md" | "lg";
 type TableSortDirection = "asc" | "desc";
 interface TableSort {
@@ -1501,7 +1543,7 @@ declare const Skeleton: ({ variant, width, height, radius, className, style, ...
 interface SpinnerProps {
     /** 스피너 크기(px) (기본값: 24) */
     size?: number;
-    /** 스피너 접근성 레이블 (기본값: "Loading") */
+    /** 스피너 접근성 레이블 (기본값: "로딩 중") */
     ariaLabel?: string;
 }
 /**
@@ -1518,8 +1560,10 @@ interface ToastProviderProps {
     children: React$1.ReactNode;
     /** 최대 동시 표시 토스트 수 (기본값: 5) */
     maxCount?: number;
-    /** 토스트 닫기 버튼의 aria-label (기본값: "Close") */
+    /** 토스트 닫기 버튼의 aria-label (기본값: "닫기") */
     closeAriaLabel?: string;
+    /** 토스트 리전(`role="region"`)의 접근성 이름 (기본값: "알림"). 스크린리더의 리전 목록에 뜬다 */
+    regionLabel?: string;
 }
 /**
  * 토스트 컨텍스트를 제공하는 Provider를 렌더링한다.
@@ -1527,7 +1571,7 @@ interface ToastProviderProps {
  * @param props Provider 속성
  * @returns 렌더링된 Provider와 토스트 컨테이너
  */
-declare const ToastProvider: ({ children, maxCount, closeAriaLabel, }: ToastProviderProps) => React$1.JSX.Element;
+declare const ToastProvider: ({ children, maxCount, closeAriaLabel, regionLabel, }: ToastProviderProps) => React$1.JSX.Element;
 
 /**
  * 토스트 메시지를 표시하는 훅.
@@ -1556,7 +1600,7 @@ interface TopLoadingProps {
     height?: number;
     /** 표시 여부 */
     isLoading?: boolean;
-    /** 프로그레스 바의 접근성 레이블 (기본값: "Page loading") */
+    /** 프로그레스 바의 접근성 레이블 (기본값: "페이지 로딩 중") */
     ariaLabel?: string;
 }
 /**
@@ -1614,20 +1658,20 @@ interface DatePickerBaseProps {
      * @deprecated `fullWidth` 사용 또는 CSS로 처리
      */
     width?: number | string;
-    /** 연도 select의 라벨/플레이스홀더 (기본값: "Year") */
+    /** 연도 select의 라벨/플레이스홀더 (기본값: "년") */
     yearLabel?: string;
-    /** 월 select의 라벨/플레이스홀더 (기본값: "Month") */
+    /** 월 select의 라벨/플레이스홀더 (기본값: "월") */
     monthLabel?: string;
-    /** 일 select의 라벨/플레이스홀더 (기본값: "Day") */
+    /** 일 select의 라벨/플레이스홀더 (기본값: "일") */
     dayLabel?: string;
     /**
      * minDate 설정 시 스크린리더에 전달할 안내 문구 포맷.
-     * `{date}` 자리에 minDate 값이 치환됩니다. (기본값: "Minimum date: {date}")
+     * `{date}` 자리에 minDate 값이 치환됩니다. (기본값: "최소 날짜: {date}")
      */
     minDateSrFormat?: string;
     /**
      * selectableRange="until-today" 설정 시 스크린리더에 전달할 안내 문구.
-     * (기본값: "Selectable up to today")
+     * (기본값: "오늘까지 선택 가능")
      */
     selectableRangeUntilTodaySrText?: string;
 }
@@ -1671,7 +1715,7 @@ interface DropdownCommonProps {
     id?: string;
     /** 드롭다운 위에 표시할 플로팅 라벨 텍스트 */
     label?: string;
-    /** 선택 전 표시할 플레이스홀더 (기본값: "Select…") */
+    /** 선택 전 표시할 플레이스홀더 (기본값: "선택…") */
     placeholder?: string;
     /** 표시할 옵션 목록 */
     options: DropdownOption[];
@@ -1746,7 +1790,7 @@ declare const Dropdown: (props: DropdownProps) => React$1.JSX.Element;
 
 type FileInputVariant = "button" | "preview";
 interface FileInputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
-    /** 파일 선택 버튼 라벨 / preview variant 빈 상태 텍스트 (기본값: "Choose file") */
+    /** 파일 선택 버튼 라벨 / preview variant 빈 상태 텍스트 (기본값: "파일 선택") */
     label?: string;
     /** 파일 선택 시 호출되는 콜백 */
     onFiles?: (files: FileList | null) => void;
@@ -2003,6 +2047,11 @@ interface TextFieldProps extends Omit<React$1.InputHTMLAttributes<HTMLInputEleme
     error?: boolean;
     /** 성공(검증 통과) 상태 여부. `error` 가 true 면 무시된다. */
     success?: boolean;
+    /**
+     * 식별자(아이디·인증코드·시리얼·사업자번호)를 담는 칸인지. 켜면 `l`/`I`/`1` 과 `0`/`O` 를
+     * 구분되게 렌더한다 — 사용자가 한 글자씩 옮겨 적는 값의 오탈자를 줄인다.
+     */
+    identifier?: boolean;
     /**
      * 입력 필드 왼쪽에 표시할 **장식** 아이콘. `aria-hidden` 으로 접근성 트리에서 제외된다.
      * 포커스 가능한 요소(버튼 등)를 넣어야 하면 `leadingAction` 을 쓸 것.
@@ -2028,13 +2077,15 @@ interface TextFieldProps extends Omit<React$1.InputHTMLAttributes<HTMLInputEleme
      * 켜면 `type` 을 토글이 직접 관리한다 - 숨김 상태는 넘긴 `type`(보통 `"password"`), 표시 상태는 `"text"`.
      */
     showPasswordToggle?: boolean;
-    /** 토글 버튼의 `aria-label`. i18n 은 앱이 주입한다 (기본값: 영문). */
+    /** 토글 버튼의 `aria-label` (기본값: "비밀번호 표시" / "비밀번호 숨기기"). 다국어 앱은 주입할 것 */
     passwordToggleLabels?: {
         show: string;
         hide: string;
     };
     /** 값이 있을 때 오른쪽에 지우기(X) 버튼 표시 여부 */
     clearable?: boolean;
+    /** 지우기(X) 버튼의 `aria-label` (기본값: "지우기") */
+    clearLabel?: string;
     /** 컨테이너 전체 너비 차지 여부 */
     fullWidth?: boolean;
     /** 값 변경 콜백 (canonical). 호출 시점은 `imeStrategy` 에 따름 (기본: 조합 완료 후) */
@@ -2063,7 +2114,7 @@ interface TextFieldProps extends Omit<React$1.InputHTMLAttributes<HTMLInputEleme
  * @returns 렌더링된 텍스트 필드 UI
  */
 declare const TextField: {
-    ({ id, label, showLabel, supportingText, error, success, leadingIcon, trailingIcon, leadingAction, trailingAction, showPasswordToggle, passwordToggleLabels, clearable, type, fullWidth, size, variant, className, onValueChange, onChangeAction, imeStrategy, value, defaultValue, transformValue, ref, ...props }: TextFieldProps): React$1.JSX.Element;
+    ({ id, label, showLabel, supportingText, error, success, identifier, leadingIcon, trailingIcon, leadingAction, trailingAction, showPasswordToggle, passwordToggleLabels, clearable, clearLabel, type, fullWidth, size, variant, className, onValueChange, onChangeAction, imeStrategy, value, defaultValue, transformValue, ref, ...props }: TextFieldProps): React$1.JSX.Element;
     displayName: string;
 };
 
@@ -2273,10 +2324,12 @@ interface PaginationBaseProps {
     page: number;
     /** 전체 페이지 수 */
     totalPages: number;
-    /** 이전 페이지 버튼 aria-label (기본값: "Previous page") */
+    /** 이전 페이지 버튼 aria-label (기본값: "이전 페이지") */
     prevLabel?: string;
-    /** 다음 페이지 버튼 aria-label (기본값: "Next page") */
+    /** 다음 페이지 버튼 aria-label (기본값: "다음 페이지") */
     nextLabel?: string;
+    /** `<nav>` 랜드마크 이름 (기본값: "페이지 이동"). 스크린리더의 리전 목록에 그대로 뜬다 */
+    navLabel?: string;
 }
 type PaginationCallbacks = {
     onPageChange: (page: number) => void;
@@ -2292,11 +2345,11 @@ type PaginationProps = PaginationBaseProps & PaginationCallbacks;
  * @param props 페이지네이션 속성
  * @returns 렌더링된 페이지네이션 UI
  */
-declare const Pagination: ({ page, totalPages, onPageChange, onChange, prevLabel, nextLabel, }: PaginationProps) => React$1.JSX.Element;
+declare const Pagination: ({ page, totalPages, onPageChange, onChange, prevLabel, nextLabel, navLabel, }: PaginationProps) => React$1.JSX.Element;
 
 /** Drawer 가 미끄러져 들어오는 방향 (top 은 범위 외) */
 type DrawerPlacement = "left" | "right" | "bottom";
-interface DrawerProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "title" | "onClick" | "onKeyDown" | "role"> {
+interface DrawerProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "title" | "onClick" | "onKeyDown" | "onPointerDown"> {
     /** 드로어 열림 여부 */
     open: boolean;
     /** 드로어 닫기 콜백 */
@@ -2311,12 +2364,28 @@ interface DrawerProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "titl
     footer?: React$1.ReactNode;
     /** 오버레이 클릭 시 닫기 여부 (기본값: true) */
     closeOnOverlay?: boolean;
+    /**
+     * Escape 와 오버레이 클릭을 한 축으로 묶는다. 사용자에게는 둘 다 "실수로 닫기" 축이라
+     * 따로 다루면 한쪽만 막는 실수가 나온다. `false` 면 두 경로 모두 닫지 않는다.
+     *
+     * 주면 `closeOnOverlay` 를 이긴다. 안 주면 기존 동작 그대로다 - 오버레이는
+     * `closeOnOverlay`(기본 `true`), Escape 는 항상 켜짐.
+     */
+    dismissible?: boolean;
     /** 우상단 X 닫기 아이콘 표시 여부 (기본값: true) */
     showCloseIcon?: boolean;
     /** X 닫기 버튼 접근성 레이블 (기본값: "닫기") */
     closeLabel?: string;
-    /** 드로어 접근성 레이블 (title 없을 때 사용, 기본값: "Dialog") */
+    /**
+     * 드로어 접근성 레이블. `title` 이 없을 때 이 값이 접근성 이름이 된다.
+     * 둘 다 비우면 이름 없는 대화상자가 되고 axe `aria-dialog-name` 이 잡는다.
+     */
     ariaLabel?: string;
+    /**
+     * 퇴출 애니메이션이 끝나 패널이 실제로 언마운트된 뒤 호출된다.
+     * `open` 을 끈 직후가 아니라 이 시점에 상세 데이터를 비워야 본문만 먼저 사라지지 않는다.
+     */
+    onExited?: () => void;
 }
 /**
  * 화면 가장자리에서 미끄러져 들어오는 패널(Drawer)을 렌더링한다.
@@ -2326,18 +2395,26 @@ interface DrawerProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "titl
  * @returns 열림 상태일 때 렌더링된 드로어, 닫힘 상태면 null
  */
 declare const Drawer: {
-    ({ open, onClose, placement, size, title, footer, closeOnOverlay, showCloseIcon, closeLabel, ariaLabel, children, className, ...props }: DrawerProps): React$1.ReactPortal | null;
+    ({ open, onClose, placement, size, title, footer, closeOnOverlay, dismissible, showCloseIcon, closeLabel, ariaLabel, onExited, children, className, ...props }: DrawerProps): React$1.ReactPortal | null;
     displayName: string;
 };
 
 type ModalFooterAlign = "end" | "between" | "start";
-interface ModalProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "title" | "onClick" | "onKeyDown" | "role"> {
+interface ModalProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "title" | "onClick" | "onKeyDown" | "onPointerDown"> {
     /** 모달 열림 여부 */
     open: boolean;
     /** 모달 닫기 콜백 */
     onClose?: () => void;
     /** 오버레이 클릭 시 닫기 여부 (기본값: true) */
     closeOnOverlay?: boolean;
+    /**
+     * Escape 와 오버레이 클릭을 한 축으로 묶는다. 사용자에게는 둘 다 "실수로 닫기" 축이라
+     * 따로 다루면 한쪽만 막는 실수가 나온다. `false` 면 두 경로 모두 닫지 않는다.
+     *
+     * 주면 `closeOnOverlay` 를 이긴다. 안 주면 기존 동작 그대로다 - 오버레이는
+     * `closeOnOverlay`(기본 `true`), Escape 는 항상 켜짐.
+     */
+    dismissible?: boolean;
     /** 모달 패널 너비 (기본값: 480) */
     width?: number | string;
     /** 모달 제목 (h2, heading_large_bold) */
@@ -2352,8 +2429,16 @@ interface ModalProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "title
     showCloseIcon?: boolean;
     /** X 닫기 버튼 접근성 레이블 (기본값: "닫기") */
     closeLabel?: string;
-    /** 모달 접근성 레이블(기본값: title 또는 "Dialog") */
+    /**
+     * 모달 접근성 레이블. `title` 이 없으면 이 값이 유일한 접근성 이름이다 - 폴백이 없으므로
+     * 둘 다 비우면 이름 없는 대화상자가 되고 axe `aria-dialog-name` 이 잡는다.
+     */
     ariaLabel?: string;
+    /**
+     * 퇴출 애니메이션이 끝나 패널이 실제로 언마운트된 뒤 호출된다.
+     * `open` 을 끈 직후가 아니라 이 시점에 상세 데이터를 비워야 본문만 먼저 사라지지 않는다.
+     */
+    onExited?: () => void;
 }
 /**
  * 모달을 렌더링한다.
@@ -2361,7 +2446,7 @@ interface ModalProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "title
  * @param props 모달 속성
  * @returns 열림 상태일 때 렌더링된 모달, 닫힘 상태면 null
  */
-declare const Modal: ({ open, onClose, closeOnOverlay, width, title, description, footer, footerAlign, showCloseIcon, closeLabel, children, className, ariaLabel, ...props }: ModalProps) => React$1.ReactPortal | null;
+declare const Modal: ({ open, onClose, closeOnOverlay, dismissible, width, title, description, footer, footerAlign, showCloseIcon, closeLabel, children, className, ariaLabel, onExited, ...props }: ModalProps) => React$1.ReactPortal | null;
 
 type ThemeMode = "light" | "dark" | "system";
 type ResolvedTheme = "light" | "dark";
@@ -2558,4 +2643,4 @@ interface StackProps extends React$1.HTMLAttributes<HTMLDivElement> {
  */
 declare const Stack: ({ direction, gap, align, justify, wrap, as: Tag, ref, className, children, style, ...props }: StackProps) => React$1.JSX.Element;
 
-export { Accordion, type AccordionItem, type AccordionProps, type AlertActionsAlign, type AlertOptions, AlertProvider, type AlertVariant, Avatar, type AvatarProps, type AvatarShape, type AvatarSize, Badge, type BadgeAppearance, type BadgeProps, type BadgeShape, type BadgeSize, type BadgeVariant, BottomNav, BottomNavItem, type BottomNavItemProps, type BottomNavProps, BottomNavSpacer, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonAsAnchor, type ButtonAsButton, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardFooterAlign, type CardProps, type CardVariant, Checkbox, type CheckboxProps, Chip, type ChipProps, type ChipSize, type ChipTone, type ChipType, Container, type ContainerProps, type ContainerSize, type CropImageSize, type CropOffset, type CropRect, DatePicker, type DatePickerProps, Divider, type DividerProps, Drawer, type DrawerPlacement, type DrawerProps, Dropdown, type DropdownMultipleProps, type DropdownOption, type DropdownProps, type DropdownSingleProps, type DropdownSize, type DropdownVariant, EmptyState, type EmptyStateProps, ErrorState, type ErrorStateProps, type ErrorStateVariant, FileInput, type FileInputProps, type FileInputVariant, Grid, type GridCols, type GridGap, type GridProps, Hero, type HeroAction, type HeroAlign, type HeroHeight, type HeroOverlay, type HeroProps, Icon, IconButton, type IconButtonProps, type IconButtonSize, type IconButtonVariant, type IconProps, ImageCropper, type ImageCropperHandle, type ImageCropperProps, type ImeStrategy, LinearProgress, type LinearProgressProps, ListItem, type ListItemProps, MediaCard, type MediaCardImage, type MediaCardImagePosition, type MediaCardProps, type MediaCardShadow, Menu, type MenuItem, type MenuProps, Modal, type ModalFooterAlign, type ModalProps, NavBar, type NavBarLayout, type NavBarLocaleConfig, type NavBarLocaleOption, type NavBarProps, type NavBarVariant, NavLink, type NavLinkProps, OtpInput, type OtpInputProps, Pagination, type PaginationProps, Popover, type PopoverPlacement, type PopoverProps, Radio, RadioGroup, type RadioGroupContextValue, type RadioGroupOrientation, type RadioGroupProps, type RadioGroupSize, type RadioProps, type ResolvedTheme, Section, type SectionBg, type SectionProps, type SectionSpacing, Sidebar, SidebarItem, type SidebarItemProps, type SidebarMode, type SidebarProps, SidebarSection, type SidebarSectionProps, Skeleton, type SkeletonProps, type SkeletonVariant, Spinner, type SpinnerProps, Stack, type StackAlign, type StackDirection, type StackGap, type StackJustify, type StackProps, type StackWrap, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Table, type TableColumn, type TableProps, type TableSize, type TableSort, type TableSortDirection, Tabs, type TabsProps, type TabsSize, type TabsVariant, TextField, type TextFieldProps, type TextFieldSize, type TextFieldVariant, Textarea, type TextareaProps, type TextareaResize, type TextareaSize, type ThemeMode, ThemeProvider, type ThemeProviderProps, ToastProvider, type ToastProviderProps, type ToastVariant, Toggle, type ToggleProps, Tooltip, type TooltipPlacement, type TooltipProps, TopLoading, type TopLoadingProps, a11y, baseBorderWidth, baseColors, baseTypography, borderWidth, breakpoints, cn, colors, elevation, iconSize, motion, opacity, radius, skeleton, spacing, typography, useAlert, useFocusTrap, useRadioGroupContext, useReducedMotion, useSpringHover, useSpringPresence, useTheme, useToast, zIndex };
+export { Accordion, type AccordionItem, type AccordionProps, type AlertActionsAlign, type AlertOptions, AlertProvider, type AlertVariant, Avatar, type AvatarProps, type AvatarShape, type AvatarSize, Badge, type BadgeAppearance, type BadgeProps, type BadgeShape, type BadgeSize, type BadgeVariant, BottomNav, BottomNavItem, type BottomNavItemProps, type BottomNavProps, BottomNavSpacer, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonAsAnchor, type ButtonAsButton, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardFooterAlign, type CardProps, type CardVariant, Checkbox, type CheckboxProps, Chip, type ChipProps, type ChipSize, type ChipTone, type ChipType, Container, type ContainerProps, type ContainerSize, type CropImageSize, type CropOffset, type CropRect, DatePicker, type DatePickerProps, Divider, type DividerProps, Drawer, type DrawerPlacement, type DrawerProps, Dropdown, type DropdownMultipleProps, type DropdownOption, type DropdownProps, type DropdownSingleProps, type DropdownSize, type DropdownVariant, EmptyState, type EmptyStateProps, ErrorState, type ErrorStateProps, type ErrorStateVariant, FileInput, type FileInputProps, type FileInputVariant, Grid, type GridCols, type GridGap, type GridProps, Hero, type HeroAction, type HeroAlign, type HeroHeight, type HeroOverlay, type HeroProps, Icon, IconButton, type IconButtonProps, type IconButtonSize, type IconButtonVariant, type IconProps, ImageCropper, type ImageCropperHandle, type ImageCropperProps, type ImeStrategy, LinearProgress, type LinearProgressProps, ListItem, type ListItemProps, MediaCard, type MediaCardImage, type MediaCardImagePosition, type MediaCardProps, type MediaCardShadow, Menu, type MenuItem, type MenuProps, Modal, type ModalFooterAlign, type ModalProps, NavBar, type NavBarLayout, type NavBarLocaleConfig, type NavBarLocaleOption, type NavBarProps, type NavBarVariant, NavLink, type NavLinkProps, OtpInput, type OtpInputProps, Pagination, type PaginationProps, Popover, type PopoverPlacement, type PopoverProps, Prose, type ProseProps, type ProseSize, Radio, RadioGroup, type RadioGroupContextValue, type RadioGroupOrientation, type RadioGroupProps, type RadioGroupSize, type RadioProps, type ResolvedTheme, Section, type SectionBg, type SectionProps, type SectionSpacing, Sidebar, SidebarItem, type SidebarItemProps, type SidebarMode, type SidebarProps, SidebarSection, type SidebarSectionProps, Skeleton, type SkeletonProps, type SkeletonVariant, Spinner, type SpinnerProps, Stack, type StackAlign, type StackDirection, type StackGap, type StackJustify, type StackProps, type StackWrap, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Table, type TableColumn, type TableProps, type TableSize, type TableSort, type TableSortDirection, Tabs, type TabsProps, type TabsSize, type TabsVariant, TextField, type TextFieldProps, type TextFieldSize, type TextFieldVariant, Textarea, type TextareaProps, type TextareaResize, type TextareaSize, type ThemeMode, ThemeProvider, type ThemeProviderProps, ToastProvider, type ToastProviderProps, type ToastVariant, Toggle, type ToggleProps, Tooltip, type TooltipPlacement, type TooltipProps, TopLoading, type TopLoadingProps, a11y, baseBorderWidth, baseColors, baseTypography, borderWidth, breakpoints, cn, colors, elevation, iconSize, motion, opacity, radius, skeleton, spacing, typography, useAlert, useFocusTrap, useRadioGroupContext, useReducedMotion, useSpringHover, useSpringPresence, useTheme, useToast, zIndex };