@designbasekorea/ui 0.1.0 → 0.1.2

package/dist/index.d.ts

@@ -1,7 +1,6 @@
 /// <reference path="global.d.ts" />
 import React$2, { ReactNode } from 'react';
-import { IconProps } from '@designbase/icons';
-import { Theme } from '@designbase/theme';
+import { IconProps } from '@designbasekorea/icons';
 
 /**
  * Button 컴포넌트
@@ -15,9 +14,9 @@ interface ButtonProps {
     /** 버튼 variant */
     variant?: 'primary' | 'secondary' | 'tertiary' | 'danger' | 'ghost';
     /** 버튼 크기 */
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    size?: 'xs' | 's' | 'm' | 'l' | 'xl';
     /** 둥글기 variant */
-    radius?: 'sm' | 'md' | 'lg' | 'pill';
+    radius?: 's' | 'm' | 'l' | 'pill';
     /** 전체 너비 여부 */
     fullWidth?: boolean;
     /** 비활성화 여부 */
@@ -63,7 +62,7 @@ interface InputProps {
     /** 제어 값 */
     value?: string;
     /** 크기 */
-    size?: 'sm' | 'md' | 'lg';
+    size?: 's' | 'm' | 'l';
     /** 비활성화 여부 */
     disabled?: boolean;
     /** 읽기 전용 여부 */
@@ -113,7 +112,7 @@ interface ModalProps {
     /** 모달 제목 */
     title?: string;
     /** 모달 크기 */
-    size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    size?: 's' | 'm' | 'l' | 'xl' | 'full';
     /** 바깥쪽 클릭으로 닫기 여부 */
     closeOnOutsideClick?: boolean;
     /** ESC 키로 닫기 여부 */
@@ -135,7 +134,7 @@ interface CheckboxProps {
     isReadOnly?: boolean;
     isRequired?: boolean;
     hasLabel?: boolean;
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    size?: 'xs' | 's' | 'm' | 'l' | 'xl';
     children?: React$2.ReactNode;
     className?: string;
     name?: string;
@@ -152,7 +151,7 @@ interface ToggleProps {
     isReadOnly?: boolean;
     isRequired?: boolean;
     hasLabel?: boolean;
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    size?: 'xs' | 's' | 'm' | 'l' | 'xl';
     children?: React$2.ReactNode;
     className?: string;
     name?: string;
@@ -169,7 +168,7 @@ interface RadioProps {
     isReadOnly?: boolean;
     isRequired?: boolean;
     hasLabel?: boolean;
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    size?: 's' | 'm' | 'l';
     children?: React$2.ReactNode;
     className?: string;
     name?: string;
@@ -290,7 +289,7 @@ interface SelectProps {
     /** 헬퍼 텍스트 */
     helperText?: string;
     /** 크기 */
-    size?: 'sm' | 'md' | 'lg';
+    size?: 's' | 'm' | 'l';
     /** 전체 너비 여부 */
     fullWidth?: boolean;
     /** 드롭다운 너비 */
@@ -339,7 +338,7 @@ interface TabsProps {
     /** 탭 방향 */
     orientation?: 'horizontal' | 'vertical';
     /** 탭 크기 */
-    size?: 'sm' | 'md' | 'lg';
+    size?: 's' | 'm' | 'l';
     /** 전체 너비 여부 */
     fullWidth?: boolean;
     /** 탭 스타일 */
@@ -377,7 +376,7 @@ interface SegmentControlProps {
     /** 현재 선택된 값 (제어 컴포넌트용) */
     value?: string;
     /** 세그먼트 크기 */
-    size?: 'sm' | 'md' | 'lg';
+    size?: 's' | 'm' | 'l';
     /** 전체 너비 여부 */
     fullWidth?: boolean;
     /** 비활성화 여부 */
@@ -417,7 +416,7 @@ interface DropdownProps {
     /** 트리거 라벨 */
     label?: string;
     /** 드롭다운 크기 */
-    size?: 'sm' | 'md' | 'lg';
+    size?: 's' | 'm' | 'l';
     /** 드롭다운 위치 */
     placement?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
     /** 전체 너비 여부 */
@@ -444,7 +443,7 @@ declare const Dropdown: React$2.FC<DropdownProps>;
  */
 
 type SpinnerType = 'circular' | 'dots' | 'bars' | 'pulse' | 'ripple';
-type SpinnerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type SpinnerSize = 'xs' | 's' | 'm' | 'l' | 'xl';
 interface SpinnerProps {
     /** 스피너 타입 */
     type?: SpinnerType;
@@ -473,7 +472,7 @@ declare const Spinner: React$2.FC<SpinnerProps>;
  * 접근성: ARIA 가이드라인 준수, alt 텍스트 지원
  */
 
-type LogoSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type LogoSize = 'xs' | 's' | 'm' | 'l' | 'xl';
 type LogoVariant = 'default' | 'primary' | 'secondary' | 'white' | 'dark';
 interface LogoProps {
     /** 로고 텍스트 */
@@ -511,7 +510,7 @@ declare const Logo: React$2.FC<LogoProps>;
  * 접근성: ARIA 가이드라인 준수, 스크린 리더 지원
  */
 
-type ProgressbarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type ProgressbarSize = 'xs' | 's' | 'm' | 'l' | 'xl';
 type ProgressbarVariant = 'default' | 'primary' | 'success' | 'warning' | 'danger';
 type ProgressbarStyle = 'solid' | 'striped' | 'animated';
 interface ProgressbarProps {
@@ -554,7 +553,7 @@ declare const Progressbar: React$2.FC<ProgressbarProps>;
 
 type MenuItemVariant = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
 type MenuItemType = 'inline' | 'block';
-type MenuItemSize = 'sm' | 'md' | 'lg';
+type MenuItemSize = 's' | 'm' | 'l';
 type MenuItemStyle = 'dropdown' | 'accordion';
 interface MenuItemChild {
     /** 차일드 아이템 ID */
@@ -632,7 +631,7 @@ declare const MenuItem: React$2.FC<MenuItemProps>;
  * 접근성: ARIA 가이드라인 준수, 키보드 네비게이션 지원
  */
 
-type NavbarSize = 'sm' | 'md' | 'lg';
+type NavbarSize = 's' | 'm' | 'l';
 type NavbarVariant = 'default' | 'transparent' | 'solid';
 type NavbarPosition = 'fixed' | 'sticky' | 'static';
 interface NavbarItem extends Omit<MenuItemProps, 'onClick' | 'onChildClick'> {
@@ -697,7 +696,7 @@ declare const Navbar: React$2.FC<NavbarProps>;
  * 접근성: ARIA 가이드라인 준수, 키보드 네비게이션 지원
  */
 
-type SidebarSize = 'sm' | 'md' | 'lg';
+type SidebarSize = 's' | 'm' | 'l';
 type SidebarVariant = 'default' | 'dark' | 'light';
 type SidebarPosition = 'left' | 'right';
 interface SidebarItem extends Omit<MenuItemProps, 'onClick' | 'onChildClick'> {
@@ -757,7 +756,7 @@ declare const Sidebar: React$2.FC<SidebarProps>;
  * 접근성: ARIA 가이드라인 준수, 키보드 네비게이션 지원
  */
 
-type PaginationSize = 'sm' | 'md' | 'lg';
+type PaginationSize = 's' | 'm' | 'l';
 type PaginationVariant = 'default' | 'outlined' | 'minimal';
 type PaginationAlignment = 'left' | 'center' | 'right';
 interface PaginationProps {
@@ -814,7 +813,7 @@ declare const Pagination: React$2.FC<PaginationProps>;
  * 접근성: ARIA 가이드라인 준수, 키보드 네비게이션 지원
  */
 
-type BreadcrumbsSize = 'sm' | 'md' | 'lg';
+type BreadcrumbsSize = 's' | 'm' | 'l';
 type BreadcrumbsStyle = 'default' | 'contained' | 'underlined';
 interface BreadcrumbItem {
     /** 브레드크럼 아이템 ID */
@@ -16688,7 +16687,7 @@ declare namespace JSX$1 {
     interface IntrinsicElements extends undefined.IntrinsicElements {}
 }
 
-type TableSize = 'sm' | 'md' | 'lg';
+type TableSize = 's' | 'm' | 'l';
 type TableVariant = 'default' | 'striped' | 'bordered' | 'hoverable';
 type SortDirection = 'asc' | 'desc' | null;
 interface TableColumn<T = any> {
@@ -16777,7 +16776,7 @@ declare const Table: {
  * 접근성: ARIA 가이드라인 준수, 키보드 네비게이션 지원
  */
 
-type ChipSize = 'sm' | 'md' | 'lg';
+type ChipSize = 's' | 'm' | 'l';
 type ChipVariant = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'outlined' | 'neutral';
 type ChipColor = 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';
 interface ChipProps {
@@ -16820,7 +16819,7 @@ declare const Chip: React$2.FC<ChipProps>;
  * 접근성: ARIA 가이드라인 준수
  */
 
-type BadgeSize = 'sm' | 'md' | 'lg';
+type BadgeSize = 's' | 'm' | 'l';
 type BadgeVariant = 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger';
 type BadgeStyle = 'dot' | 'number' | 'text' | 'outlined';
 interface BadgeProps {
@@ -16853,7 +16852,7 @@ declare const Badge: React$2.FC<BadgeProps>;
  * 접근성: ARIA 가이드라인 준수
  */
 
-type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+type AvatarSize = 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl';
 type AvatarVariant = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
 type AvatarStatus = 'online' | 'offline' | 'away' | 'busy';
 interface AvatarProps {
@@ -16937,7 +16936,7 @@ declare const Divider: React$2.FC<DividerProps>;
  * 접근성: ARIA 가이드라인 준수, 키보드 네비게이션 지원
  */
 
-type RangeSliderSize = 'sm' | 'md' | 'lg';
+type RangeSliderSize = 's' | 'm' | 'l';
 type RangeSliderVariant = 'default' | 'primary' | 'success' | 'warning' | 'danger';
 interface RangeSliderProps {
     /** 현재 값 (단일 값) */
@@ -16992,7 +16991,7 @@ declare const RangeSlider: React$2.FC<RangeSliderProps>;
  */
 
 type TooltipPosition = 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
-type TooltipSize = 'sm' | 'md' | 'lg';
+type TooltipSize = 's' | 'm' | 'l';
 type TooltipVariant = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
 interface TooltipProps {
     /** 툴팁 내용 */
@@ -17033,7 +17032,7 @@ declare const Tooltip: React$2.FC<TooltipProps>;
  */
 
 type PopoverPosition = 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
-type PopoverSize = 'sm' | 'md' | 'lg';
+type PopoverSize = 's' | 'm' | 'l';
 type PopoverVariant = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
 type PopoverTrigger = 'click' | 'hover' | 'focus' | 'manual';
 interface PopoverProps {
@@ -17085,14 +17084,14 @@ declare const Popover: React$2.FC<PopoverProps>;
  */
 
 type AlertVariant = 'info' | 'success' | 'warning' | 'danger';
-type AlertSize = 'sm' | 'md' | 'lg';
+type AlertSize = 's' | 'm' | 'l';
 interface AlertAction {
     /** 액션 라벨 */
     label: string;
     /** 액션 타입 */
     variant?: 'primary' | 'secondary' | 'danger' | 'success';
     /** 액션 크기 */
-    size?: 'sm' | 'md' | 'lg';
+    size?: 's' | 'm' | 'l';
     /** 액션 핸들러 */
     onClick: () => void;
     /** 액션 비활성화 여부 */
@@ -17133,7 +17132,7 @@ declare const Alert: React$2.FC<AlertProps>;
  */
 
 type ConfirmVariant = 'info' | 'success' | 'warning' | 'danger';
-type ConfirmSize = 'sm' | 'md' | 'lg';
+type ConfirmSize = 's' | 'm' | 'l';
 interface ConfirmProps {
     /** 확인 다이얼로그 열림 상태 */
     open: boolean;
@@ -17204,7 +17203,7 @@ interface AccordionProps {
     /** 아코디언 스타일 */
     style?: 'default' | 'bordered' | 'separated' | 'contained';
     /** 아코디언 크기 */
-    size?: 'sm' | 'md' | 'lg';
+    size?: 's' | 'm' | 'l';
     /** 다중 확장 허용 여부 */
     allowMultiple?: boolean;
     /** 기본적으로 확장된 아이템들 (allowMultiple이 true일 때만 사용) */
@@ -17301,7 +17300,7 @@ interface TextareaProps {
     /** 제어 값 */
     value?: string;
     /** 크기 */
-    size?: 'sm' | 'md' | 'lg';
+    size?: 's' | 'm' | 'l';
     /** 행 수 */
     rows?: number;
     /** 최대 글자 수 */
@@ -17352,7 +17351,7 @@ type ImageRatio = '1:1' | '16:9' | '4:3' | '3:2' | '3:4' | '2:1' | 'auto';
 type ImageFit = 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
 type ImageLoading = 'lazy' | 'eager';
 type ImagePlaceholder = 'skeleton' | 'blur' | 'none';
-type ImageRounded = boolean | 'sm' | 'md' | 'lg' | 'full';
+type ImageRounded = boolean | 's' | 'm' | 'l' | 'full';
 interface ImageProps {
     /** 이미지 소스 URL */
     src: string;
@@ -17383,7 +17382,7 @@ interface ImageProps {
     /** 전체 높이 사용 */
     fullHeight?: boolean;
     /** 그림자 효과 */
-    shadow?: boolean | 'sm' | 'md' | 'lg';
+    shadow?: boolean | 's' | 'm' | 'l';
     /** 호버 효과 */
     hover?: boolean;
     /** 클릭 핸들러 */
@@ -17406,8 +17405,8 @@ declare const Image: React$2.FC<ImageProps>;
  * 반응형 디자인을 위한 다양한 크기 옵션을 제공합니다.
  */
 
-type ContainerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
-type ContainerPadding = 'none' | 'sm' | 'md' | 'lg' | 'xl';
+type ContainerSize = 's' | 'm' | 'l' | 'xl' | 'full';
+type ContainerPadding = 'none' | 's' | 'm' | 'l' | 'xl';
 type ContainerVariant = 'plain' | 'wrapper';
 interface ContainerProps {
     /** 컨테이너 크기 */
@@ -17425,9 +17424,9 @@ interface ContainerProps {
     /** 테두리 (wrapper 변형에서만 적용) */
     border?: boolean;
     /** 둥근 모서리 (wrapper 변형에서만 적용) */
-    rounded?: boolean | 'sm' | 'md' | 'lg';
+    rounded?: boolean | 's' | 'm' | 'l';
     /** 그림자 (wrapper 변형에서만 적용) */
-    shadow?: boolean | 'sm' | 'md' | 'lg';
+    shadow?: boolean | 's' | 'm' | 'l';
     /** 추가 CSS 클래스 */
     className?: string;
     /** 자식 요소 */
@@ -17445,7 +17444,7 @@ declare const Container: React$2.FC<ContainerProps>;
 type StackDirection = 'vertical' | 'horizontal';
 type StackAlignment = 'start' | 'center' | 'end' | 'stretch';
 type StackJustify = 'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly';
-type StackSpacing = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type StackSpacing = 'none' | 'xs' | 's' | 'm' | 'l' | 'xl';
 interface StackProps {
     /** 스택 방향 */
     direction?: StackDirection;
@@ -17475,7 +17474,7 @@ declare const Stack: React$2.FC<StackProps>;
  * 컬럼 수, 간격, 정렬 등을 설정할 수 있습니다.
  */
 
-type GridBreakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type GridBreakpoint = 'xs' | 's' | 'm' | 'l' | 'xl';
 type GridSize = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 'auto';
 type GridAlignment = 'start' | 'center' | 'end' | 'stretch';
 type GridJustify = 'start' | 'center' | 'end' | 'around' | 'between' | 'evenly';
@@ -17556,7 +17555,7 @@ declare const GridRow: React$2.FC<GridRowProps>;
 declare const GridCol: React$2.FC<GridColProps>;
 
 type FormLayout = 'vertical' | 'horizontal' | 'inline';
-type FormSize = 'sm' | 'md' | 'lg';
+type FormSize = 's' | 'm' | 'l';
 type FormVariant = 'default' | 'bordered' | 'filled';
 interface FormField {
     /** 필드 이름 */
@@ -17664,7 +17663,7 @@ declare const Form: React$2.FC<FormProps>;
 
 type SharePlatform = 'facebook' | 'twitter' | 'instagram' | 'linkedin' | 'pinterest' | 'whatsapp' | 'telegram' | 'email' | 'link' | 'qr';
 type ShareVariant = 'button' | 'dropdown' | 'modal' | 'inline';
-type ShareSize = 'sm' | 'md' | 'lg';
+type ShareSize = 's' | 'm' | 'l';
 type SharePosition = 'top' | 'bottom' | 'left' | 'right';
 interface SharePlatformConfig {
     /** 플랫폼 이름 */
@@ -17729,7 +17728,7 @@ interface ShareProps {
 declare const Share: React$2.FC<ShareProps>;
 
 type CardVariant = 'default' | 'elevated' | 'outlined' | 'filled' | 'flat';
-type CardSize = 'sm' | 'md' | 'lg' | 'xl';
+type CardSize = 's' | 'm' | 'l' | 'xl';
 type CardLayout = 'vertical' | 'horizontal' | 'compact';
 type CardImagePosition = 'top' | 'bottom' | 'left' | 'right' | 'background';
 interface CardImage {
@@ -17754,7 +17753,7 @@ interface CardAction {
     /** 액션 타입 */
     variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'link';
     /** 액션 크기 */
-    size?: 'sm' | 'md' | 'lg';
+    size?: 's' | 'm' | 'l';
     /** 액션 아이콘 */
     icon?: React$2.ComponentType<any>;
     /** 액션 클릭 핸들러 */
@@ -17832,7 +17831,7 @@ interface CardProps {
 declare const Card: React$2.ForwardRefExoticComponent<CardProps & React$2.RefAttributes<HTMLDivElement>>;
 
 type ReorderVariant = 'default' | 'bordered' | 'filled' | 'minimal';
-type ReorderSize = 'sm' | 'md' | 'lg';
+type ReorderSize = 's' | 'm' | 'l';
 type ReorderOrientation = 'vertical' | 'horizontal';
 interface ReorderItem {
     /** 아이템 고유 ID */
@@ -17893,7 +17892,7 @@ declare const Reorder: React$2.FC<ReorderProps>;
 
 type ScrollDirection = 'vertical' | 'horizontal' | 'both';
 type ScrollbarStyle = 'auto' | 'thin' | 'none';
-type ScrollAreaSize = 'sm' | 'md' | 'lg' | 'xl';
+type ScrollAreaSize = 's' | 'm' | 'l' | 'xl';
 interface ScrollAreaProps {
     /** 스크롤 방향 */
     direction?: ScrollDirection;
@@ -17932,7 +17931,7 @@ declare const ScrollArea: React$2.FC<ScrollAreaProps>;
  */
 
 type SplitDirection = 'horizontal' | 'vertical';
-type SplitSize = 'sm' | 'md' | 'lg' | 'xl';
+type SplitSize = 's' | 'm' | 'l' | 'xl';
 type SplitMode = 'ratio' | 'fixed';
 interface SplitViewProps {
     /** 분할 방향 */
@@ -17973,7 +17972,7 @@ declare const SplitView: React$2.FC<SplitViewProps>;
  * 헤더, 콘텐츠, 푸터 영역을 포함할 수 있습니다.
  */
 
-type SectionSize = 'sm' | 'md' | 'lg' | 'xl';
+type SectionSize = 's' | 'm' | 'l' | 'xl';
 type SectionVariant = 'default' | 'elevated' | 'outlined' | 'filled';
 interface SectionProps {
     /** 섹션 제목 */
@@ -18014,7 +18013,7 @@ declare const Section: React$2.FC<SectionProps>;
 
 type TimelinePosition = 'left' | 'right' | 'alternate' | 'reverse-alternate';
 type TimelineVariant = 'default' | 'outlined' | 'filled';
-type TimelineSize = 'sm' | 'md' | 'lg';
+type TimelineSize = 's' | 'm' | 'l';
 type TimelineColor = 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info' | 'default';
 interface TimelineItem {
     /** 아이템 ID */
@@ -18065,7 +18064,7 @@ interface TimelineProps {
 declare const Timeline: React$2.FC<TimelineProps>;
 
 type ProgressStepVariant = 'default' | 'outlined' | 'filled' | 'minimal';
-type ProgressStepSize = 'sm' | 'md' | 'lg';
+type ProgressStepSize = 's' | 'm' | 'l';
 type ProgressStepLayout = 'vertical' | 'horizontal' | 'alternating';
 interface ProgressStepItem {
     /** 단계 ID */
@@ -18120,7 +18119,7 @@ declare const ProgressStep: React$2.FC<ProgressStepProps>;
  * 숫자, 라벨, 설명, 아이콘 등을 포함할 수 있습니다.
  */
 
-type StatSize = 'sm' | 'md' | 'lg' | 'xl';
+type StatSize = 's' | 'm' | 'l' | 'xl';
 type StatVariant = 'default' | 'minimal' | 'card' | 'colored';
 type StatLayout = 'horizontal' | 'vertical' | 'reverse';
 type StatColor = 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info' | 'custom';
@@ -18179,7 +18178,7 @@ declare const Stat: React$2.FC<StatProps>;
  * 읽기 전용과 인터랙티브 모드를 지원합니다.
  */
 
-type RatingSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type RatingSize = 'xs' | 's' | 'm' | 'l' | 'xl';
 type RatingVariant = 'default' | 'minimal' | 'card' | 'inline' | 'large';
 type RatingType = 'star' | 'number' | 'percentage' | 'text';
 type RatingDisplay = 'stars' | 'number' | 'both' | 'reviews' | 'detailed';
@@ -18229,7 +18228,7 @@ interface RatingProps {
 }
 declare const Rating: React$2.FC<RatingProps>;
 
-type VideoPlayerSize = 'sm' | 'md' | 'lg' | 'xl';
+type VideoPlayerSize = 's' | 'm' | 'l' | 'xl';
 type VideoPlayerVariant = 'default' | 'minimal' | 'theater' | 'picture-in-picture';
 type VideoPlayerTheme = 'light' | 'dark' | 'auto';
 interface VideoPlayerProps {
@@ -18321,7 +18320,7 @@ interface VideoPlayerProps {
 }
 declare const VideoPlayer: React$2.FC<VideoPlayerProps>;
 
-type AudioPlayerSize = 'sm' | 'md' | 'lg' | 'xl';
+type AudioPlayerSize = 's' | 'm' | 'l' | 'xl';
 type AudioPlayerVariant = 'default' | 'minimal' | 'compact' | 'full';
 type AudioPlayerTheme = 'light' | 'dark' | 'auto';
 interface AudioPlayerProps {
@@ -18411,7 +18410,7 @@ declare const AudioPlayer: React$2.FC<AudioPlayerProps>;
  * 파일 업로드 UI를 제공합니다.
  */
 
-type DropzoneSize = 'sm' | 'md' | 'lg';
+type DropzoneSize = 's' | 'm' | 'l';
 type DropzoneVariant = 'default' | 'outlined' | 'filled';
 interface DropzoneProps {
     /** 드롭존 크기 */
@@ -18468,7 +18467,7 @@ declare const Dropzone: React$2.FC<DropzoneProps>;
  * 파일 목록, 진행률, 상태 등을 표시합니다.
  */
 
-type FileUploaderSize = 'sm' | 'md' | 'lg';
+type FileUploaderSize = 's' | 'm' | 'l';
 type FileUploaderVariant = 'default' | 'outlined' | 'filled';
 type FileStatus = 'pending' | 'uploading' | 'success' | 'error';
 interface UploadFile {
@@ -18516,7 +18515,7 @@ declare const FileUploader: React$2.FC<FileUploaderProps>;
  * 선형과 원형 진행률을 지원합니다.
  */
 
-type ProgressSize = 'sm' | 'md' | 'lg';
+type ProgressSize = 's' | 'm' | 'l';
 type ProgressVariant = 'default' | 'success' | 'warning' | 'danger';
 type ProgressType = 'linear' | 'circular';
 interface ProgressProps {
@@ -18550,7 +18549,7 @@ declare const Progress: React$2.FC<ProgressProps>;
  * 최소값, 최대값, 단계값 등을 설정할 수 있습니다.
  */
 
-type StepperSize = 'sm' | 'md' | 'lg';
+type StepperSize = 's' | 'm' | 'l';
 type StepperVariant = 'default' | 'outlined' | 'filled';
 interface StepperProps {
     /** 현재 값 */
@@ -18588,7 +18587,7 @@ declare const Stepper: React$2.FC<StepperProps>;
  */
 
 type GradientDirection = 'to-right' | 'to-left' | 'to-bottom' | 'to-top' | 'to-bottom-right' | 'to-bottom-left' | 'to-top-right' | 'to-top-left' | 'radial';
-type GradientSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+type GradientSize = 's' | 'm' | 'l' | 'xl' | 'full';
 type GradientVariant = 'default' | 'animated' | 'mesh';
 interface GradientColor {
     /** 색상 값 */
@@ -18627,7 +18626,7 @@ declare const Gradient: React$2.FC<GradientProps>;
  * 버튼, 드롭다운, 구분선 등을 포함할 수 있습니다.
  */
 
-type ToolbarSize = 'sm' | 'md' | 'lg';
+type ToolbarSize = 's' | 'm' | 'l';
 type ToolbarVariant = 'default' | 'outlined' | 'filled' | 'ghost';
 type ToolbarPosition = 'top' | 'bottom' | 'left' | 'right' | 'floating';
 interface ToolbarItem {
@@ -18694,7 +18693,7 @@ declare const Toolbar: React$2.FC<ToolbarProps>;
  * 12시간/24시간 형식, 시간/분 선택, 드롭다운 형태를 지원합니다.
  */
 
-type TimePickerSize = 'sm' | 'md' | 'lg';
+type TimePickerSize = 's' | 'm' | 'l';
 type TimePickerVariant = 'default' | 'outlined' | 'filled';
 type TimeFormat = '12h' | '24h';
 type TimePickerMode = 'dropdown' | 'inline';
@@ -18740,7 +18739,7 @@ declare const TimePicker: React$2.FC<TimePickerProps>;
  */
 
 type DatePickerMode = 'single' | 'range' | 'multiple';
-type DatePickerSize = 'sm' | 'md' | 'lg';
+type DatePickerSize = 's' | 'm' | 'l';
 type DatePickerVariant = 'default' | 'outlined' | 'filled';
 type StartOfWeek = 'sunday' | 'monday';
 interface DatePickerEvent {
@@ -18782,7 +18781,7 @@ interface DatePickerProps {
 }
 declare const DatePicker: React$2.FC<DatePickerProps>;
 
-type MarkdownEditorSize = 'sm' | 'md' | 'lg';
+type MarkdownEditorSize = 's' | 'm' | 'l';
 type MarkdownEditorVariant = 'default' | 'outlined' | 'filled';
 type MarkdownEditorMode = 'edit' | 'preview' | 'split' | 'code';
 type MarkdownEditorTheme = 'light' | 'dark';
@@ -18854,7 +18853,7 @@ interface MarkdownEditorProps {
 }
 declare const MarkdownEditor: React$2.FC<MarkdownEditorProps>;
 
-type LightboxSize = 'sm' | 'md' | 'lg' | 'xl';
+type LightboxSize = 's' | 'm' | 'l' | 'xl';
 type LightboxVariant = 'default' | 'minimal' | 'fullscreen';
 type LightboxTheme = 'light' | 'dark';
 interface LightboxImage {
@@ -18927,7 +18926,7 @@ interface LightboxProps {
 }
 declare const Lightbox: React$2.FC<LightboxProps>;
 
-type CarouselSize = 'sm' | 'md' | 'lg' | 'xl';
+type CarouselSize = 's' | 'm' | 'l' | 'xl';
 type CarouselVariant = 'default' | 'cards' | 'gallery' | 'hero' | 'testimonial';
 type CarouselTheme = 'light' | 'dark';
 type CarouselTransition = 'slide' | 'fade' | 'zoom' | 'flip' | 'cube';
@@ -19042,7 +19041,7 @@ interface CarouselProps {
 }
 declare const Carousel: React$2.FC<CarouselProps>;
 
-type ListSize = 'sm' | 'md' | 'lg';
+type ListSize = 's' | 'm' | 'l';
 type ListVariant = 'default' | 'bordered' | 'card' | 'minimal';
 type ListItemType = 'default' | 'interactive' | 'selectable' | 'draggable';
 type ListLayout = 'vertical' | 'horizontal';
@@ -19097,7 +19096,7 @@ interface ListProps {
     /** 드래그 가능 여부 */
     draggable?: boolean;
     /** 아이템 간격 */
-    spacing?: 'none' | 'sm' | 'md' | 'lg';
+    spacing?: 'none' | 's' | 'm' | 'l';
     /** 아이템 정렬 */
     alignment?: 'start' | 'center' | 'end' | 'stretch';
     /** 아이템 클릭 핸들러 */
@@ -19117,7 +19116,7 @@ interface ListProps {
 }
 declare const List: React$2.FC<ListProps>;
 
-type HeroFeatureSize = 'sm' | 'md' | 'lg' | 'xl';
+type HeroFeatureSize = 's' | 'm' | 'l' | 'xl';
 type HeroFeatureVariant = 'default' | 'centered' | 'split' | 'overlay' | 'minimal';
 type HeroFeatureTheme = 'light' | 'dark' | 'gradient' | 'image';
 type HeroFeatureAlignment = 'left' | 'center' | 'right';
@@ -19129,7 +19128,7 @@ interface HeroFeatureButton {
     /** 버튼 타입 */
     variant?: 'primary' | 'secondary' | 'outline' | 'ghost';
     /** 버튼 크기 */
-    size?: 'sm' | 'md' | 'lg';
+    size?: 's' | 'm' | 'l';
     /** 클릭 핸들러 */
     onClick?: () => void;
     /** 아이콘 */
@@ -19195,7 +19194,7 @@ interface HeroFeatureProps {
 }
 declare const HeroFeature: React$2.FC<HeroFeatureProps>;
 
-type BannerSize = 'sm' | 'md' | 'lg';
+type BannerSize = 's' | 'm' | 'l';
 type BannerVariant = 'default' | 'success' | 'warning' | 'error' | 'info' | 'promo';
 type BannerStyle = 'solid' | 'outline' | 'soft' | 'gradient';
 type BannerPosition = 'top' | 'bottom' | 'fixed' | 'sticky';
@@ -19208,7 +19207,7 @@ interface BannerAction {
     /** 액션 타입 */
     variant?: 'primary' | 'secondary' | 'outline' | 'ghost';
     /** 액션 크기 */
-    size?: 'sm' | 'md' | 'lg';
+    size?: 's' | 'm' | 'l';
     /** 클릭 핸들러 */
     onClick?: () => void;
     /** 아이콘 */
@@ -19276,7 +19275,7 @@ interface SkeletonProps {
     /** 스켈레톤 variant */
     variant?: 'text' | 'circular' | 'rectangular' | 'rounded';
     /** 스켈레톤 크기 */
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    size?: 'xs' | 's' | 'm' | 'l' | 'xl';
     /** 너비 (CSS 값) */
     width?: string | number;
     /** 높이 (CSS 값) */
@@ -19308,7 +19307,7 @@ declare const Skeleton: React$2.ForwardRefExoticComponent<Omit<SkeletonProps, "r
  * 접근성: 스크린 리더 지원, 키보드 네비게이션
  */
 
-type YouTubePlayerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+type YouTubePlayerSize = 's' | 'm' | 'l' | 'xl' | 'full';
 type YouTubePlayerVariant = 'default' | 'minimal' | 'theater' | 'picture-in-picture';
 type YouTubePlayerTheme = 'light' | 'dark' | 'auto';
 interface YouTubePlayerProps {
@@ -19439,7 +19438,7 @@ declare const Backdrop: React$2.ForwardRefExoticComponent<Omit<BackdropProps, "r
  * 접근성: 스크린 리더 지원, 키보드 네비게이션, 포커스 트랩
  */
 
-type BottomSheetSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+type BottomSheetSize = 's' | 'm' | 'l' | 'xl' | 'full';
 type BottomSheetVariant = 'default' | 'persistent' | 'temporary' | 'fullscreen';
 interface BottomSheetProps {
     /** 표시 여부 */
@@ -19494,51 +19493,28 @@ declare const BottomSheet: React$2.ForwardRefExoticComponent<Omit<BottomSheetPro
 /**
  * FloatingActionButton 컴포넌트
  *
- * 목적: 화면 위에 떠있는 액션 버튼으로 주요 기능에 빠른 접근 제공
- * 기능: 다양한 크기, 위치, 변형, 애니메이션 효과 지원
+ * 목적: 화면 우측 하단에 고정된 떠있는 액션 버튼
+ * 기능: 다양한 크기와 색상 변형 지원
  * 접근성: 스크린 리더 지원, 키보드 네비게이션, 포커스 표시
  */
 
-type FloatingActionButtonSize = 'sm' | 'md' | 'lg' | 'xl';
+type FloatingActionButtonSize = 's' | 'm' | 'l' | 'xl';
 type FloatingActionButtonVariant = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info';
-type FloatingActionButtonPosition = 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left' | 'center';
 interface FloatingActionButtonProps {
     /** 버튼 크기 */
     size?: FloatingActionButtonSize;
     /** 버튼 스타일 변형 */
     variant?: FloatingActionButtonVariant;
-    /** 버튼 위치 */
-    position?: FloatingActionButtonPosition;
     /** 아이콘 */
     icon?: React$2.ReactNode;
-    /** 라벨 텍스트 */
-    label?: string;
-    /** 확장된 FAB 여부 */
-    extended?: boolean;
     /** 비활성화 여부 */
     disabled?: boolean;
-    /** 로딩 상태 */
-    loading?: boolean;
-    /** 애니메이션 효과 */
-    animation?: 'scale' | 'rotate' | 'bounce' | 'pulse' | 'none';
-    /** 그림자 효과 */
-    elevation?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
     /** 클릭 시 호출되는 함수 */
     onClick?: (event: React$2.MouseEvent<HTMLButtonElement>) => void;
-    /** 마우스 진입 시 호출되는 함수 */
-    onMouseEnter?: (event: React$2.MouseEvent<HTMLButtonElement>) => void;
-    /** 마우스 이탈 시 호출되는 함수 */
-    onMouseLeave?: (event: React$2.MouseEvent<HTMLButtonElement>) => void;
-    /** 포커스 시 호출되는 함수 */
-    onFocus?: (event: React$2.FocusEvent<HTMLButtonElement>) => void;
-    /** 블러 시 호출되는 함수 */
-    onBlur?: (event: React$2.FocusEvent<HTMLButtonElement>) => void;
     /** 추가 CSS 클래스 */
     className?: string;
     /** 스타일 객체 */
     style?: React$2.CSSProperties;
-    /** 자식 요소 */
-    children?: React$2.ReactNode;
     /** 추가 props */
     [key: string]: any;
 }
@@ -19596,6 +19572,8 @@ interface CalendarProps {
     showWeekends?: boolean;
     /** 오늘 날짜 하이라이트 여부 */
     highlightToday?: boolean;
+    /** 외부 날짜(이전/다음 달) 표시 여부 */
+    showOutsideDays?: boolean;
     /** 다국어 지원 */
     locale?: string;
     /** 추가 CSS 클래스 */
@@ -19608,7 +19586,7 @@ interface CalendarProps {
 declare const Calendar: React$2.FC<CalendarProps>;
 
 type DrawerPosition = 'left' | 'right' | 'top' | 'bottom';
-type DrawerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+type DrawerSize = 's' | 'm' | 'l' | 'xl' | 'full';
 interface DrawerProps {
     /** Drawer가 열려있는지 여부 */
     isOpen: boolean;
@@ -19649,7 +19627,7 @@ declare const Drawer: React$2.FC<DrawerProps>;
 
 type ImageListLayout = 'grid' | 'list' | 'gallery' | 'carousel';
 type ImageListColumns = 1 | 2 | 3 | 4 | 5 | 6;
-type ImageListSpacing = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type ImageListSpacing = 'xs' | 's' | 'm' | 'l' | 'xl';
 interface ImageItem {
     /** 이미지 ID */
     id?: string;
@@ -19713,7 +19691,7 @@ interface ImageListProps {
 declare const ImageList: React$2.FC<ImageListProps>;
 
 type MasonryColumns = 1 | 2 | 3 | 4 | 5 | 6;
-type MasonrySpacing = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type MasonrySpacing = 'xs' | 's' | 'm' | 'l' | 'xl';
 type MasonryAnimation = 'fade' | 'slide' | 'zoom' | 'none';
 interface MasonryItem {
     /** 이미지 ID */
@@ -19803,7 +19781,7 @@ interface AnimationTextProps {
     /** 애니메이션 방향 */
     direction?: 'left' | 'right' | 'up' | 'down' | 'alternate';
     /** 텍스트 크기 */
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
+    size?: 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl';
     /** 텍스트 색상 */
     color?: 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info' | 'custom';
     /** 커스텀 색상 */
@@ -19941,28 +19919,12 @@ interface ResizablePanelsProps {
 }
 declare const ResizablePanels: React$2.FC<ResizablePanelsProps>;
 
-interface ThemeToggleProps {
-    /** 표시할 테마 옵션들 */
-    themes?: Theme[];
-    /** 기본 테마 */
-    defaultTheme?: Theme;
-    /** 컴포넌트 크기 */
-    size?: 'sm' | 'md' | 'lg';
-    /** 스타일 변형 */
-    variant?: 'button' | 'dropdown' | 'tabs';
-    /** 테마 변경 시 콜백 */
-    onThemeChange?: (theme: Theme) => void;
-    /** 클래스명 */
-    className?: string;
-}
-declare const ThemeToggle: React$2.FC<ThemeToggleProps>;
-
 /**
  * Designbase UI 컴포넌트 라이브러리 메인 엔트리 포인트
  *
  * 목적: 모든 UI 컴포넌트와 타입을 내보냄
  * 기능: Tree-shaking 가능한 개별 컴포넌트 내보내기
- * 사용법: import { Button, Input } from '@designbase/ui'
+ * 사용법: import { Button, Input } from '@designbasekorea/ui'
  */
 
 interface ComponentBaseProps {
@@ -19973,5 +19935,5 @@ declare const setTheme: (theme: string) => void;
 declare const getTheme: () => string;
 declare const toggleTheme: () => void;
 
-export { Accordion, Alert, AnimationBackground, AnimationText, AudioPlayer, Avatar, AvatarGroup, Backdrop, Badge, Banner, BottomSheet, Breadcrumbs, Button, Calendar, Card, Carousel, Checkbox, Chip, Confirm, Container, ContextMenu, DatePicker, Divider, Drawer, Dropdown, Dropzone, FileUploader, FloatingActionButton, Form, Gradient, Grid, GridCol, GridRow, HeroFeature, Image, ImageList, Input, Lightbox, List, Logo, MarkdownEditor, Masonry, MenuItem, Modal, Navbar, Pagination, Popover, Progress, ProgressStep, Progressbar, Radio, RangeSlider, Rating, Reorder, ResizablePanels, ScrollArea, Section, SegmentControl, Select, Share, Sidebar, Skeleton, Spinner, SplitView, Stack, Stat, Stepper, Table, Tabs, Textarea, Textarea as TextareaComponent, ThemeToggle, TimePicker, Timeline, Toast, ToastContainer, ToastProvider, Toggle, Toolbar, Tooltip, VideoPlayer, YouTubePlayer, getTheme, setTheme, toggleTheme, useContextMenu, useToast };
-export type { AccordionItem, AccordionItemType, AccordionProps, AlertAction, AlertProps, AlertSize, AlertVariant, AnimationBackgroundProps, AnimationTextProps, AudioPlayerProps, AudioPlayerSize, AudioPlayerTheme, AudioPlayerVariant, AvatarGroupProps, AvatarProps, AvatarSize, AvatarStatus, AvatarVariant, BackdropProps, BadgeProps, BadgeSize, BadgeStyle, BadgeVariant, BannerAction, BannerAlignment, BannerPosition, BannerProps, BannerSize, BannerStyle, BannerVariant, BottomSheetProps, BottomSheetSize, BottomSheetVariant, BreadcrumbItem, BreadcrumbsProps, BreadcrumbsSize, BreadcrumbsStyle, CalendarEvent, CalendarEventType, CalendarProps, CalendarView, CardAction, CardImage, CardImagePosition, CardLayout, CardProps, CardSize, CardVariant, CarouselItem, CarouselProps, CarouselSize, CarouselTheme, CarouselTransition, CarouselVariant, ChipProps, ChipSize, ChipVariant, ComponentBaseProps, ConfirmProps, ConfirmSize, ConfirmVariant, ContainerPadding, ContainerProps, ContainerSize, ContextMenuItem, ContextMenuProps, DatePickerEvent, DatePickerMode, DatePickerProps, DatePickerSize, DatePickerVariant, DividerProps, DrawerPosition, DrawerProps, DrawerSize, DropdownItem, DropdownProps, DropzoneProps, DropzoneSize, DropzoneVariant, FileStatus, FileUploaderProps, FileUploaderSize, FileUploaderVariant, FloatingActionButtonPosition, FloatingActionButtonProps, FloatingActionButtonSize, FloatingActionButtonVariant, FormField, FormLayout, FormProps, FormSize, FormVariant, GradientColor, GradientDirection, GradientProps, GradientSize, GradientVariant, GridAlignment, GridBreakpoint, GridColProps, GridJustify, GridProps, GridRowProps, GridSize, HeroFeatureAlignment, HeroFeatureButton, HeroFeatureProps, HeroFeatureSize, HeroFeatureTheme, HeroFeatureVariant, ImageFit, ImageItem, ImageListColumns, ImageListLayout, ImageListProps, ImageListSpacing, ImageLoading, ImagePlaceholder, ImageProps, ImageRatio, ImageRounded, LightboxImage, LightboxProps, LightboxSize, LightboxTheme, LightboxVariant, ListItem, ListItemType, ListLayout, ListProps, ListSize, ListVariant, LogoProps, LogoSize, LogoVariant, MarkdownEditorMode, MarkdownEditorProps, MarkdownEditorSize, MarkdownEditorTheme, MarkdownEditorVariant, MarkdownToolbarItem, MasonryAnimation, MasonryColumns, MasonryItem, MasonryProps, MasonrySpacing, MenuItemChild, MenuItemProps, MenuItemSize, MenuItemStyle, MenuItemType, MenuItemVariant, NavbarItem, NavbarPosition, NavbarProps, NavbarSize, NavbarVariant, PaginationAlignment, PaginationProps, PaginationSize, PaginationVariant, PopoverPosition, PopoverProps, PopoverSize, PopoverTrigger, PopoverVariant, ProgressProps, ProgressSize, ProgressStepItem, ProgressStepLayout, ProgressStepProps, ProgressStepSize, ProgressStepVariant, ProgressType, ProgressVariant, ProgressbarProps, ProgressbarSize, ProgressbarStyle, ProgressbarVariant, RangeSliderProps, RangeSliderSize, RangeSliderVariant, RatingProps, RatingSize, RatingVariant, ReorderItem, ReorderOrientation, ReorderProps, ReorderSize, ReorderVariant, ResizablePanelsProps, ScrollAreaProps, ScrollAreaSize, ScrollDirection, ScrollbarStyle, SectionProps, SectionSize, SectionVariant, SegmentControlProps, SegmentOption, SelectOption, SelectProps, SharePlatform, SharePlatformConfig, SharePosition, ShareProps, ShareSize, ShareVariant, SidebarItem, SidebarPosition, SidebarProps, SidebarSize, SidebarVariant, SkeletonProps, SortDirection, SpinnerProps, SpinnerSize, SpinnerType, SplitDirection, SplitMode, SplitSize, SplitViewProps, StackAlignment, StackDirection, StackJustify, StackProps, StackSpacing, StartOfWeek, StatColor, StatLayout, StatProps, StatSize, StatVariant, StepperProps, StepperSize, StepperVariant, TabItem, TableColumn, TableProps, TableSize, TableVariant, TabsProps, TextareaProps, ThemeToggleProps, TimeFormat, TimePickerMode, TimePickerProps, TimePickerSize, TimePickerVariant, TimelineColor, TimelineItem, TimelinePosition, TimelineProps, TimelineSize, TimelineVariant, ToastContainerProps, ToastItem, ToastProps, ToastStatus, ToolbarItem, ToolbarPosition, ToolbarProps, ToolbarSize, ToolbarVariant, TooltipPosition, TooltipProps, TooltipSize, TooltipVariant, UploadFile, UseContextMenuReturn, VideoPlayerProps, VideoPlayerSize, VideoPlayerTheme, VideoPlayerVariant, YouTubePlayerProps, YouTubePlayerSize, YouTubePlayerTheme, YouTubePlayerVariant };
+export { Accordion, Alert, AnimationBackground, AnimationText, AudioPlayer, Avatar, AvatarGroup, Backdrop, Badge, Banner, BottomSheet, Breadcrumbs, Button, Calendar, Card, Carousel, Checkbox, Chip, Confirm, Container, ContextMenu, DatePicker, Divider, Drawer, Dropdown, Dropzone, FileUploader, FloatingActionButton, Form, Gradient, Grid, GridCol, GridRow, HeroFeature, Image, ImageList, Input, Lightbox, List, Logo, MarkdownEditor, Masonry, MenuItem, Modal, Navbar, Pagination, Popover, Progress, ProgressStep, Progressbar, Radio, RangeSlider, Rating, Reorder, ResizablePanels, ScrollArea, Section, SegmentControl, Select, Share, Sidebar, Skeleton, Spinner, SplitView, Stack, Stat, Stepper, Table, Tabs, Textarea, Textarea as TextareaComponent, TimePicker, Timeline, Toast, ToastContainer, ToastProvider, Toggle, Toolbar, Tooltip, VideoPlayer, YouTubePlayer, getTheme, setTheme, toggleTheme, useContextMenu, useToast };
+export type { AccordionItem, AccordionItemType, AccordionProps, AlertAction, AlertProps, AlertSize, AlertVariant, AnimationBackgroundProps, AnimationTextProps, AudioPlayerProps, AudioPlayerSize, AudioPlayerTheme, AudioPlayerVariant, AvatarGroupProps, AvatarProps, AvatarSize, AvatarStatus, AvatarVariant, BackdropProps, BadgeProps, BadgeSize, BadgeStyle, BadgeVariant, BannerAction, BannerAlignment, BannerPosition, BannerProps, BannerSize, BannerStyle, BannerVariant, BottomSheetProps, BottomSheetSize, BottomSheetVariant, BreadcrumbItem, BreadcrumbsProps, BreadcrumbsSize, BreadcrumbsStyle, CalendarEvent, CalendarEventType, CalendarProps, CalendarView, CardAction, CardImage, CardImagePosition, CardLayout, CardProps, CardSize, CardVariant, CarouselItem, CarouselProps, CarouselSize, CarouselTheme, CarouselTransition, CarouselVariant, ChipProps, ChipSize, ChipVariant, ComponentBaseProps, ConfirmProps, ConfirmSize, ConfirmVariant, ContainerPadding, ContainerProps, ContainerSize, ContextMenuItem, ContextMenuProps, DatePickerEvent, DatePickerMode, DatePickerProps, DatePickerSize, DatePickerVariant, DividerProps, DrawerPosition, DrawerProps, DrawerSize, DropdownItem, DropdownProps, DropzoneProps, DropzoneSize, DropzoneVariant, FileStatus, FileUploaderProps, FileUploaderSize, FileUploaderVariant, FloatingActionButtonProps, FloatingActionButtonSize, FloatingActionButtonVariant, FormField, FormLayout, FormProps, FormSize, FormVariant, GradientColor, GradientDirection, GradientProps, GradientSize, GradientVariant, GridAlignment, GridBreakpoint, GridColProps, GridJustify, GridProps, GridRowProps, GridSize, HeroFeatureAlignment, HeroFeatureButton, HeroFeatureProps, HeroFeatureSize, HeroFeatureTheme, HeroFeatureVariant, ImageFit, ImageItem, ImageListColumns, ImageListLayout, ImageListProps, ImageListSpacing, ImageLoading, ImagePlaceholder, ImageProps, ImageRatio, ImageRounded, LightboxImage, LightboxProps, LightboxSize, LightboxTheme, LightboxVariant, ListItem, ListItemType, ListLayout, ListProps, ListSize, ListVariant, LogoProps, LogoSize, LogoVariant, MarkdownEditorMode, MarkdownEditorProps, MarkdownEditorSize, MarkdownEditorTheme, MarkdownEditorVariant, MarkdownToolbarItem, MasonryAnimation, MasonryColumns, MasonryItem, MasonryProps, MasonrySpacing, MenuItemChild, MenuItemProps, MenuItemSize, MenuItemStyle, MenuItemType, MenuItemVariant, NavbarItem, NavbarPosition, NavbarProps, NavbarSize, NavbarVariant, PaginationAlignment, PaginationProps, PaginationSize, PaginationVariant, PopoverPosition, PopoverProps, PopoverSize, PopoverTrigger, PopoverVariant, ProgressProps, ProgressSize, ProgressStepItem, ProgressStepLayout, ProgressStepProps, ProgressStepSize, ProgressStepVariant, ProgressType, ProgressVariant, ProgressbarProps, ProgressbarSize, ProgressbarStyle, ProgressbarVariant, RangeSliderProps, RangeSliderSize, RangeSliderVariant, RatingProps, RatingSize, RatingVariant, ReorderItem, ReorderOrientation, ReorderProps, ReorderSize, ReorderVariant, ResizablePanelsProps, ScrollAreaProps, ScrollAreaSize, ScrollDirection, ScrollbarStyle, SectionProps, SectionSize, SectionVariant, SegmentControlProps, SegmentOption, SelectOption, SelectProps, SharePlatform, SharePlatformConfig, SharePosition, ShareProps, ShareSize, ShareVariant, SidebarItem, SidebarPosition, SidebarProps, SidebarSize, SidebarVariant, SkeletonProps, SortDirection, SpinnerProps, SpinnerSize, SpinnerType, SplitDirection, SplitMode, SplitSize, SplitViewProps, StackAlignment, StackDirection, StackJustify, StackProps, StackSpacing, StartOfWeek, StatColor, StatLayout, StatProps, StatSize, StatVariant, StepperProps, StepperSize, StepperVariant, TabItem, TableColumn, TableProps, TableSize, TableVariant, TabsProps, TextareaProps, TimeFormat, TimePickerMode, TimePickerProps, TimePickerSize, TimePickerVariant, TimelineColor, TimelineItem, TimelinePosition, TimelineProps, TimelineSize, TimelineVariant, ToastContainerProps, ToastItem, ToastProps, ToastStatus, ToolbarItem, ToolbarPosition, ToolbarProps, ToolbarSize, ToolbarVariant, TooltipPosition, TooltipProps, TooltipSize, TooltipVariant, UploadFile, UseContextMenuReturn, VideoPlayerProps, VideoPlayerSize, VideoPlayerTheme, VideoPlayerVariant, YouTubePlayerProps, YouTubePlayerSize, YouTubePlayerTheme, YouTubePlayerVariant };