@designbasekorea/ui-wc 0.8.9 → 0.8.11

package/dist/react/index.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import react__default, { ReactNode } from 'react';
-import { BadgeVariant, BadgeType, TIME_PICKER_FORMATS, DOWNLOAD_PROGRESS_STATUSES, DOWNLOAD_PROGRESS_POSITIONS, OTP_INPUT_SIZES, PHONE_VERIFY_SIZES, EMAIL_VERIFY_SIZES, TWO_FACTOR_SIZES, CHAT_ORB_SIZES, CHAT_ORB_VARIANTS, CHAT_ORB_STATES, CHAT_ORB_THEMES, CHAT_MESSAGE_ROLES, CHAT_WIDGET_VIEWS, CHAT_WIDGET_POSITIONS } from '@designbasekorea/ui-contracts';
+import { BadgeVariant, BadgeType, TIME_PICKER_FORMATS, DOWNLOAD_PROGRESS_STATUSES, DOWNLOAD_PROGRESS_POSITIONS, OTP_INPUT_SIZES, PHONE_VERIFY_SIZES, EMAIL_VERIFY_SIZES, TWO_FACTOR_SIZES, AI_GLOW_STATES, AI_GLOW_VARIANTS, AI_GLOW_SIZES, CHAT_ORB_SIZES, CHAT_ORB_VARIANTS, CHAT_ORB_STATES, CHAT_ORB_THEMES, CHAT_MESSAGE_ROLES, CHAT_WIDGET_VIEWS, CHAT_WIDGET_POSITIONS, ToggleVariant } from '@designbasekorea/ui-contracts';
 
 /**
  * Light DOM custom element for the canonical web Button.
@@ -194,6 +194,8 @@ declare class DbToggle extends HTMLElement {
     set readOnly(value: boolean);
     get size(): string;
     set size(value: string);
+    get variant(): string;
+    set variant(value: string);
     connectedCallback(): void;
     attributeChangedCallback(): void;
     formResetCallback(): void;
@@ -2822,6 +2824,8 @@ declare class DbTimePicker extends HTMLElement {
     private tempSeconds;
     private tempPeriod;
     private boundDocumentMouseDown;
+    private boundViewportChange;
+    private viewportChangeFrame;
     connectedCallback(): void;
     disconnectedCallback(): void;
     /** 열린 드롭다운은 Escape 로 닫히고 포커스는 트리거로 돌아간다 (A11Y-ESCAPE) */
