@designbasekorea/ui-wc 0.10.0 → 0.12.0

package/dist/react/index.d.ts

@@ -1,3 +1,11 @@
+import * as ___components_db_zoom_control_js from '../esm/components/db-zoom-control.js';
+export { ZoomChangeDetail, ZoomControlAction, ZoomSource } from '../esm/components/db-zoom-control.js';
+import * as ___components_db_world_map_js from '../esm/components/db-world-map.js';
+export { WorldMapConnection, WorldMapLocation, WorldMapVariant } from '../esm/components/db-world-map.js';
+import * as ___components_db_tool_panel_js from '../esm/components/db-tool-panel.js';
+export { ToolPanelTab } from '../esm/components/db-tool-panel.js';
+import * as ___components_db_tool_layout_js from '../esm/components/db-tool-layout.js';
+export { ToolLayoutPanel, ToolLayoutResizeDetail, ToolLayoutSizes, ToolLayoutVariant } from '../esm/components/db-tool-layout.js';
 import * as ___components_db_design_toolbar_js from '../esm/components/db-design-toolbar.js';
 export { DesignToolbarItem } from '../esm/components/db-design-toolbar.js';
 import * as ___components_db_tool_button_js from '../esm/components/db-tool-button.js';
@@ -26,6 +34,15 @@ import * as ___components_db_ai_task_status_js from '../esm/components/db-ai-tas
 export { DbAiTaskAction, DbAiTaskState } from '../esm/components/db-ai-task-status.js';
 import * as ___components_db_credit_recharge_js from '../esm/components/db-credit-recharge.js';
 export { DbCreditPlan, DbCreditPlanSelection } from '../esm/components/db-credit-recharge.js';
+import * as ___components_db_toolbar_js from '../esm/components/db-toolbar.js';
+export { DbToolbarItemData } from '../esm/components/db-toolbar.js';
+import * as ___components_db_chat_message_js from '../esm/components/db-chat-message.js';
+export { DbChatMessageAttachment } from '../esm/components/db-chat-message.js';
+import * as ___components_db_chat_room_js from '../esm/components/db-chat-room.js';
+export { DbChatRoomMessage } from '../esm/components/db-chat-room.js';
+import * as ___components_db_chat_composer_js from '../esm/components/db-chat-composer.js';
+import { DbChatTool } from '../esm/components/db-chat-composer.js';
+export { DbChatAttachOption, DbChatAttachment, DbChatTool } from '../esm/components/db-chat-composer.js';
 import * as ___components_db_voice_control_js from '../esm/components/db-voice-control.js';
 import * as react from 'react';
 import react__default, { ForwardRefExoticComponent, RefAttributes, ReactNode } from 'react';
@@ -34,8 +51,6 @@ export { DbNavigationRailItem } from '../esm/components/db-navigation-rail.js';
 import { FilterBarSize, FilterBarVariant, FilterBarAlign } from '../esm/components/db-filter-bar.js';
 export { FileStatus, UploadFile } from '../esm/components/db-file-uploader.js';
 export { GradientScheme, GradientTone } from '../esm/components/random-gradient-palettes.js';
-import { DbChatTool } from '../esm/components/db-chat-composer.js';
-export { DbChatTool } from '../esm/components/db-chat-composer.js';
 import { DbChatSuggestion } from '../esm/components/db-chat-suggestions.js';
 export { DbChatSuggestion } from '../esm/components/db-chat-suggestions.js';
 import { DbChatWidgetMessage, DbChatWidgetConversation, DbChatWidgetMenuItem, DbChatWidgetArticle } from '../esm/components/db-chat-widget.js';
@@ -90,6 +105,9 @@ type RadiusScale = (typeof RADIUS_SCALE)[number];
 
 declare const BUTTON_VARIANTS: readonly ["primary", "secondary", "tertiary", "destructive", "ghost", "accent"];
 type ButtonVariant = (typeof BUTTON_VARIANTS)[number];
+/** Surface treatment for destructive buttons; independent of action priority. */
+declare const BUTTON_DESTRUCTIVE_STYLES: readonly ["solid", "soft"];
+type ButtonDestructiveStyle = (typeof BUTTON_DESTRUCTIVE_STYLES)[number];
 type ButtonSize = SizeSML;
 type ButtonRadius = RadiusScale;
 /** accent variant 에서만 의미가 있다 */
@@ -99,6 +117,7 @@ type ButtonRadius = RadiusScale;
  * `primary` 가 먹색이 되면서 accent 가 브랜드 색을 쓰는 일상적인 버튼이 됐다.
  * 그래서 기본은 `solid` 이고, 나머지는 의도적으로 고르는 장식이다.
  * `prism` 은 테마의 프리즘 축(`--db-prism-*`)을 따르므로 프리셋을 바꾸면 함께 바뀐다.
+ * `outline` 은 prism 과 같은 회전 링이라 웹에서는 prism 으로 그린다(하위 호환용 별칭).
  */
 declare const BUTTON_ACCENT_STYLES: readonly ["solid", "gradient", "backlight", "outline", "prism"];
 type ButtonAccentStyle = (typeof BUTTON_ACCENT_STYLES)[number];