@@ -2836,6 +2840,10 @@ declare class DbTimePicker extends HTMLElement {
     private get is12h();
     private get showSeconds();
     private get minuteStep();
+    private get normalizedSize();
+    private get dropdownPosition();
+    /** CSS wheel item 높이와 스크롤 계산을 같은 값으로 유지한다. */
+    private get itemHeight();
     get disabled(): boolean;
     set disabled(value: boolean);
     get readonly(): boolean;
@@ -2854,6 +2862,9 @@ declare class DbTimePicker extends HTMLElement {
     private closePicker;
     private toggleOpen;
     private handleDocumentMouseDown;
+    private handleViewportChange;
+    /** 드롭다운을 body에 고정해 overflow-hidden 컬럼에서도 잘리지 않게 한다. */
+    private positionDropdown;
     private createWheel;
     private renderSelector;
     private render;
@@ -4832,6 +4843,149 @@ declare global {
     }
 }
 
+/**
+ * 정리(cleanup) 관리.
+ *
+ * `connectedCallback` 에서 등록한 리스너·타이머·observer 를 `disconnectedCallback`
+ * 에서 빠짐없이 해제하기 위한 도구. 등록과 해제를 한 줄로 묶어두면
+ * "add 는 했는데 remove 를 빠뜨리는" 실수가 구조적으로 불가능해진다.
+ *
+ * 규격: PERF-CLEANUP
+ */
+type Cleanup = () => void;
+/** 해제 함수를 모아뒀다가 한 번에 실행하는 가방 */
+declare class CleanupBag {
+    private items;
+    /** 해제 함수를 직접 등록 */
+    add(fn: Cleanup): void;
+    /** 리스너를 달고 해제 함수를 자동 등록 */
+    listen<T extends EventTarget>(target: T, type: string, handler: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+    /** setTimeout — 해제 시 자동 clear */
+    timeout(fn: () => void, ms: number): number;
+    /** setInterval — 해제 시 자동 clear */
+    interval(fn: () => void, ms: number): number;
+    /** MutationObserver / ResizeObserver / IntersectionObserver 등록 */
+    observe<T extends {
+        disconnect(): void;
+    }>(observer: T): T;
+    /** 등록된 모든 해제 함수를 실행하고 비운다. 여러 번 호출해도 안전하다. */
+    run(): void;
+}
+
+/**
+ * 선택적 베이스 클래스.
+ *
+ * 기존 130개 컴포넌트는 전부 `extends HTMLElement` 이며 그대로 동작한다.
+ * 새 컴포넌트나 개선 대상만 이 클래스를 상속하면 정리(cleanup)와 이벤트 발행이
+ * 규격에 맞게 강제된다. **상속은 강제가 아니다.**
+ *
+ * 규격: PERF-CLEANUP, STD-EVENT
+ */
+
+declare abstract class DbElement extends HTMLElement {
+    /**
+     * `connectedCallback` 에서 등록한 것들을 담아두는 가방.
+     * `disconnectedCallback` 에서 자동으로 비워진다.
+     */
+    protected readonly cleanups: CleanupBag;
+    /**
+     * 하위 클래스는 `disconnectedCallback` 을 오버라이드할 때 반드시
+     * `super.disconnectedCallback()` 을 호출해야 한다.
+     */
+    disconnectedCallback(): void;
+    /**
+     * 규격에 맞는 커스텀 이벤트를 발행한다 — `db-` 접두사 + bubbles + composed.
+     *
+     * @returns `preventDefault()` 되지 않았으면 true
+     */
+    protected dbEmit<T>(name: string, detail?: T, options?: {
+        cancelable?: boolean;
+    }): boolean;
+    /**
+     * 커스텀 엘리먼트가 정의되기 **전에** 프레임워크가 프로퍼티로 값을 넣어둔 경우,
+     * 그 값은 인스턴스 자체 프로퍼티로 남아 접근자를 가린다. 정의 후 회수한다.
+     *
+     * 규격: STD-UPGRADE
+     */
+    protected upgradeProperties(names: string[]): void;
+}
+
+type GlowSize = (typeof AI_GLOW_SIZES)[number];
+type GlowState = (typeof AI_GLOW_STATES)[number];
+type GlowVariant = (typeof AI_GLOW_VARIANTS)[number];
+/**
+ * AI 가 생각·작업·청취 중임을 알리는 테두리 글로우.
+ * iOS Siri·브라우저 에이전트처럼 가장자리 안쪽으로 여러 색 그라데이션이 번지며 흐른다.
+ * 콘텐츠 위에 떠 있지만 `pointer-events: none` 이라 조작을 막지 않는다.
+ *
+ * 기본은 뷰포트 전체(`position: fixed`). `contained` 를 주면 가장 가까운 positioned 조상 안에만
+ * 깔리고 모서리 둥글기도 부모를 따른다 — 부모에 `position: relative` 가 필요하다.
+ *
+ * `state="listening"` 은 음성 반응 모드다. `audioStream`(마이크 MediaStream) 또는
+ * `voice-level`(0–1) 을 넣으면 소리 크기에 맞춰 빛의 두께·밝기가 출렁인다.
+ * 둘 다 없으면 청취 중임을 알 수 있도록 말하는 듯한 잔잔한 움직임으로 대신한다.
+ *
+ * @example
+ *   <db-ai-glow active></db-ai-glow>
+ *
+ * @example
+ *   const glow = document.querySelector('db-ai-glow');
+ *   glow.state = 'listening';
+ *   glow.audioStream = await navigator.mediaDevices.getUserMedia({ audio: true });
+ *   glow.active = true;
+ */
+declare class DbAiGlow extends DbElement {
+    static get observedAttributes(): string[];
+    private status;
+    private readonly meter;
+    private inputStream;
+    private rafId;
+    private lastFrame;
+    private startedAt;
+    private level;
+    get active(): boolean;
+    set active(value: boolean);
+    get state(): GlowState;
+    set state(value: GlowState);
+    get variant(): GlowVariant;
+    set variant(value: GlowVariant);
+    get size(): GlowSize;
+    set size(value: GlowSize);
+    get contained(): boolean;
+    set contained(value: boolean);
+    /** 외부 분석기가 전달하는 정규화 음성 레벨(0–1). `listening` 상태에서만 쓰인다. */
+    get voiceLevel(): number;
+    set voiceLevel(value: number);
+    /** 켜질 때 스크린 리더에 알릴 문구(예: "AI가 화면을 제어하는 중"). 없으면 순수 장식이다. */
+    get label(): string;
+    set label(value: string);
+    /**
+     * 실제 마이크/통화 MediaStream. 음량만 분석하며 트랙을 stop() 하지 않는다.
+     * null 을 넣으면 분석만 해제한다.
+     */
+    get audioStream(): MediaStream | null;
+    set audioStream(stream: MediaStream | null);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    private onMotionChange;
+    /** 구조는 한 번만 만든다 (PERF-RECONCILE) */
+    private ensureStructure;
+    /** 소비자가 붙인 className 은 건드리지 않고 수식어만 교체한다 */
+    private syncClasses;
+    private syncStatus;
+    /** 음성 반응 루프는 청취 중 + 켜짐 + 모션 허용일 때만 돈다. 나머지 애니메이션은 전부 CSS 다. */
+    private syncLoop;
+    private stopLoop;
+    private frame;
+    private sampleLevel;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-ai-glow': DbAiGlow;
+    }
+}
+
 type OrbSize = (typeof CHAT_ORB_SIZES)[number];
 type OrbVariant = (typeof CHAT_ORB_VARIANTS)[number];
 type OrbState = (typeof CHAT_ORB_STATES)[number];
@@ -6765,6 +6919,7 @@ type TextareaProps = WebComponentProps & {
     }>;
 };
 type ToggleProps = WebComponentProps & {
+    variant?: ToggleVariant;
     onChange?: DbEventHandler<{
         checked: boolean;
     }>;
@@ -7372,7 +7527,7 @@ type TimePickerProps = WebComponentProps & {
     label?: string;
     fullWidth?: boolean;
     error?: boolean;
-    dropdownPosition?: 'bottom-start' | 'bottom-end';
+    dropdownPosition?: 'auto' | 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
     onChange?: DbEventHandler<{
         value: string;
     }>;
@@ -9828,6 +9983,21 @@ declare const Progress: react.ForwardRefExoticComponent<Omit<ProgressProps, "ref
 declare const ProgressStep: react.ForwardRefExoticComponent<Omit<ProgressStepProps, "ref"> & react.RefAttributes<HTMLElement>>;
 declare const Progressbar: react.ForwardRefExoticComponent<Omit<WebComponentProps, "ref"> & react.RefAttributes<HTMLElement>>;
 declare const DownloadProgress: react.ForwardRefExoticComponent<Omit<DownloadProgressProps, "ref"> & react.RefAttributes<HTMLElement>>;
+type AiGlowProps = WebComponentProps & {
+    /** 켜기/끄기 — 페이드로 전환됩니다. */
+    active?: boolean;
+    state?: 'thinking' | 'working' | 'listening';
+    variant?: 'aurora' | 'brand';
+    size?: 's' | 'm' | 'l';
+    /** 뷰포트 대신 가장 가까운 positioned 조상 안에만 표시합니다. */
+    contained?: boolean;
+    /** listening 상태의 정규화 음성 크기(0–1). */
+    voiceLevel?: number;
+    /** 켜질 때 스크린 리더에 알릴 문구. */
+    label?: string;
+    /** 실제 마이크/통화 스트림. 분석만 하며 트랙은 중지하지 않습니다. */
+    audioStream?: MediaStream | null;
+};
 type ChatOrbProps = WebComponentProps & {
     size?: 'xs' | 's' | 'm' | 'l' | 'xl';
     variant?: 'aurora' | 'ocean' | 'emerald' | 'violet' | 'mono';
@@ -9973,6 +10143,7 @@ type ChatWidgetProps = WebComponentProps & {
     }>;
     onStartChat?: DbEventHandler;
 };
+declare const AiGlow: react.ForwardRefExoticComponent<Omit<AiGlowProps, "ref"> & react.RefAttributes<HTMLElement>>;
 declare const ChatOrb: react.ForwardRefExoticComponent<Omit<ChatOrbProps, "ref"> & react.RefAttributes<HTMLElement>>;
 declare const ChatWelcome: react.ForwardRefExoticComponent<Omit<ChatWelcomeProps, "ref"> & react.RefAttributes<HTMLElement>>;
 declare const ChatComposer: react.ForwardRefExoticComponent<Omit<ChatComposerProps, "ref"> & react.RefAttributes<HTMLElement>>;
@@ -10189,5 +10360,5 @@ declare const DatePicker: react.ForwardRefExoticComponent<Omit<DatePickerProps,
 declare const TimePicker: react.ForwardRefExoticComponent<Omit<TimePickerProps, "ref"> & react.RefAttributes<HTMLElement>>;
 declare const Calendar: react.ForwardRefExoticComponent<Omit<CalendarProps, "ref"> & react.RefAttributes<HTMLElement>>;
 
-export { Accordion, ActivityHeatmap, AdBanner, AiChat, AiChatList, Alert, AnimationBackground, AnimationText, AppBadge, AudioPlayer, Avatar, Backdrop, Badge, Banner, BottomNavigation, BottomSheet, Breadcrumbs, Button, Calendar, Card, Carousel, ChatComposer, ChatList, ChatMessage, ChatOrb, ChatRoom, ChatSuggestions, ChatTyping, ChatWelcome, ChatWidget, Checkbox, Chip, CodeBlock, ColorPicker, ColorSwatch, Confirm, Container, ContextMenu, CookieBanner, Countdown, CursorFollower, DatePicker, Divider, DownloadProgress, Drawer, Dropdown, Dropzone, EmailVerify, EmptyState, FileUploader, FloatingActionButton, Footer, Form, Gantt, Gradient, Grid, GridBackground, GridItem, Image, ImageList, ImagePlaceholder, Indicator, Input, Kanban, Label, Lightbox, List, Logo, MarkdownEditor, Marquee, Masonry, MenuItem, Modal, ModalBody, ModalFooter, ModalHeader, Navbar, OnboardingModal, OtpInput, PageHeader, Pagination, PhoneVerify, Popover, Progress, ProgressStep, Progressbar, Radio, RandomGradient, RangeSlider, Rating, Reorder, ResizablePanels, ScrollArea, SearchBar, Section, SectionAppDownload, SectionContact, SectionCta, SectionFaq, SectionFeature, SectionFeatureGrid, SectionHero, SectionLogoCloud, SectionPricing, SectionStats, SectionTestimonials, SegmentControl, Select, Share, Sidebar, Signature, Skeleton, Spinner, SplitView, Stack, Stat, Stepper, Table, Tabs, Testimonial, Textarea, TimePicker, Timeline, Toast, Toggle, Toolbar, Tooltip, TopBanner, Tutorial, TwoFactor, VideoPlayer, YouTubePlayer, useContextMenu };
-export type { AccordionItemConfig, AccordionProps, ActivityHeatmapCellDetail, ActivityHeatmapItem, ActivityHeatmapProps, AdBannerProps, AiChatListProps, AiChatProps, AlertAction, AlertProps, AnimationBackgroundProps, AnimationTextProps, AppBadgeProps, AudioPlayerProps, AvatarProps, BackdropProps, BadgeProps, BannerAction, BannerProps, BottomNavigationItem, BottomNavigationProps, BottomSheetProps, BreadcrumbItemConfig, BreadcrumbMenuItemConfig, BreadcrumbsProps, ButtonProps, CalendarEvent, CalendarProps, CardProps, CarouselItem, CarouselProps, ChatComposerProps, ChatListProps, ChatMessageProps, ChatOrbProps, ChatRoomProps, ChatSuggestionsProps, ChatTypingProps, ChatWelcomeProps, ChatWidgetProps, ChipProps, CodeBlockItem, CodeBlockProps, ColorPickerProps, ColorSwatchItem, ColorSwatchProps, ConfirmProps, ContextMenuItemConfig, ContextMenuProps, CookieBannerProps, CountdownProps, CursorFollowerProps, DatePickerProps, DbChatSuggestion, DbChatTool, DbChatWidgetArticle, DbChatWidgetConversation, DbChatWidgetMenuAction, DbChatWidgetMenuItem, DbChatWidgetMessage, DbEventHandler, DividerProps, DownloadProgressProps, DrawerProps, DropdownItemConfig, DropdownProps, DropzoneProps, EmailVerifyProps, EmptyStateProps, FileStatus, FileUploaderProps, FloatingActionButtonProps, FooterCompanyInfo, FooterFamilySite, FooterLink, FooterLinkColumn, FooterProps, FooterSocialLink, FormFieldData, FormProps, GanttAssignee, GanttGroup, GanttItem, GanttProps, GanttRow, GradientColor, GradientProps, GradientScheme, GradientTone, GridBackgroundProps, ImageListItem, ImageListProps, ImagePlaceholderProps, ImageProps, IndicatorProps, InputProps, KanbanAssignee, KanbanCard, KanbanColumn, KanbanProps, KanbanTag, LabelProps, LightboxImage, LightboxProps, ListItemConfig, ListProps, LogoProps, MarkdownEditorProps, MarqueeImageItem, MarqueeProps, MasonryItem, MasonryProps, MenuItemChildConfig, MenuItemProps, ModalProps, ModalSegmentItem, ModalTabItem, NavbarItem, NavbarProps, NavbarUserProfile, OnboardingModalProps, OnboardingStep, OtpInputProps, PageHeaderProps, PageHeaderTabItem, PaginationProps, PhoneVerifyProps, PopoverProps, ProgressProps, ProgressStepItem, ProgressStepProps, RadioProps, RandomGradientProps, RangeSliderProps, RatingProps, ReorderItem, ReorderProps, ResizablePanelsProps, ScrollAreaProps, SearchBarProps, SectionAppDownloadProps, SectionAppDownloadStore, SectionBlockBadge, SectionContactAction, SectionContactProps, SectionCtaButton, SectionCtaProps, SectionFaqItem, SectionFaqProps, SectionFeatureAction, SectionFeatureBadge, SectionFeatureGridItem, SectionFeatureGridProps, SectionFeatureProps, SectionHeroButton, SectionHeroProps, SectionLogoCloudItem, SectionLogoCloudProps, SectionPricingCta, SectionPricingPlan, SectionPricingProps, SectionProps, SectionStatItem, SectionStatsProps, SectionTestimonialItem, SectionTestimonialsProps, SegmentControlProps, SelectProps, SelectionProps, SharePlatform, ShareProps, SidebarItem, SidebarPanel, SidebarPanelMode, SidebarProject, SidebarPromoBanner, SidebarProps, SidebarSection, SidebarUpdateBanner, SidebarUserProfile, SignatureProps, SkeletonProps, SpinnerProps, SplitViewProps, StatChange, StatProps, StepperProps, TabItemConfig, TableColumn, TableProps, TabsProps, TestimonialProps, TextareaProps, TimePickerProps, TimelineItem, TimelineProps, ToastProps, ToggleProps, TooltipProps, TopBannerProps, TutorialProps, TutorialStep, TwoFactorProps, UploadFile, UseContextMenuReturn, VideoPlayerProps, WebComponentProps, YouTubePlayerProps };
+export { Accordion, ActivityHeatmap, AdBanner, AiChat, AiChatList, AiGlow, Alert, AnimationBackground, AnimationText, AppBadge, AudioPlayer, Avatar, Backdrop, Badge, Banner, BottomNavigation, BottomSheet, Breadcrumbs, Button, Calendar, Card, Carousel, ChatComposer, ChatList, ChatMessage, ChatOrb, ChatRoom, ChatSuggestions, ChatTyping, ChatWelcome, ChatWidget, Checkbox, Chip, CodeBlock, ColorPicker, ColorSwatch, Confirm, Container, ContextMenu, CookieBanner, Countdown, CursorFollower, DatePicker, Divider, DownloadProgress, Drawer, Dropdown, Dropzone, EmailVerify, EmptyState, FileUploader, FloatingActionButton, Footer, Form, Gantt, Gradient, Grid, GridBackground, GridItem, Image, ImageList, ImagePlaceholder, Indicator, Input, Kanban, Label, Lightbox, List, Logo, MarkdownEditor, Marquee, Masonry, MenuItem, Modal, ModalBody, ModalFooter, ModalHeader, Navbar, OnboardingModal, OtpInput, PageHeader, Pagination, PhoneVerify, Popover, Progress, ProgressStep, Progressbar, Radio, RandomGradient, RangeSlider, Rating, Reorder, ResizablePanels, ScrollArea, SearchBar, Section, SectionAppDownload, SectionContact, SectionCta, SectionFaq, SectionFeature, SectionFeatureGrid, SectionHero, SectionLogoCloud, SectionPricing, SectionStats, SectionTestimonials, SegmentControl, Select, Share, Sidebar, Signature, Skeleton, Spinner, SplitView, Stack, Stat, Stepper, Table, Tabs, Testimonial, Textarea, TimePicker, Timeline, Toast, Toggle, Toolbar, Tooltip, TopBanner, Tutorial, TwoFactor, VideoPlayer, YouTubePlayer, useContextMenu };
+export type { AccordionItemConfig, AccordionProps, ActivityHeatmapCellDetail, ActivityHeatmapItem, ActivityHeatmapProps, AdBannerProps, AiChatListProps, AiChatProps, AiGlowProps, AlertAction, AlertProps, AnimationBackgroundProps, AnimationTextProps, AppBadgeProps, AudioPlayerProps, AvatarProps, BackdropProps, BadgeProps, BannerAction, BannerProps, BottomNavigationItem, BottomNavigationProps, BottomSheetProps, BreadcrumbItemConfig, BreadcrumbMenuItemConfig, BreadcrumbsProps, ButtonProps, CalendarEvent, CalendarProps, CardProps, CarouselItem, CarouselProps, ChatComposerProps, ChatListProps, ChatMessageProps, ChatOrbProps, ChatRoomProps, ChatSuggestionsProps, ChatTypingProps, ChatWelcomeProps, ChatWidgetProps, ChipProps, CodeBlockItem, CodeBlockProps, ColorPickerProps, ColorSwatchItem, ColorSwatchProps, ConfirmProps, ContextMenuItemConfig, ContextMenuProps, CookieBannerProps, CountdownProps, CursorFollowerProps, DatePickerProps, DbChatSuggestion, DbChatTool, DbChatWidgetArticle, DbChatWidgetConversation, DbChatWidgetMenuAction, DbChatWidgetMenuItem, DbChatWidgetMessage, DbEventHandler, DividerProps, DownloadProgressProps, DrawerProps, DropdownItemConfig, DropdownProps, DropzoneProps, EmailVerifyProps, EmptyStateProps, FileStatus, FileUploaderProps, FloatingActionButtonProps, FooterCompanyInfo, FooterFamilySite, FooterLink, FooterLinkColumn, FooterProps, FooterSocialLink, FormFieldData, FormProps, GanttAssignee, GanttGroup, GanttItem, GanttProps, GanttRow, GradientColor, GradientProps, GradientScheme, GradientTone, GridBackgroundProps, ImageListItem, ImageListProps, ImagePlaceholderProps, ImageProps, IndicatorProps, InputProps, KanbanAssignee, KanbanCard, KanbanColumn, KanbanProps, KanbanTag, LabelProps, LightboxImage, LightboxProps, ListItemConfig, ListProps, LogoProps, MarkdownEditorProps, MarqueeImageItem, MarqueeProps, MasonryItem, MasonryProps, MenuItemChildConfig, MenuItemProps, ModalProps, ModalSegmentItem, ModalTabItem, NavbarItem, NavbarProps, NavbarUserProfile, OnboardingModalProps, OnboardingStep, OtpInputProps, PageHeaderProps, PageHeaderTabItem, PaginationProps, PhoneVerifyProps, PopoverProps, ProgressProps, ProgressStepItem, ProgressStepProps, RadioProps, RandomGradientProps, RangeSliderProps, RatingProps, ReorderItem, ReorderProps, ResizablePanelsProps, ScrollAreaProps, SearchBarProps, SectionAppDownloadProps, SectionAppDownloadStore, SectionBlockBadge, SectionContactAction, SectionContactProps, SectionCtaButton, SectionCtaProps, SectionFaqItem, SectionFaqProps, SectionFeatureAction, SectionFeatureBadge, SectionFeatureGridItem, SectionFeatureGridProps, SectionFeatureProps, SectionHeroButton, SectionHeroProps, SectionLogoCloudItem, SectionLogoCloudProps, SectionPricingCta, SectionPricingPlan, SectionPricingProps, SectionProps, SectionStatItem, SectionStatsProps, SectionTestimonialItem, SectionTestimonialsProps, SegmentControlProps, SelectProps, SelectionProps, SharePlatform, ShareProps, SidebarItem, SidebarPanel, SidebarPanelMode, SidebarProject, SidebarPromoBanner, SidebarProps, SidebarSection, SidebarUpdateBanner, SidebarUserProfile, SignatureProps, SkeletonProps, SpinnerProps, SplitViewProps, StatChange, StatProps, StepperProps, TabItemConfig, TableColumn, TableProps, TabsProps, TestimonialProps, TextareaProps, TimePickerProps, TimelineItem, TimelineProps, ToastProps, ToggleProps, TooltipProps, TopBannerProps, TutorialProps, TutorialStep, TwoFactorProps, UploadFile, UseContextMenuReturn, VideoPlayerProps, WebComponentProps, YouTubePlayerProps };