@@ -151,6 +170,8 @@ type ButtonProps = WebComponentProps & {
     size?: ButtonSize;
     radius?: ButtonRadius | '';
     accentStyle?: ButtonAccentStyle;
+    destructiveStyle?: ButtonDestructiveStyle;
+    shortcut?: string;
     type?: 'button' | 'submit' | 'reset';
     href?: string;
     target?: string;
@@ -194,6 +215,11 @@ type TextFieldProps = WebComponentProps & {
     helperText?: string;
     fullWidth?: boolean;
     autoComplete?: string;
+    autoFocus?: boolean;
+    inputMode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
+    enterKeyHint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
+    autoCapitalize?: string;
+    spellCheck?: boolean;
     maxLength?: number;
     minLength?: number;
     form?: string;
@@ -209,6 +235,7 @@ type InputProps = TextFieldProps & {
     onDbBlur?: DbEventHandler<{
         nativeEvent: FocusEvent;
     }>;
+    onDbClear?: DbEventHandler;
     type?: InputType;
     pattern?: string;
     startIcon?: string;
@@ -237,6 +264,7 @@ type OtpInputProps = WebComponentProps & {
     label?: string;
     autoFocus?: boolean;
     masked?: boolean;
+    fullWidth?: boolean;
     name?: string;
     onChange?: DbEventHandler<{
         value: string;
@@ -268,11 +296,15 @@ type PhoneVerifyProps = WebComponentProps & {
     errorMessage?: string;
     carrierOptions?: string;
     countdown?: number;
+    resendCooldown?: number;
+    eyebrow?: string;
     title?: string;
     description?: string;
     sendLabel?: string;
     resendLabel?: string;
     verifyLabel?: string;
+    doneLabel?: string;
+    closable?: boolean;
     codeLength?: number;
     manual?: boolean;
     sending?: boolean;
@@ -318,12 +350,15 @@ type EmailVerifyProps = WebComponentProps & {
     error?: boolean;
     errorMessage?: string;
     countdown?: number;
+    resendCooldown?: number;
+    eyebrow?: string;
     title?: string;
     description?: string;
     sendLabel?: string;
     resendLabel?: string;
     verifyLabel?: string;
     confirmLabel?: string;
+    doneLabel?: string;
     codeLength?: number;
     closable?: boolean;
     manual?: boolean;
@@ -339,6 +374,7 @@ type EmailVerifyProps = WebComponentProps & {
     }>;
     onResend?: DbEventHandler<{
         email: string;
+        mode: 'code' | 'confirm';
     }>;
     onCodeChange?: DbEventHandler<{
         code: string;
@@ -354,6 +390,12 @@ type EmailVerifyProps = WebComponentProps & {
     onConfirm?: DbEventHandler<{
         email: string;
     }>;
+    onChangeEmail?: DbEventHandler<{
+        email: string;
+    }>;
+    onDone?: DbEventHandler<{
+        email: string;
+    }>;
     onClose?: DbEventHandler;
     onCountdownComplete?: DbEventHandler;
 };
@@ -477,6 +519,7 @@ type RangeSliderProps<TRange extends RangeSliderRange = undefined> = WebComponen
     showMarks?: boolean;
     marks?: number[];
     markLabels?: Record<number, string>;
+    snapMarks?: boolean;
     disabled?: boolean;
     readOnly?: boolean;
     readonly?: boolean;
@@ -629,6 +672,14 @@ type BannerProps = WebComponentProps & {
     closable?: boolean;
     /** 닫기 버튼 aria-label입니다. 기본 Close. */
     closeLabel?: string;
+    onAction?: DbEventHandler<{
+        index: number;
+        action: BannerAction;
+    }>;
+    onDbAction?: DbEventHandler<{
+        index: number;
+        action: BannerAction;
+    }>;
     onClick?: DbEventHandler<{
         href: string | null;
     }>;
@@ -668,6 +719,34 @@ type ShareProps = WebComponentProps & {
     qrCodeSize?: number;
     copySuccessMessage?: string;
     open?: boolean;
+    onShare?: DbEventHandler<{
+        platform: SharePlatform;
+        url: string;
+    }>;
+    onShareError?: DbEventHandler<{
+        platform: SharePlatform;
+        error: unknown;
+    }>;
+    onCopySuccess?: DbEventHandler<{
+        url: string;
+    }>;
+    onCopyError?: DbEventHandler<{
+        error: unknown;
+    }>;
+    onDbShare?: DbEventHandler<{
+        platform: SharePlatform;
+        url: string;
+    }>;
+    onDbShareError?: DbEventHandler<{
+        platform: SharePlatform;
+        error: unknown;
+    }>;
+    onDbCopySuccess?: DbEventHandler<{
+        url: string;
+    }>;
+    onDbCopyError?: DbEventHandler<{
+        error: unknown;
+    }>;
 };
 type TopBannerProps = WebComponentProps & {
     badgeText?: string;
@@ -677,6 +756,10 @@ type TopBannerProps = WebComponentProps & {
     variant?: 'primary' | 'white' | 'dark';
     fixed?: boolean;
     dismissed?: boolean;
+    onClose?: DbEventHandler;
+    onLinkPress?: DbEventHandler;
+    onDbClose?: DbEventHandler;
+    onDbLink?: DbEventHandler;
 };
 type CookieBannerProps = WebComponentProps & {
     title?: string;
@@ -752,6 +835,8 @@ type StatProps = WebComponentProps & {
     clickable?: boolean;
     disabled?: boolean;
     animated?: boolean;
+    onClick?: DbEventHandler;
+    onDbClick?: DbEventHandler;
 };
 type ImageProps = WebComponentProps & {
     src?: string;
@@ -771,6 +856,12 @@ type ImageProps = WebComponentProps & {
     shadow?: boolean | 's' | 'm' | 'l';
     hover?: boolean;
     clickable?: boolean;
+    onClick?: DbEventHandler;
+    onLoad?: DbEventHandler;
+    onError?: DbEventHandler;
+    onDbClick?: DbEventHandler;
+    onDbLoad?: DbEventHandler;
+    onDbError?: DbEventHandler;
 };
 type ImagePlaceholderProps = WebComponentProps & {
     label?: string;
@@ -813,6 +904,30 @@ type ImageListProps = WebComponentProps & {
     lightbox?: boolean;
     loading?: 'lazy' | 'eager';
     responsive?: boolean;
+    onImageClick?: DbEventHandler<{
+        image: ImageListItem;
+        index: number;
+    }>;
+    onImageLoad?: DbEventHandler<{
+        image: ImageListItem;
+        index: number;
+    }>;
+    onImageError?: DbEventHandler<{
+        image: ImageListItem;
+        index: number;
+    }>;
+    onDbImageClick?: DbEventHandler<{
+        image: ImageListItem;
+        index: number;
+    }>;
+    onDbImageLoad?: DbEventHandler<{
+        image: ImageListItem;
+        index: number;
+    }>;
+    onDbImageError?: DbEventHandler<{
+        image: ImageListItem;
+        index: number;
+    }>;
 };
 type LightboxImage = {
     id: string;
@@ -839,6 +954,14 @@ type LightboxProps = WebComponentProps & {
     showToolbar?: boolean;
     closeOnBackdropClick?: boolean;
     closeOnEscape?: boolean;
+    onClose?: DbEventHandler;
+    onImageChange?: DbEventHandler<{
+        index: number;
+    }>;
+    onDbClose?: DbEventHandler;
+    onDbImageChange?: DbEventHandler<{
+        index: number;
+    }>;
 };
 type PageHeaderTabItem = {
     id: string;
@@ -983,17 +1106,33 @@ type DropzoneProps = WebComponentProps & {
     onFileSelect?: DbEventHandler<{
         files: File[];
     }>;
-    onDragOver?: DbEventHandler;
-    onDragLeave?: DbEventHandler;
-    onDrop?: DbEventHandler;
-    onClick?: DbEventHandler;
+    onDragOver?: DbEventHandler<{
+        event: DragEvent;
+    }>;
+    onDragLeave?: DbEventHandler<{
+        event: DragEvent;
+    }>;
+    onDrop?: DbEventHandler<{
+        event: DragEvent;
+    }>;
+    onClick?: DbEventHandler<{
+        event: MouseEvent;
+    }>;
     onDbFileSelect?: DbEventHandler<{
         files: File[];
     }>;
-    onDbDragOver?: DbEventHandler;
-    onDbDragLeave?: DbEventHandler;
-    onDbDrop?: DbEventHandler;
-    onDbClick?: DbEventHandler;
+    onDbDragOver?: DbEventHandler<{
+        event: DragEvent;
+    }>;
+    onDbDragLeave?: DbEventHandler<{
+        event: DragEvent;
+    }>;
+    onDbDrop?: DbEventHandler<{
+        event: DragEvent;
+    }>;
+    onDbClick?: DbEventHandler<{
+        event: MouseEvent;
+    }>;
 };
 type OnboardingStep = {
     id: string;
@@ -1002,7 +1141,7 @@ type OnboardingStep = {
     description?: string;
 };
 type OnboardingModalProps = WebComponentProps & {
-    steps?: OnboardingStep[];
+    steps?: OnboardingStep[] | string;
     currentStep?: number;
     isOpen?: boolean;
     open?: boolean;
@@ -1011,10 +1150,14 @@ type OnboardingModalProps = WebComponentProps & {
     indicatorType?: 'dots' | 'numbers';
     indicatorSize?: 's' | 'm' | 'l';
     onClose?: DbEventHandler;
-    onStepChange?: DbEventHandler;
+    onStepChange?: DbEventHandler<{
+        step: number;
+    }>;
     onComplete?: DbEventHandler;
     onDbClose?: DbEventHandler;
-    onDbStepChange?: DbEventHandler;
+    onDbStepChange?: DbEventHandler<{
+        step: number;
+    }>;
     onDbComplete?: DbEventHandler;
 };
 type SplitViewProps = WebComponentProps & {
@@ -1026,11 +1169,18 @@ type SplitViewProps = WebComponentProps & {
     gap?: number;
     fullWidth?: boolean;
     fullHeight?: boolean;
+    onResize?: DbEventHandler<{
+        sizes: number[];
+    }>;
+    onDbResize?: DbEventHandler<{
+        sizes: number[];
+    }>;
 };
 type DatePickerProps = WebComponentProps & {
     mode?: 'single' | 'range';
     layout?: 'default' | 'panel';
     inline?: boolean;
+    open?: boolean;
     value?: string;
     defaultValue?: string;
     minDate?: string;
@@ -1060,6 +1210,7 @@ type DatePickerProps = WebComponentProps & {
     }>;
 };
 type TimePickerProps = WebComponentProps & {
+    open?: boolean;
     value?: string;
     defaultValue?: string;
     format?: '12h' | '24h' | '12h-with-seconds' | '24h-with-seconds';
@@ -1185,6 +1336,9 @@ type NavigationRailProps = WebComponentProps & {
 };
 type BottomNavigationProps = WebComponentProps & {
     items?: BottomNavigationItem[] | string;
+    onDbItemClick?: DbEventHandler<{
+        item: BottomNavigationItem;
+    }>;
     activeItemId?: string;
     size?: 's' | 'm' | 'l';
     backgroundColor?: 'default' | 'glass' | 'transparent';
@@ -1215,6 +1369,24 @@ type NavbarProps = WebComponentProps & {
     }>;
     onLogoClick?: DbEventHandler;
     onLoginClick?: DbEventHandler;
+    onSearch?: DbEventHandler<{
+        query: string;
+        value: string;
+    }>;
+    onDbItemClick?: DbEventHandler<{
+        item: NavbarItem;
+        source: 'nav' | 'mobile';
+    }>;
+    onDbUserMenuItemClick?: DbEventHandler<{
+        item: NavbarItem;
+        source: 'user';
+    }>;
+    onDbLogoClick?: DbEventHandler;
+    onDbLoginClick?: DbEventHandler;
+    onDbSearch?: DbEventHandler<{
+        query: string;
+        value: string;
+    }>;
     logoSrc?: string;
     logoAlt?: string;
     items?: NavbarItem[] | string;
@@ -1279,6 +1451,28 @@ type FooterProps = WebComponentProps & {
     showLogo?: boolean;
     showSocial?: boolean;
     familySiteLabel?: string;
+    onLinkClick?: DbEventHandler<{
+        link: FooterLink;
+        source: 'column' | 'legal';
+    }>;
+    onSocialClick?: DbEventHandler<{
+        link: FooterSocialLink;
+    }>;
+    onLogoClick?: DbEventHandler;
+    onFamilySiteChange?: DbEventHandler<{
+        site: FooterFamilySite;
+    }>;
+    onDbLinkClick?: DbEventHandler<{
+        link: FooterLink;
+        source: 'column' | 'legal';
+    }>;
+    onDbSocialClick?: DbEventHandler<{
+        link: FooterSocialLink;
+    }>;
+    onDbLogoClick?: DbEventHandler;
+    onDbFamilySiteChange?: DbEventHandler<{
+        site: FooterFamilySite;
+    }>;
 };
 type SidebarItem = {
     id: string;
@@ -1419,13 +1613,43 @@ type SidebarProps = WebComponentProps & {
     logoText?: string;
     fullHeight?: boolean;
     shadow?: boolean;
+    onItemClick?: DbEventHandler<{
+        item: SidebarItem;
+    }>;
+    onDbItemClick?: DbEventHandler<{
+        item: SidebarItem;
+    }>;
+    onUserMenuItemClick?: DbEventHandler<{
+        item: SidebarItem;
+    }>;
+    onDbUserMenuItemClick?: DbEventHandler<{
+        item: SidebarItem;
+    }>;
+    onLogoClick?: DbEventHandler;
+    onDbLogoClick?: DbEventHandler;
+    onToggle?: DbEventHandler<{
+        collapsed: boolean;
+    }>;
+    onDbToggle?: DbEventHandler<{
+        collapsed: boolean;
+    }>;
+    onProjectChange?: DbEventHandler<{
+        project: SidebarProject;
+    }>;
+    onDbProjectChange?: DbEventHandler<{
+        project: SidebarProject;
+    }>;
+    onProjectManage?: DbEventHandler;
+    onDbProjectManage?: DbEventHandler;
     onBackClick?: DbEventHandler<{
         label: string;
         href: string;
+        panel: SidebarPanel | null;
     }>;
     onDbBackClick?: DbEventHandler<{
         label: string;
         href: string;
+        panel: SidebarPanel | null;
     }>;
     onPanelChange?: DbEventHandler<{
         panel: string;
@@ -1473,7 +1697,7 @@ type AlertAction = {
 type AlertProps = WebComponentProps & {
     title?: string;
     message?: string;
-    variant?: 'default' | 'info' | 'success' | 'warning' | 'danger' | 'inverse';
+    variant?: 'default' | 'info' | 'success' | 'warning' | 'danger';
     size?: 's' | 'm' | 'l';
     showIcon?: boolean;
     closable?: boolean;
@@ -1600,6 +1824,7 @@ type ToastProps = WebComponentProps & {
     showClose?: boolean;
     showProgress?: boolean;
     autoRemove?: boolean;
+    labelClose?: string;
     onClose?: DbEventHandler<{
         id: string;
     }>;
@@ -1637,8 +1862,12 @@ type DrawerProps = WebComponentProps & {
     zIndex?: number;
     trapFocus?: boolean;
     drawerId?: string;
-    onClose?: DbEventHandler;
-    onDbClose?: DbEventHandler;
+    onClose?: DbEventHandler<{
+        id: string;
+    }>;
+    onDbClose?: DbEventHandler<{
+        id: string;
+    }>;
 };
 type PopoverProps = WebComponentProps & {
     open?: boolean;
@@ -1674,7 +1903,7 @@ type ConfirmProps = WebComponentProps & {
     confirmText?: string;
     cancelText?: string;
     confirmVariant?: 'primary' | 'success' | 'warning' | 'danger';
-    variant?: 'info' | 'success' | 'warning' | 'danger';
+    variant?: 'default' | 'info' | 'success' | 'warning' | 'danger';
     size?: 's' | 'm' | 'l';
     showIcon?: boolean;
     initialFocus?: 'confirm' | 'cancel';
@@ -1692,6 +1921,7 @@ type ConfirmProps = WebComponentProps & {
 };
 type CardProps = WebComponentProps & {
     variant?: 'default' | 'flat';
+    prism?: boolean;
     size?: 's' | 'm' | 'l';
     fullWidth?: boolean;
     clickable?: boolean;
@@ -1781,6 +2011,7 @@ type ChipProps = WebComponentProps & {
     endIcon?: string;
     onClick?: DbEventHandler;
     onDelete?: DbEventHandler;
+    onDismiss?: DbEventHandler;
     onDbClick?: DbEventHandler;
     onDbDelete?: DbEventHandler;
 };
@@ -2042,6 +2273,14 @@ type MenuItemProps = WebComponentProps & {
     onChildClick?: DbEventHandler<{
         child: MenuItemChildConfig;
     }>;
+    onNavigate?: DbEventHandler<{
+        label: string;
+        href: string;
+    }>;
+    onDbNavigate?: DbEventHandler<{
+        label: string;
+        href: string;
+    }>;
     onDbClick?: DbEventHandler<{
         label: string;
         href: string;
@@ -2319,6 +2558,8 @@ type RatingProps = WebComponentProps & {
     clickable?: boolean;
     color?: 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'custom';
     customColor?: string;
+    animated?: boolean;
+    hoverEffect?: boolean;
     onChange?: DbEventHandler<{
         value: number;
     }>;
@@ -2444,12 +2685,23 @@ type ColorPickerProps = WebComponentProps & {
     readonly?: boolean;
     fullWidth?: boolean;
     error?: boolean;
+    changeFormat?: 'hex' | 'ui';
+    changeDebounceMs?: number;
+    emitDuringDrag?: boolean;
     onChange?: DbEventHandler<{
         value: string;
     }>;
     onDbChange?: DbEventHandler<{
         value: string;
     }>;
+    onApply?: DbEventHandler<{
+        value: string;
+    }>;
+    onCancel?: DbEventHandler;
+    onDbApply?: DbEventHandler<{
+        value: string;
+    }>;
+    onDbCancel?: DbEventHandler;
 };
 type ColorSwatchItem = {
     value: string;
@@ -3579,6 +3831,10 @@ type SelectProps<TMultiple extends boolean = false> = SelectionProps<SelectChang
     maxHeight?: number | string;
     dropdownWidth?: 'auto' | 'full';
     showClearButton?: boolean;
+    labelSearch?: string;
+    labelClear?: string;
+    labelNoResults?: string;
+    labelEmpty?: string;
 };
 
 declare const Alert: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLElement>, "onChange" | "onInput"> & {
@@ -3587,7 +3843,7 @@ declare const Alert: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<H
 } & {
     title?: string;
     message?: string;
-    variant?: "default" | "info" | "success" | "warning" | "danger" | "inverse";
+    variant?: "default" | "info" | "success" | "warning" | "danger";
     size?: "s" | "m" | "l";
     showIcon?: boolean;
     closable?: boolean;
@@ -3679,6 +3935,14 @@ declare const Banner: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<
     closable?: boolean;
     /** 닫기 버튼 aria-label입니다. 기본 Close. */
     closeLabel?: string;
+    onAction?: DbEventHandler<{
+        index: number;
+        action: BannerAction;
+    }>;
+    onDbAction?: DbEventHandler<{
+        index: number;
+        action: BannerAction;
+    }>;
     onClick?: DbEventHandler<{
         href: string | null;
     }>;
@@ -3726,6 +3990,8 @@ declare const Button: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<
     size?: ButtonSize;
     radius?: ButtonRadius | "";
     accentStyle?: ButtonAccentStyle;
+    destructiveStyle?: ButtonDestructiveStyle;
+    shortcut?: string;
     type?: "button" | "submit" | "reset";
     href?: string;
     target?: string;
@@ -3754,6 +4020,7 @@ declare const Card: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HT
     children?: React.ReactNode;
 } & {
     variant?: "default" | "flat";
+    prism?: boolean;
     size?: "s" | "m" | "l";
     fullWidth?: boolean;
     clickable?: boolean;
@@ -3810,6 +4077,7 @@ declare const Chip: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HT
     endIcon?: string;
     onClick?: DbEventHandler;
     onDelete?: DbEventHandler;
+    onDismiss?: DbEventHandler;
     onDbClick?: DbEventHandler;
     onDbDelete?: DbEventHandler;
 } & RefAttributes<HTMLElement>>;
@@ -3823,7 +4091,7 @@ declare const Confirm: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes
     confirmText?: string;
     cancelText?: string;
     confirmVariant?: "primary" | "success" | "warning" | "danger";
-    variant?: "info" | "success" | "warning" | "danger";
+    variant?: "default" | "info" | "success" | "warning" | "danger";
     size?: "s" | "m" | "l";
     showIcon?: boolean;
     initialFocus?: "confirm" | "cancel";
@@ -3898,8 +4166,12 @@ declare const Drawer: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<
     zIndex?: number;
     trapFocus?: boolean;
     drawerId?: string;
-    onClose?: DbEventHandler;
-    onDbClose?: DbEventHandler;
+    onClose?: DbEventHandler<{
+        id: string;
+    }>;
+    onDbClose?: DbEventHandler<{
+        id: string;
+    }>;
 } & RefAttributes<HTMLElement>>;
 declare const Dropdown: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLElement>, "onChange" | "onInput"> & {
     [key: string]: unknown;
@@ -4082,6 +4354,11 @@ declare const Input: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<H
     helperText?: string;
     fullWidth?: boolean;
     autoComplete?: string;
+    autoFocus?: boolean;
+    inputMode?: "none" | "text" | "decimal" | "numeric" | "tel" | "search" | "email" | "url";
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send";
+    autoCapitalize?: string;
+    spellCheck?: boolean;
     maxLength?: number;
     minLength?: number;
     form?: string;
@@ -4096,6 +4373,7 @@ declare const Input: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<H
     onDbBlur?: DbEventHandler<{
         nativeEvent: FocusEvent;
     }>;
+    onDbClear?: DbEventHandler;
     type?: InputType;
     pattern?: string;
     startIcon?: string;
@@ -4127,6 +4405,7 @@ declare const OtpInput: react.ForwardRefExoticComponent<Omit<react.HTMLAttribute
     label?: string;
     autoFocus?: boolean;
     masked?: boolean;
+    fullWidth?: boolean;
     name?: string;
     onChange?: DbEventHandler<{
         value: string;
@@ -4161,11 +4440,15 @@ declare const PhoneVerify: react.ForwardRefExoticComponent<Omit<react.HTMLAttrib
     errorMessage?: string;
     carrierOptions?: string;
     countdown?: number;
+    resendCooldown?: number;
+    eyebrow?: string;
     title?: string;
     description?: string;
     sendLabel?: string;
     resendLabel?: string;
     verifyLabel?: string;
+    doneLabel?: string;
+    closable?: boolean;
     codeLength?: number;
     manual?: boolean;
     sending?: boolean;
@@ -4214,12 +4497,15 @@ declare const EmailVerify: react.ForwardRefExoticComponent<Omit<react.HTMLAttrib
     error?: boolean;
     errorMessage?: string;
     countdown?: number;
+    resendCooldown?: number;
+    eyebrow?: string;
     title?: string;
     description?: string;
     sendLabel?: string;
     resendLabel?: string;
     verifyLabel?: string;
     confirmLabel?: string;
+    doneLabel?: string;
     codeLength?: number;
     closable?: boolean;
     manual?: boolean;
@@ -4235,6 +4521,7 @@ declare const EmailVerify: react.ForwardRefExoticComponent<Omit<react.HTMLAttrib
     }>;
     onResend?: DbEventHandler<{
         email: string;
+        mode: "code" | "confirm";
     }>;
     onCodeChange?: DbEventHandler<{
         code: string;
@@ -4250,6 +4537,12 @@ declare const EmailVerify: react.ForwardRefExoticComponent<Omit<react.HTMLAttrib
     onConfirm?: DbEventHandler<{
         email: string;
     }>;
+    onChangeEmail?: DbEventHandler<{
+        email: string;
+    }>;
+    onDone?: DbEventHandler<{
+        email: string;
+    }>;
     onClose?: DbEventHandler;
     onCountdownComplete?: DbEventHandler;
 } & RefAttributes<HTMLElement>>;
@@ -4391,6 +4684,14 @@ declare const MenuItem: react.ForwardRefExoticComponent<Omit<react.HTMLAttribute
     onChildClick?: DbEventHandler<{
         child: MenuItemChildConfig;
     }>;
+    onNavigate?: DbEventHandler<{
+        label: string;
+        href: string;
+    }>;
+    onDbNavigate?: DbEventHandler<{
+        label: string;
+        href: string;
+    }>;
     onDbClick?: DbEventHandler<{
         label: string;
         href: string;
@@ -4640,14 +4941,28 @@ type ChatComposerProps = WebComponentProps & {
     /** 첨부 버튼의 접근성 이름 */
     attachLabel?: string;
     tools?: DbChatTool[];
+    attachOptions?: ___components_db_chat_composer_js.DbChatAttachOption[];
     onSend?: DbEventHandler<{
         value: string;
+        attachments: ___components_db_chat_composer_js.DbChatAttachment[];
     }>;
     onInput?: DbEventHandler<{
         value: string;
     }>;
     onStop?: DbEventHandler;
-    onAttach?: DbEventHandler;
+    onAttach?: DbEventHandler<{
+        type: string;
+    }>;
+    onAttachFiles?: DbEventHandler<{
+        type: string;
+        files: File[];
+    }>;
+    onAttachmentAdd?: DbEventHandler<{
+        attachment: ___components_db_chat_composer_js.DbChatAttachment;
+    }>;
+    onAttachmentRemove?: DbEventHandler<{
+        id: string;
+    }>;
     onVoice?: DbEventHandler;
     onToolToggle?: DbEventHandler<{
         id: string;
@@ -4655,6 +4970,7 @@ type ChatComposerProps = WebComponentProps & {
     }>;
     onDbSend?: DbEventHandler<{
         value: string;
+        attachments: ___components_db_chat_composer_js.DbChatAttachment[];
     }>;
 };
 type ChatSuggestionsProps = WebComponentProps & {
@@ -4726,6 +5042,7 @@ type ChatWidgetProps = WebComponentProps & {
     }>;
     onSend?: DbEventHandler<{
         text: string;
+        attachments: NonNullable<DbChatWidgetMessage['attachments']>;
     }>;
     onMenuSelect?: DbEventHandler<{
         id: string;
@@ -4748,6 +5065,9 @@ type ChatWidgetProps = WebComponentProps & {
         text: string;
     }>;
     onStartChat?: DbEventHandler;
+    onStop?: DbEventHandler;
+    onAttach?: DbEventHandler;
+    onVoice?: DbEventHandler;
 };
 declare const AiGlow: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLElement>, "onChange" | "onInput"> & {
     [key: string]: unknown;
@@ -4819,14 +5139,28 @@ declare const ChatComposer: react.ForwardRefExoticComponent<Omit<react.HTMLAttri
     /** 첨부 버튼의 접근성 이름 */
     attachLabel?: string;
     tools?: DbChatTool[];
+    attachOptions?: ___components_db_chat_composer_js.DbChatAttachOption[];
     onSend?: DbEventHandler<{
         value: string;
+        attachments: ___components_db_chat_composer_js.DbChatAttachment[];
     }>;
     onInput?: DbEventHandler<{
         value: string;
     }>;
     onStop?: DbEventHandler;
-    onAttach?: DbEventHandler;
+    onAttach?: DbEventHandler<{
+        type: string;
+    }>;
+    onAttachFiles?: DbEventHandler<{
+        type: string;
+        files: File[];
+    }>;
+    onAttachmentAdd?: DbEventHandler<{
+        attachment: ___components_db_chat_composer_js.DbChatAttachment;
+    }>;
+    onAttachmentRemove?: DbEventHandler<{
+        id: string;
+    }>;
     onVoice?: DbEventHandler;
     onToolToggle?: DbEventHandler<{
         id: string;
@@ -4834,6 +5168,7 @@ declare const ChatComposer: react.ForwardRefExoticComponent<Omit<react.HTMLAttri
     }>;
     onDbSend?: DbEventHandler<{
         value: string;
+        attachments: ___components_db_chat_composer_js.DbChatAttachment[];
     }>;
 } & RefAttributes<HTMLElement>>;
 declare const ChatSuggestions: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLElement>, "onChange" | "onInput"> & {
@@ -4917,6 +5252,7 @@ declare const ChatWidget: react.ForwardRefExoticComponent<Omit<react.HTMLAttribu
     }>;
     onSend?: DbEventHandler<{
         text: string;
+        attachments: NonNullable<DbChatWidgetMessage["attachments"]>;
     }>;
     onMenuSelect?: DbEventHandler<{
         id: string;
@@ -4939,6 +5275,9 @@ declare const ChatWidget: react.ForwardRefExoticComponent<Omit<react.HTMLAttribu
         text: string;
     }>;
     onStartChat?: DbEventHandler;
+    onStop?: DbEventHandler;
+    onAttach?: DbEventHandler;
+    onVoice?: DbEventHandler;
 } & RefAttributes<HTMLElement>>;
 type AiChatProps = WebComponentProps & {
     greeting?: string;
@@ -4962,6 +5301,7 @@ type AiChatProps = WebComponentProps & {
     tools?: DbChatTool[];
     onSend?: DbEventHandler<{
         value: string;
+        attachments: ___components_db_chat_composer_js.DbChatAttachment[];
     }>;
     onStop?: DbEventHandler;
     onToolToggle?: DbEventHandler<{
@@ -4969,6 +5309,10 @@ type AiChatProps = WebComponentProps & {
         active: boolean;
     }>;
     onAttach?: DbEventHandler;
+    onAttachFiles?: DbEventHandler<{
+        type: string;
+        files: File[];
+    }>;
     onVoice?: DbEventHandler;
     onSuggestionSelect?: DbEventHandler<{
         id: string;
@@ -5019,24 +5363,25 @@ type ChatListProps = WebComponentProps & {
     }>;
 };
 type ChatRoomProps = WebComponentProps & {
+    peerName?: string;
+    peerStatus?: string;
+    peerAvatar?: string;
+    peerInitials?: string;
+    showBack?: boolean;
+    /** @deprecated Use peerName. */
     name?: string;
+    /** @deprecated Use peerStatus. */
     status?: string;
+    /** @deprecated Use peerAvatar. */
     avatarSrc?: string;
+    /** @deprecated Use peerInitials. */
     avatarInitials?: string;
     placeholder?: string;
     online?: boolean;
-    messages?: Array<{
-        id?: string;
-        mine?: boolean;
-        text?: string;
-        html?: string;
-        time?: string;
-        name?: string;
-        avatarSrc?: string;
-        avatarInitials?: string;
-    }>;
+    messages?: ___components_db_chat_room_js.DbChatRoomMessage[];
     onSend?: DbEventHandler<{
         value: string;
+        attachments: ___components_db_chat_message_js.DbChatMessageAttachment[];
     }>;
     onBack?: DbEventHandler;
 };
@@ -5065,6 +5410,7 @@ declare const AiChat: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<
     tools?: DbChatTool[];
     onSend?: DbEventHandler<{
         value: string;
+        attachments: ___components_db_chat_composer_js.DbChatAttachment[];
     }>;
     onStop?: DbEventHandler;
     onToolToggle?: DbEventHandler<{
@@ -5072,6 +5418,10 @@ declare const AiChat: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<
         active: boolean;
     }>;
     onAttach?: DbEventHandler;
+    onAttachFiles?: DbEventHandler<{
+        type: string;
+        files: File[];
+    }>;
     onVoice?: DbEventHandler;
     onSuggestionSelect?: DbEventHandler<{
         id: string;
@@ -5127,31 +5477,7 @@ declare const ChatList: react.ForwardRefExoticComponent<Omit<react.HTMLAttribute
         id: string;
     }>;
 } & RefAttributes<HTMLElement>>;
-declare const ChatRoom: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLElement>, "onChange" | "onInput"> & {
-    [key: string]: unknown;
-    children?: React.ReactNode;
-} & {
-    name?: string;
-    status?: string;
-    avatarSrc?: string;
-    avatarInitials?: string;
-    placeholder?: string;
-    online?: boolean;
-    messages?: Array<{
-        id?: string;
-        mine?: boolean;
-        text?: string;
-        html?: string;
-        time?: string;
-        name?: string;
-        avatarSrc?: string;
-        avatarInitials?: string;
-    }>;
-    onSend?: DbEventHandler<{
-        value: string;
-    }>;
-    onBack?: DbEventHandler;
-} & RefAttributes<HTMLElement>>;
+declare const ChatRoom: react.ForwardRefExoticComponent<Omit<ChatRoomProps, "ref"> & RefAttributes<HTMLElement>>;
 declare const Radio: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLElement>, "onChange" | "onInput"> & {
     [key: string]: unknown;
     children?: React.ReactNode;
@@ -5255,6 +5581,34 @@ declare const Share: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<H
     qrCodeSize?: number;
     copySuccessMessage?: string;
     open?: boolean;
+    onShare?: DbEventHandler<{
+        platform: SharePlatform;
+        url: string;
+    }>;
+    onShareError?: DbEventHandler<{
+        platform: SharePlatform;
+        error: unknown;
+    }>;
+    onCopySuccess?: DbEventHandler<{
+        url: string;
+    }>;
+    onCopyError?: DbEventHandler<{
+        error: unknown;
+    }>;
+    onDbShare?: DbEventHandler<{
+        platform: SharePlatform;
+        url: string;
+    }>;
+    onDbShareError?: DbEventHandler<{
+        platform: SharePlatform;
+        error: unknown;
+    }>;
+    onDbCopySuccess?: DbEventHandler<{
+        url: string;
+    }>;
+    onDbCopyError?: DbEventHandler<{
+        error: unknown;
+    }>;
 } & RefAttributes<HTMLElement>>;
 declare const TopBanner: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLElement>, "onChange" | "onInput"> & {
     [key: string]: unknown;
@@ -5267,6 +5621,10 @@ declare const TopBanner: react.ForwardRefExoticComponent<Omit<react.HTMLAttribut
     variant?: "primary" | "white" | "dark";
     fixed?: boolean;
     dismissed?: boolean;
+    onClose?: DbEventHandler;
+    onLinkPress?: DbEventHandler;
+    onDbClose?: DbEventHandler;
+    onDbLink?: DbEventHandler;
 } & RefAttributes<HTMLElement>>;
 declare const CookieBanner: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLElement>, "onChange" | "onInput"> & {
     [key: string]: unknown;
@@ -5314,6 +5672,8 @@ declare const Stat: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HT
     clickable?: boolean;
     disabled?: boolean;
     animated?: boolean;
+    onClick?: DbEventHandler;
+    onDbClick?: DbEventHandler;
 } & RefAttributes<HTMLElement>>;
 declare const ActivityHeatmap: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLElement>, "onChange" | "onInput"> & {
     [key: string]: unknown;
@@ -5359,6 +5719,12 @@ declare const Image: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<H
     shadow?: boolean | "s" | "m" | "l";
     hover?: boolean;
     clickable?: boolean;
+    onClick?: DbEventHandler;
+    onLoad?: DbEventHandler;
+    onError?: DbEventHandler;
+    onDbClick?: DbEventHandler;
+    onDbLoad?: DbEventHandler;
+    onDbError?: DbEventHandler;
 } & RefAttributes<HTMLElement>>;
 declare const ImagePlaceholder: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLElement>, "onChange" | "onInput"> & {
     [key: string]: unknown;
@@ -5392,6 +5758,30 @@ declare const ImageList: react.ForwardRefExoticComponent<Omit<react.HTMLAttribut
     lightbox?: boolean;
     loading?: "lazy" | "eager";
     responsive?: boolean;
+    onImageClick?: DbEventHandler<{
+        image: ImageListItem;
+        index: number;
+    }>;
+    onImageLoad?: DbEventHandler<{
+        image: ImageListItem;
+        index: number;
+    }>;
+    onImageError?: DbEventHandler<{
+        image: ImageListItem;
+        index: number;
+    }>;
+    onDbImageClick?: DbEventHandler<{
+        image: ImageListItem;
+        index: number;
+    }>;
+    onDbImageLoad?: DbEventHandler<{
+        image: ImageListItem;
+        index: number;
+    }>;
+    onDbImageError?: DbEventHandler<{
+        image: ImageListItem;
+        index: number;
+    }>;
 } & RefAttributes<HTMLElement>>;
 declare const Lightbox: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLElement>, "onChange" | "onInput"> & {
     [key: string]: unknown;
@@ -5413,6 +5803,14 @@ declare const Lightbox: react.ForwardRefExoticComponent<Omit<react.HTMLAttribute
     showToolbar?: boolean;
     closeOnBackdropClick?: boolean;
     closeOnEscape?: boolean;
+    onClose?: DbEventHandler;
+    onImageChange?: DbEventHandler<{
+        index: number;
+    }>;
+    onDbClose?: DbEventHandler;
+    onDbImageChange?: DbEventHandler<{
+        index: number;
+    }>;
 } & RefAttributes<HTMLElement>>;
 declare const NavigationRail: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLElement>, "onChange" | "onInput"> & {
     [key: string]: unknown;
@@ -5436,6 +5834,9 @@ declare const BottomNavigation: react.ForwardRefExoticComponent<Omit<react.HTMLA
     children?: React.ReactNode;
 } & {
     items?: BottomNavigationItem[] | string;
+    onDbItemClick?: DbEventHandler<{
+        item: BottomNavigationItem;
+    }>;
     activeItemId?: string;
     size?: "s" | "m" | "l";
     backgroundColor?: "default" | "glass" | "transparent";
@@ -5455,6 +5856,24 @@ declare const Navbar: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<
     }>;
     onLogoClick?: DbEventHandler;
     onLoginClick?: DbEventHandler;
+    onSearch?: DbEventHandler<{
+        query: string;
+        value: string;
+    }>;
+    onDbItemClick?: DbEventHandler<{
+        item: NavbarItem;
+        source: "nav" | "mobile";
+    }>;
+    onDbUserMenuItemClick?: DbEventHandler<{
+        item: NavbarItem;
+        source: "user";
+    }>;
+    onDbLogoClick?: DbEventHandler;
+    onDbLoginClick?: DbEventHandler;
+    onDbSearch?: DbEventHandler<{
+        query: string;
+        value: string;
+    }>;
     logoSrc?: string;
     logoAlt?: string;
     items?: NavbarItem[] | string;
@@ -5487,6 +5906,28 @@ declare const Footer: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<
     showLogo?: boolean;
     showSocial?: boolean;
     familySiteLabel?: string;
+    onLinkClick?: DbEventHandler<{
+        link: FooterLink;
+        source: "column" | "legal";
+    }>;
+    onSocialClick?: DbEventHandler<{
+        link: FooterSocialLink;
+    }>;
+    onLogoClick?: DbEventHandler;
+    onFamilySiteChange?: DbEventHandler<{
+        site: FooterFamilySite;
+    }>;
+    onDbLinkClick?: DbEventHandler<{
+        link: FooterLink;
+        source: "column" | "legal";
+    }>;
+    onDbSocialClick?: DbEventHandler<{
+        link: FooterSocialLink;
+    }>;
+    onDbLogoClick?: DbEventHandler;
+    onDbFamilySiteChange?: DbEventHandler<{
+        site: FooterFamilySite;
+    }>;
 } & RefAttributes<HTMLElement>>;
 declare const Sidebar: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLElement>, "onChange" | "onInput"> & {
     [key: string]: unknown;
@@ -5568,13 +6009,43 @@ declare const Sidebar: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes
     logoText?: string;
     fullHeight?: boolean;
     shadow?: boolean;
+    onItemClick?: DbEventHandler<{
+        item: SidebarItem;
+    }>;
+    onDbItemClick?: DbEventHandler<{
+        item: SidebarItem;
+    }>;
+    onUserMenuItemClick?: DbEventHandler<{
+        item: SidebarItem;
+    }>;
+    onDbUserMenuItemClick?: DbEventHandler<{
+        item: SidebarItem;
+    }>;
+    onLogoClick?: DbEventHandler;
+    onDbLogoClick?: DbEventHandler;
+    onToggle?: DbEventHandler<{
+        collapsed: boolean;
+    }>;
+    onDbToggle?: DbEventHandler<{
+        collapsed: boolean;
+    }>;
+    onProjectChange?: DbEventHandler<{
+        project: SidebarProject;
+    }>;
+    onDbProjectChange?: DbEventHandler<{
+        project: SidebarProject;
+    }>;
+    onProjectManage?: DbEventHandler;
+    onDbProjectManage?: DbEventHandler;
     onBackClick?: DbEventHandler<{
         label: string;
         href: string;
+        panel: SidebarPanel | null;
     }>;
     onDbBackClick?: DbEventHandler<{
         label: string;
         href: string;
+        panel: SidebarPanel | null;
     }>;
     onPanelChange?: DbEventHandler<{
         panel: string;
@@ -5761,6 +6232,11 @@ declare const Textarea: react.ForwardRefExoticComponent<Omit<react.HTMLAttribute
     helperText?: string;
     fullWidth?: boolean;
     autoComplete?: string;
+    autoFocus?: boolean;
+    inputMode?: "none" | "text" | "decimal" | "numeric" | "tel" | "search" | "email" | "url";
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send";
+    autoCapitalize?: string;
+    spellCheck?: boolean;
     maxLength?: number;
     minLength?: number;
     form?: string;
@@ -5786,6 +6262,7 @@ declare const Toast: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<H
     showClose?: boolean;
     showProgress?: boolean;
     autoRemove?: boolean;
+    labelClose?: string;
     onClose?: DbEventHandler<{
         id: string;
     }>;
@@ -5841,9 +6318,40 @@ declare const FilterBar: react.ForwardRefExoticComponent<Omit<react.HTMLAttribut
     /** Direct children use slot="search" | "filters" | "summary" | "actions". */
     children?: ReactNode;
 } & RefAttributes<HTMLElement>>;
+type ToolbarProps = WebComponentProps & {
+    items?: ___components_db_toolbar_js.DbToolbarItemData[] | string;
+    size?: 's' | 'm' | 'l';
+    variant?: 'default' | 'filled' | 'outlined' | 'ghost';
+    position?: 'top' | 'bottom' | 'left' | 'right' | 'floating';
+    fullWidth?: boolean;
+    shadow?: boolean;
+    rounded?: boolean;
+    fixed?: boolean;
+    onItemClick?: DbEventHandler<{
+        item: ___components_db_toolbar_js.DbToolbarItemData;
+    }>;
+    onDbItemClick?: DbEventHandler<{
+        item: ___components_db_toolbar_js.DbToolbarItemData;
+    }>;
+};
 declare const Toolbar: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLElement>, "onChange" | "onInput"> & {
     [key: string]: unknown;
     children?: React.ReactNode;
+} & {
+    items?: ___components_db_toolbar_js.DbToolbarItemData[] | string;
+    size?: "s" | "m" | "l";
+    variant?: "default" | "filled" | "outlined" | "ghost";
+    position?: "top" | "bottom" | "left" | "right" | "floating";
+    fullWidth?: boolean;
+    shadow?: boolean;
+    rounded?: boolean;
+    fixed?: boolean;
+    onItemClick?: DbEventHandler<{
+        item: ___components_db_toolbar_js.DbToolbarItemData;
+    }>;
+    onDbItemClick?: DbEventHandler<{
+        item: ___components_db_toolbar_js.DbToolbarItemData;
+    }>;
 } & RefAttributes<HTMLElement>>;
 declare const Tooltip: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLElement>, "onChange" | "onInput"> & {
     [key: string]: unknown;
@@ -5879,6 +6387,8 @@ declare const Rating: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<
     clickable?: boolean;
     color?: "primary" | "secondary" | "success" | "warning" | "error" | "custom";
     customColor?: string;
+    animated?: boolean;
+    hoverEffect?: boolean;
     onChange?: DbEventHandler<{
         value: number;
     }>;
@@ -6041,12 +6551,23 @@ declare const ColorPicker: react.ForwardRefExoticComponent<Omit<react.HTMLAttrib
     readonly?: boolean;
     fullWidth?: boolean;
     error?: boolean;
+    changeFormat?: "hex" | "ui";
+    changeDebounceMs?: number;
+    emitDuringDrag?: boolean;
     onChange?: DbEventHandler<{
         value: string;
     }>;
     onDbChange?: DbEventHandler<{
         value: string;
     }>;
+    onApply?: DbEventHandler<{
+        value: string;
+    }>;
+    onCancel?: DbEventHandler;
+    onDbApply?: DbEventHandler<{
+        value: string;
+    }>;
+    onDbCancel?: DbEventHandler;
 } & RefAttributes<HTMLElement>>;
 declare const ColorSwatch: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLElement>, "onChange" | "onInput"> & {
     [key: string]: unknown;
@@ -7227,23 +7748,39 @@ declare const Dropzone: react.ForwardRefExoticComponent<Omit<react.HTMLAttribute
     onFileSelect?: DbEventHandler<{
         files: File[];
     }>;
-    onDragOver?: DbEventHandler;
-    onDragLeave?: DbEventHandler;
-    onDrop?: DbEventHandler;
-    onClick?: DbEventHandler;
+    onDragOver?: DbEventHandler<{
+        event: DragEvent;
+    }>;
+    onDragLeave?: DbEventHandler<{
+        event: DragEvent;
+    }>;
+    onDrop?: DbEventHandler<{
+        event: DragEvent;
+    }>;
+    onClick?: DbEventHandler<{
+        event: MouseEvent;
+    }>;
     onDbFileSelect?: DbEventHandler<{
         files: File[];
     }>;
-    onDbDragOver?: DbEventHandler;
-    onDbDragLeave?: DbEventHandler;
-    onDbDrop?: DbEventHandler;
-    onDbClick?: DbEventHandler;
+    onDbDragOver?: DbEventHandler<{
+        event: DragEvent;
+    }>;
+    onDbDragLeave?: DbEventHandler<{
+        event: DragEvent;
+    }>;
+    onDbDrop?: DbEventHandler<{
+        event: DragEvent;
+    }>;
+    onDbClick?: DbEventHandler<{
+        event: MouseEvent;
+    }>;
 } & RefAttributes<HTMLElement>>;
 declare const OnboardingModal: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLElement>, "onChange" | "onInput"> & {
     [key: string]: unknown;
     children?: React.ReactNode;
 } & {
-    steps?: OnboardingStep[];
+    steps?: OnboardingStep[] | string;
     currentStep?: number;
     isOpen?: boolean;
     open?: boolean;
@@ -7252,10 +7789,14 @@ declare const OnboardingModal: react.ForwardRefExoticComponent<Omit<react.HTMLAt
     indicatorType?: "dots" | "numbers";
     indicatorSize?: "s" | "m" | "l";
     onClose?: DbEventHandler;
-    onStepChange?: DbEventHandler;
+    onStepChange?: DbEventHandler<{
+        step: number;
+    }>;
     onComplete?: DbEventHandler;
     onDbClose?: DbEventHandler;
-    onDbStepChange?: DbEventHandler;
+    onDbStepChange?: DbEventHandler<{
+        step: number;
+    }>;
     onDbComplete?: DbEventHandler;
 } & RefAttributes<HTMLElement>>;
 declare const SplitView: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLElement>, "onChange" | "onInput"> & {
@@ -7270,6 +7811,12 @@ declare const SplitView: react.ForwardRefExoticComponent<Omit<react.HTMLAttribut
     gap?: number;
     fullWidth?: boolean;
     fullHeight?: boolean;
+    onResize?: DbEventHandler<{
+        sizes: number[];
+    }>;
+    onDbResize?: DbEventHandler<{
+        sizes: number[];
+    }>;
 } & RefAttributes<HTMLElement>>;
 declare const FileUploader: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLElement>, "onChange" | "onInput"> & {
     [key: string]: unknown;
@@ -7298,6 +7845,7 @@ declare const DatePicker: react.ForwardRefExoticComponent<Omit<react.HTMLAttribu
     mode?: "single" | "range";
     layout?: "default" | "panel";
     inline?: boolean;
+    open?: boolean;
     value?: string;
     defaultValue?: string;
     minDate?: string;
@@ -7330,6 +7878,7 @@ declare const TimePicker: react.ForwardRefExoticComponent<Omit<react.HTMLAttribu
     [key: string]: unknown;
     children?: React.ReactNode;
 } & {
+    open?: boolean;
     value?: string;
     defaultValue?: string;
     format?: "12h" | "24h" | "12h-with-seconds" | "24h-with-seconds";
@@ -8435,6 +8984,10 @@ type BentoCardProps = WebComponentProps & {
     image?: string;
     imageAlt?: string;
     imagePosition?: 'top' | 'cover';
+    onClick?: DbEventHandler<{
+        name: string;
+        href: string;
+    }>;
     onDbClick?: DbEventHandler<{
         name: string;
         href: string;
@@ -8459,6 +9012,10 @@ declare const BentoCard: react.ForwardRefExoticComponent<Omit<react.HTMLAttribut
     image?: string;
     imageAlt?: string;
     imagePosition?: "top" | "cover";
+    onClick?: DbEventHandler<{
+        name: string;
+        href: string;
+    }>;
     onDbClick?: DbEventHandler<{
         name: string;
         href: string;
@@ -9305,5 +9862,248 @@ declare const ContextBar: react.ForwardRefExoticComponent<Omit<react.HTMLAttribu
     onToolAction?: DbEventHandler<___components_db_tool_button_js.DesignToolAction>;
 } & RefAttributes<HTMLElement>>;
 
-export { Accordion, AchievementList, AchievementModal, ActivityHeatmap, AdBanner, AiChainOfThought, AiChat, AiChatList, AiCheckpoint, AiConfirmation, AiContext, AiConversation, AiExecutionQuote, AiFileTree, AiGlow, AiInlineCitation, AiMessage, AiModelSelect, AiPlan, AiQueue, AiReasoning, AiSources, AiStackTrace, AiSubagent, AiTask, AiTaskStatus, AiTerminal, AiTestResults, AiTool, Alert, AndroidMockup, AnimationBackground, AnimationText, AppBadge, AppleWatchMockup, AttachmentList, AudioPlayer, Avatar, Backdrop, Badge, Banner, BentoCard, BentoGrid, BoardingPass, BoardingPassStack, BorderBeam, BottomNavigation, BottomSheet, Breadcrumbs, BrowserMockup, Button, Calendar, Card, Carousel, ChatComposer, ChatList, ChatMessage, ChatOrb, ChatRoom, ChatSuggestions, ChatTyping, ChatWelcome, ChatWidget, Checkbox, Chip, CodeBlock, ColorPicker, ColorSwatch, Confetti, Confirm, Container, ContextBar, ContextMenu, CookieBanner, Countdown, CreditBalance, CreditCard, CreditDropdown, CreditHistory, CreditRecharge, CreditRechargeModal, CursorFollower, DatePicker, DesignCanvas, DesignToolbar, Divider, DownloadProgress, Drawer, Dropdown, Dropzone, DuoMockup, EmailVerify, EmptyState, FileUploader, FilterBar, FlightStatus, FlipMockup, FloatingActionButton, FoldMockup, Footer, Form, Gantt, GlyphMatrix, Gradient, Grid, GridBackground, GridItem, Image, ImageList, ImagePlaceholder, Indicator, Input, IosMockup, Kanban, Label, Lightbox, List, Logo, MarkdownEditor, Marquee, Masonry, MenuItem, MobileMockup, Modal, ModalBody, ModalFooter, ModalHeader, Navbar, NavigationRail, Node, NotificationDropdown, NotificationInbox, OnboardingModal, OtpInput, PageHeader, Pagination, PhoneVerify, PlanOverview, Popover, Progress, ProgressStep, Progressbar, ProgressiveBlur, Radio, RandomGradient, RangeSlider, Rating, Receipt, 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, TabletMockup, Tabs, Testimonial, Textarea, Ticket, TimePicker, Timeline, Toast, Toggle, ToolButton, Toolbar, Tooltip, TopBanner, Tutorial, TweetCard, TwoFactor, VideoPlayer, VoiceControl, WorkspaceInviteModal, WorkspaceMembers, YouTubePlayer, useContextMenu };
-export type { AccordionItemConfig, AccordionProps, AchievementListProps, AchievementModalProps, ActivityHeatmapCellDetail, ActivityHeatmapItem, ActivityHeatmapProps, AdBannerProps, AiChatListProps, AiChatProps, AiConversationProps, AiElementProps, AiExecutionQuoteProps, AiGlowProps, AiMessageProps, AiModelSelectProps, AiTaskStatusProps, AlertAction, AlertProps, AnimationBackgroundProps, AnimationTextProps, AppBadgeProps, AttachmentListProps, AudioPlayerProps, AvatarProps, BackdropProps, BadgeProps, BannerAction, BannerProps, BentoCardProps, BentoGridProps, BoardingPassProps, BoardingPassStackProps, BorderBeamProps, BottomNavigationItem, BottomNavigationProps, BottomSheetProps, BreadcrumbItemConfig, BreadcrumbMenuItemConfig, BreadcrumbsProps, ButtonProps, CalendarEvent, CalendarProps, CardProps, CarouselItem, CarouselProps, ChatComposerProps, ChatListProps, ChatMessageProps, ChatOrbProps, ChatRoomProps, ChatSuggestionsProps, ChatTypingProps, ChatWelcomeProps, ChatWidgetProps, CheckboxChangeDetail, CheckboxProps, ChipProps, CodeBlockItem, CodeBlockProps, ColorPickerProps, ColorSwatchItem, ColorSwatchProps, ConfettiProps, ConfirmProps, ContextMenuItemConfig, ContextMenuProps, CookieBannerProps, CountdownProps, CreditBalanceProps, CreditCardProps, CreditDropdownProps, CreditHistoryProps, CreditRechargeModalProps, CreditRechargeProps, CursorFollowerProps, DatePickerProps, DbEventHandler, DesignCanvasProps, DesignToolbarProps, DeviceMockupProps, DividerProps, DownloadProgressProps, DrawerProps, DropdownItemConfig, DropdownProps, DropzoneProps, EmailVerifyProps, EmptyStateProps, FileUploaderProps, FilterBarProps, FlightStatusProps, FloatingActionButtonProps, FooterCompanyInfo, FooterFamilySite, FooterLink, FooterLinkColumn, FooterProps, FooterSocialLink, FormFieldData, FormProps, GanttAssignee, GanttGroup, GanttItem, GanttProps, GanttRow, GlyphMatrixProps, GradientColor, GradientProps, 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, NavigationRailProps, NodeProps, NotificationDropdownProps, NotificationInboxProps, OnboardingModalProps, OnboardingStep, OtpInputProps, PageHeaderProps, PageHeaderTabItem, PaginationProps, PhoneVerifyProps, PlanOverviewProps, PopoverProps, ProgressProps, ProgressStepItem, ProgressStepProps, ProgressiveBlurProps, RadioChangeDetail, RadioProps, RandomGradientProps, RangeSliderProps, RangeSliderRange, RangeSliderRangeDetail, RangeSliderValueDetail, RatingProps, ReceiptProps, 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, SelectChangeDetail, SelectProps, SelectionControlProps, SelectionProps, SharePlatform, ShareProps, SidebarItem, SidebarPanel, SidebarPanelMode, SidebarProject, SidebarPromoBanner, SidebarProps, SidebarSection, SidebarUpdateBanner, SidebarUserProfile, SignatureProps, SkeletonProps, SpinnerProps, SplitViewProps, StatChange, StatProps, StepperProps, TabItemConfig, TableColumn, TableProps, TabsProps, TestimonialProps, TextFieldChangeDetail, TextFieldProps, TextareaProps, TicketProps, TimePickerProps, TimelineItem, TimelineProps, ToastProps, ToggleChangeDetail, ToggleProps, ToolButtonProps, TooltipProps, TopBannerProps, TutorialProps, TutorialStep, TweetCardProps, TwoFactorProps, UseContextMenuReturn, VideoPlayerProps, VoiceControlProps, WebComponentProps, WorkspaceInviteModalProps, WorkspaceMembersProps, YouTubePlayerProps };
+type ToolLayoutProps = Omit<WebComponentProps, 'style'> & {
+    style?: react.CSSProperties & {
+        [key: `--db-tool-${string}`]: string | number;
+    };
+    variant?: ___components_db_tool_layout_js.ToolLayoutVariant;
+    fullHeight?: boolean;
+    resizable?: boolean;
+    sidebarHidden?: boolean;
+    inspectorHidden?: boolean;
+    bottomHidden?: boolean;
+    sidebarMin?: number;
+    sidebarMax?: number;
+    inspectorMin?: number;
+    inspectorMax?: number;
+    bottomMin?: number;
+    bottomMax?: number;
+    mainMinSize?: number;
+    panelSizes?: ___components_db_tool_layout_js.ToolLayoutSizes;
+    onPanelToggle?: DbEventHandler<{
+        panel: ___components_db_tool_layout_js.ToolLayoutPanel;
+        open: boolean;
+    }>;
+    onPanelResize?: DbEventHandler<___components_db_tool_layout_js.ToolLayoutResizeDetail>;
+};
+type ToolPanelProps = WebComponentProps & {
+    heading?: string;
+    padding?: 'none' | 's' | 'm';
+    collapsible?: boolean;
+    collapsed?: boolean;
+    closable?: boolean;
+    divider?: boolean;
+    appearance?: 'default' | 'section' | 'card';
+    tabs?: ___components_db_tool_panel_js.ToolPanelTab[];
+    selectedTab?: string;
+    onCollapseChange?: DbEventHandler<{
+        collapsed: boolean;
+    }>;
+    onTabChange?: DbEventHandler<{
+        id: string;
+    }>;
+    onClose?: DbEventHandler;
+};
+declare const ToolLayout: react.ForwardRefExoticComponent<Omit<WebComponentProps, "style"> & {
+    style?: react.CSSProperties & {
+        [key: `--db-tool-${string}`]: string | number;
+    };
+    variant?: ___components_db_tool_layout_js.ToolLayoutVariant;
+    fullHeight?: boolean;
+    resizable?: boolean;
+    sidebarHidden?: boolean;
+    inspectorHidden?: boolean;
+    bottomHidden?: boolean;
+    sidebarMin?: number;
+    sidebarMax?: number;
+    inspectorMin?: number;
+    inspectorMax?: number;
+    bottomMin?: number;
+    bottomMax?: number;
+    mainMinSize?: number;
+    panelSizes?: ___components_db_tool_layout_js.ToolLayoutSizes;
+    onPanelToggle?: DbEventHandler<{
+        panel: ___components_db_tool_layout_js.ToolLayoutPanel;
+        open: boolean;
+    }>;
+    onPanelResize?: DbEventHandler<___components_db_tool_layout_js.ToolLayoutResizeDetail>;
+} & RefAttributes<HTMLElement>>;
+declare const ToolPanel: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLElement>, "onChange" | "onInput"> & {
+    [key: string]: unknown;
+    children?: React.ReactNode;
+} & {
+    heading?: string;
+    padding?: "none" | "s" | "m";
+    collapsible?: boolean;
+    collapsed?: boolean;
+    closable?: boolean;
+    divider?: boolean;
+    appearance?: "default" | "section" | "card";
+    tabs?: ___components_db_tool_panel_js.ToolPanelTab[];
+    selectedTab?: string;
+    onCollapseChange?: DbEventHandler<{
+        collapsed: boolean;
+    }>;
+    onTabChange?: DbEventHandler<{
+        id: string;
+    }>;
+    onClose?: DbEventHandler;
+} & RefAttributes<HTMLElement>>;
+
+type WorldMapProps = WebComponentProps & {
+    variant?: ___components_db_world_map_js.WorldMapVariant;
+    locations?: ___components_db_world_map_js.WorldMapLocation[];
+    connections?: ___components_db_world_map_js.WorldMapConnection[];
+    longitude?: number;
+    latitude?: number;
+    'auto-rotate'?: boolean;
+    'selected-id'?: string;
+    'dot-size'?: number;
+    'dot-color'?: string;
+    'color-theme'?: 'mono' | 'ocean' | 'lime';
+    'hover-highlight'?: boolean;
+    'hover-radius'?: number;
+    'hover-color'?: string;
+    'marker-size'?: number;
+    'hide-legend'?: boolean;
+    onLocationSelect?: (event: CustomEvent<___components_db_world_map_js.WorldMapLocation>) => void;
+};
+declare const WorldMap: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLElement>, "onChange" | "onInput"> & {
+    [key: string]: unknown;
+    children?: React.ReactNode;
+} & {
+    variant?: ___components_db_world_map_js.WorldMapVariant;
+    locations?: ___components_db_world_map_js.WorldMapLocation[];
+    connections?: ___components_db_world_map_js.WorldMapConnection[];
+    longitude?: number;
+    latitude?: number;
+    'auto-rotate'?: boolean;
+    'selected-id'?: string;
+    'dot-size'?: number;
+    'dot-color'?: string;
+    'color-theme'?: "mono" | "ocean" | "lime";
+    'hover-highlight'?: boolean;
+    'hover-radius'?: number;
+    'hover-color'?: string;
+    'marker-size'?: number;
+    'hide-legend'?: boolean;
+    onLocationSelect?: (event: CustomEvent<___components_db_world_map_js.WorldMapLocation>) => void;
+} & RefAttributes<HTMLElement>>;
+
+type ZoomControlProps = WebComponentProps & {
+    controls?: ___components_db_zoom_control_js.ZoomControlAction[];
+    zoomStyle?: 'magnifier' | 'plain';
+    value?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    size?: 'xs' | 's' | 'm';
+    tone?: 'default' | 'dark';
+    disabled?: boolean;
+    shortcuts?: boolean;
+    targetId?: string;
+    contentWidth?: number;
+    contentHeight?: number;
+    fitPadding?: number;
+    hideFullscreen?: boolean;
+    onChange?: DbEventHandler<___components_db_zoom_control_js.ZoomChangeDetail>;
+    onFit?: DbEventHandler<{
+        value: number;
+    }>;
+    onFullscreenChange?: DbEventHandler<{
+        fullscreen: boolean;
+    }>;
+    onError?: DbEventHandler<{
+        action: 'fullscreen';
+        message: string;
+    }>;
+};
+declare const ZoomControl: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLElement>, "onChange" | "onInput"> & {
+    [key: string]: unknown;
+    children?: React.ReactNode;
+} & {
+    controls?: ___components_db_zoom_control_js.ZoomControlAction[];
+    zoomStyle?: "magnifier" | "plain";
+    value?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    size?: "xs" | "s" | "m";
+    tone?: "default" | "dark";
+    disabled?: boolean;
+    shortcuts?: boolean;
+    targetId?: string;
+    contentWidth?: number;
+    contentHeight?: number;
+    fitPadding?: number;
+    hideFullscreen?: boolean;
+    onChange?: DbEventHandler<___components_db_zoom_control_js.ZoomChangeDetail>;
+    onFit?: DbEventHandler<{
+        value: number;
+    }>;
+    onFullscreenChange?: DbEventHandler<{
+        fullscreen: boolean;
+    }>;
+    onError?: DbEventHandler<{
+        action: "fullscreen";
+        message: string;
+    }>;
+} & RefAttributes<HTMLElement>>;
+type InputGroupProps = WebComponentProps & {
+    label?: string;
+    helperText?: string;
+    errorMessage?: string;
+    error?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+    size?: 's' | 'm' | 'l';
+};
+declare const InputGroup: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLElement>, "onChange" | "onInput"> & {
+    [key: string]: unknown;
+    children?: React.ReactNode;
+} & {
+    label?: string;
+    helperText?: string;
+    errorMessage?: string;
+    error?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+    size?: "s" | "m" | "l";
+} & RefAttributes<HTMLElement>>;
+/** Controlled selection actions; zero count removes the bar from layout and the focus order. */
+type SelectionBarProps = WebComponentProps & {
+    count?: number;
+    placement?: 'inline' | 'floating';
+    floatingScope?: 'viewport' | 'container';
+    minWidth?: number;
+    maxWidth?: number;
+    size?: 's' | 'm';
+    disabled?: boolean;
+    selectionLabel?: string;
+    clearLabel?: string;
+    onClear?: DbEventHandler<{
+        count: number;
+        source: 'button' | 'escape';
+    }>;
+};
+declare const SelectionBar: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLElement>, "onChange" | "onInput"> & {
+    [key: string]: unknown;
+    children?: React.ReactNode;
+} & {
+    count?: number;
+    placement?: "inline" | "floating";
+    floatingScope?: "viewport" | "container";
+    minWidth?: number;
+    maxWidth?: number;
+    size?: "s" | "m";
+    disabled?: boolean;
+    selectionLabel?: string;
+    clearLabel?: string;
+    onClear?: DbEventHandler<{
+        count: number;
+        source: "button" | "escape";
+    }>;
+} & RefAttributes<HTMLElement>>;
+
+export { Accordion, AchievementList, AchievementModal, ActivityHeatmap, AdBanner, AiChainOfThought, AiChat, AiChatList, AiCheckpoint, AiConfirmation, AiContext, AiConversation, AiExecutionQuote, AiFileTree, AiGlow, AiInlineCitation, AiMessage, AiModelSelect, AiPlan, AiQueue, AiReasoning, AiSources, AiStackTrace, AiSubagent, AiTask, AiTaskStatus, AiTerminal, AiTestResults, AiTool, Alert, AndroidMockup, AnimationBackground, AnimationText, AppBadge, AppleWatchMockup, AttachmentList, AudioPlayer, Avatar, Backdrop, Badge, Banner, BentoCard, BentoGrid, BoardingPass, BoardingPassStack, BorderBeam, BottomNavigation, BottomSheet, Breadcrumbs, BrowserMockup, Button, Calendar, Card, Carousel, ChatComposer, ChatList, ChatMessage, ChatOrb, ChatRoom, ChatSuggestions, ChatTyping, ChatWelcome, ChatWidget, Checkbox, Chip, CodeBlock, ColorPicker, ColorSwatch, Confetti, Confirm, Container, ContextBar, ContextMenu, CookieBanner, Countdown, CreditBalance, CreditCard, CreditDropdown, CreditHistory, CreditRecharge, CreditRechargeModal, CursorFollower, DatePicker, DesignCanvas, DesignToolbar, Divider, DownloadProgress, Drawer, Dropdown, Dropzone, DuoMockup, EmailVerify, EmptyState, FileUploader, FilterBar, FlightStatus, FlipMockup, FloatingActionButton, FoldMockup, Footer, Form, Gantt, GlyphMatrix, Gradient, Grid, GridBackground, GridItem, Image, ImageList, ImagePlaceholder, Indicator, Input, InputGroup, IosMockup, Kanban, Label, Lightbox, List, Logo, MarkdownEditor, Marquee, Masonry, MenuItem, MobileMockup, Modal, ModalBody, ModalFooter, ModalHeader, Navbar, NavigationRail, Node, NotificationDropdown, NotificationInbox, OnboardingModal, OtpInput, PageHeader, Pagination, PhoneVerify, PlanOverview, Popover, Progress, ProgressStep, Progressbar, ProgressiveBlur, Radio, RandomGradient, RangeSlider, Rating, Receipt, Reorder, ResizablePanels, ScrollArea, SearchBar, Section, SectionAppDownload, SectionContact, SectionCta, SectionFaq, SectionFeature, SectionFeatureGrid, SectionHero, SectionLogoCloud, SectionPricing, SectionStats, SectionTestimonials, SegmentControl, Select, SelectionBar, Share, Sidebar, Signature, Skeleton, Spinner, SplitView, Stack, Stat, Stepper, Table, TabletMockup, Tabs, Testimonial, Textarea, Ticket, TimePicker, Timeline, Toast, Toggle, ToolButton, ToolLayout, ToolPanel, Toolbar, Tooltip, TopBanner, Tutorial, TweetCard, TwoFactor, VideoPlayer, VoiceControl, WorkspaceInviteModal, WorkspaceMembers, WorldMap, YouTubePlayer, ZoomControl, useContextMenu };
+export type { AccordionItemConfig, AccordionProps, AchievementListProps, AchievementModalProps, ActivityHeatmapCellDetail, ActivityHeatmapItem, ActivityHeatmapProps, AdBannerProps, AiChatListProps, AiChatProps, AiConversationProps, AiElementProps, AiExecutionQuoteProps, AiGlowProps, AiMessageProps, AiModelSelectProps, AiTaskStatusProps, AlertAction, AlertProps, AnimationBackgroundProps, AnimationTextProps, AppBadgeProps, AttachmentListProps, AudioPlayerProps, AvatarProps, BackdropProps, BadgeProps, BannerAction, BannerProps, BentoCardProps, BentoGridProps, BoardingPassProps, BoardingPassStackProps, BorderBeamProps, BottomNavigationItem, BottomNavigationProps, BottomSheetProps, BreadcrumbItemConfig, BreadcrumbMenuItemConfig, BreadcrumbsProps, ButtonProps, CalendarEvent, CalendarProps, CardProps, CarouselItem, CarouselProps, ChatComposerProps, ChatListProps, ChatMessageProps, ChatOrbProps, ChatRoomProps, ChatSuggestionsProps, ChatTypingProps, ChatWelcomeProps, ChatWidgetProps, CheckboxChangeDetail, CheckboxProps, ChipProps, CodeBlockItem, CodeBlockProps, ColorPickerProps, ColorSwatchItem, ColorSwatchProps, ConfettiProps, ConfirmProps, ContextMenuItemConfig, ContextMenuProps, CookieBannerProps, CountdownProps, CreditBalanceProps, CreditCardProps, CreditDropdownProps, CreditHistoryProps, CreditRechargeModalProps, CreditRechargeProps, CursorFollowerProps, DatePickerProps, DbEventHandler, DesignCanvasProps, DesignToolbarProps, DeviceMockupProps, DividerProps, DownloadProgressProps, DrawerProps, DropdownItemConfig, DropdownProps, DropzoneProps, EmailVerifyProps, EmptyStateProps, FileUploaderProps, FilterBarProps, FlightStatusProps, FloatingActionButtonProps, FooterCompanyInfo, FooterFamilySite, FooterLink, FooterLinkColumn, FooterProps, FooterSocialLink, FormFieldData, FormProps, GanttAssignee, GanttGroup, GanttItem, GanttProps, GanttRow, GlyphMatrixProps, GradientColor, GradientProps, GridBackgroundProps, ImageListItem, ImageListProps, ImagePlaceholderProps, ImageProps, IndicatorProps, InputGroupProps, 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, NavigationRailProps, NodeProps, NotificationDropdownProps, NotificationInboxProps, OnboardingModalProps, OnboardingStep, OtpInputProps, PageHeaderProps, PageHeaderTabItem, PaginationProps, PhoneVerifyProps, PlanOverviewProps, PopoverProps, ProgressProps, ProgressStepItem, ProgressStepProps, ProgressiveBlurProps, RadioChangeDetail, RadioProps, RandomGradientProps, RangeSliderProps, RangeSliderRange, RangeSliderRangeDetail, RangeSliderValueDetail, RatingProps, ReceiptProps, 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, SelectChangeDetail, SelectProps, SelectionBarProps, SelectionControlProps, SelectionProps, SharePlatform, ShareProps, SidebarItem, SidebarPanel, SidebarPanelMode, SidebarProject, SidebarPromoBanner, SidebarProps, SidebarSection, SidebarUpdateBanner, SidebarUserProfile, SignatureProps, SkeletonProps, SpinnerProps, SplitViewProps, StatChange, StatProps, StepperProps, TabItemConfig, TableColumn, TableProps, TabsProps, TestimonialProps, TextFieldChangeDetail, TextFieldProps, TextareaProps, TicketProps, TimePickerProps, TimelineItem, TimelineProps, ToastProps, ToggleChangeDetail, ToggleProps, ToolButtonProps, ToolLayoutProps, ToolPanelProps, ToolbarProps, TooltipProps, TopBannerProps, TutorialProps, TutorialStep, TweetCardProps, TwoFactorProps, UseContextMenuReturn, VideoPlayerProps, VoiceControlProps, WebComponentProps, WorkspaceInviteModalProps, WorkspaceMembersProps, WorldMapProps, YouTubePlayerProps, ZoomControlProps };