@designbasekorea/ui-wc 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,3261 @@
+/**
+ * Light DOM custom element for the canonical web Button.
+ *
+ * The host itself behaves like the button so framework children stay owned by
+ * their renderer. This keeps React/Vue slots stable while sharing one element.
+ */
+declare class DbButton extends HTMLElement {
+    static get observedAttributes(): string[];
+    get variant(): string;
+    set variant(value: string);
+    get size(): string;
+    set size(value: string);
+    get radius(): string;
+    set radius(value: string);
+    get type(): string;
+    set type(value: string);
+    get loadingText(): string;
+    set loadingText(value: string);
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    get loading(): boolean;
+    set loading(value: boolean);
+    get iconOnly(): boolean;
+    set iconOnly(value: boolean);
+    get fullWidth(): boolean;
+    set fullWidth(value: boolean);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    private handleClick;
+    private handleKeyDown;
+    private syncAttributes;
+    private getIconSize;
+    private resolveIconName;
+    private isManagedIconNode;
+    private syncIcons;
+    private getDefaultRadiusClass;
+    private syncRadius;
+    private syncModifier;
+    private syncBooleanModifier;
+    private getSpinnerSize;
+    private syncLoadingVisual;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-button': DbButton;
+    }
+}
+
+declare class DbInput extends HTMLElement {
+    static get observedAttributes(): string[];
+    private input?;
+    private passwordVisible;
+    private isFocused;
+    private touched;
+    private isScrubbing;
+    private detachScrub?;
+    get value(): string;
+    set value(value: string);
+    get type(): string;
+    set type(value: string);
+    get size(): string;
+    set size(value: string);
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    get readOnly(): boolean;
+    set readOnly(value: boolean);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    focus(): void;
+    private get passwordMinLength();
+    private get validationVisibility();
+    private get validateOnBlur();
+    private get isValidationEnabled();
+    private getIconSize;
+    private resolveIconName;
+    private resolveStartIcon;
+    private getCurrentValue;
+    private render;
+    private mountIcons;
+    private shouldShowPasswordValidation;
+    private renderValidationMarkup;
+    private updateDynamicUI;
+    private applyScrubValue;
+    private handleInput;
+    private handleChange;
+    private handleFocus;
+    private handleBlur;
+    private handlePasswordToggle;
+    private handleSearchClear;
+    private escape;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-input': DbInput;
+    }
+}
+
+declare class DbCheckbox extends HTMLElement {
+    static get observedAttributes(): string[];
+    private root?;
+    private input?;
+    private visual?;
+    private labelEl?;
+    private built;
+    get checked(): boolean;
+    set checked(value: boolean);
+    get indeterminate(): boolean;
+    set indeterminate(value: boolean);
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    get readOnly(): boolean;
+    set readOnly(value: boolean);
+    get required(): boolean;
+    set required(value: boolean);
+    get size(): string;
+    set size(value: string);
+    connectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    private get hasLabel();
+    private build;
+    private handleChange;
+    private syncState;
+    private syncVisual;
+    private syncClasses;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-checkbox': DbCheckbox;
+    }
+}
+
+declare class DbToggle extends HTMLElement {
+    static get observedAttributes(): string[];
+    private root?;
+    private labelEl?;
+    private built;
+    get checked(): boolean;
+    set checked(value: boolean);
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    get readOnly(): boolean;
+    set readOnly(value: boolean);
+    get size(): string;
+    set size(value: string);
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private get hasLabel();
+    private build;
+    private handleClick;
+    private syncState;
+    private syncClasses;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-toggle': DbToggle;
+    }
+}
+
+declare class DbBadge extends HTMLElement {
+    static get observedAttributes(): string[];
+    get variant(): string;
+    set variant(value: string);
+    get size(): string;
+    set size(value: string);
+    get badgeStyle(): string;
+    set badgeStyle(value: string);
+    get count(): number | undefined;
+    set count(value: number | undefined);
+    get maxCount(): number;
+    set maxCount(value: number);
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    connectedCallback(): void;
+    attributeChangedCallback(name: string, _oldValue: string | null, _newValue: string | null): void;
+    private syncAttributes;
+    private syncContent;
+    private syncEnum;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-badge': DbBadge;
+    }
+}
+
+interface DbBannerAction {
+    text: string;
+    href?: string;
+    variant?: 'primary' | 'secondary' | 'outline' | 'ghost';
+    size?: 's' | 'm' | 'l' | 'sm' | 'md' | 'lg';
+    external?: boolean;
+    icon?: string;
+    iconOnly?: boolean;
+}
+declare class DbBanner extends HTMLElement {
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private parseActions;
+    private getIconSize;
+    private getActionIconSize;
+    private resolveIconName;
+    private createActionControl;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-banner': DbBanner;
+    }
+}
+
+declare class DbSpinner extends HTMLElement {
+    static get observedAttributes(): string[];
+    get type(): string;
+    set type(value: string);
+    get size(): string;
+    set size(value: string);
+    get color(): string;
+    set color(value: string);
+    get speed(): number;
+    set speed(value: number);
+    get label(): string;
+    set label(value: string);
+    get showLabel(): boolean;
+    set showLabel(value: boolean);
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private render;
+    private renderSpinner;
+    private escape;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-spinner': DbSpinner;
+    }
+}
+
+declare class DbCard extends HTMLElement {
+    static get observedAttributes(): string[];
+    private selectCheckbox;
+    private imageNode;
+    get variant(): string;
+    set variant(value: string);
+    get size(): string;
+    set size(value: string);
+    get clickable(): boolean;
+    set clickable(value: boolean);
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    get loading(): boolean;
+    set loading(value: boolean);
+    get fullWidth(): boolean;
+    set fullWidth(value: boolean);
+    get hoverable(): boolean;
+    set hoverable(value: boolean);
+    get selectable(): boolean;
+    set selectable(value: boolean);
+    get selected(): boolean;
+    set selected(value: boolean);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    private hasMediaSection;
+    private hasFooterSection;
+    private syncImageMedia;
+    private sync;
+    private handleClick;
+    private handleKeyDown;
+    private handleSelect;
+    private syncOverlays;
+    private syncAttributes;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-card': DbCard;
+    }
+}
+
+interface TabItemConfig {
+    id?: string;
+    label: string;
+    disabled?: boolean;
+    icon?: string;
+}
+declare class DbTabs extends HTMLElement {
+    static get observedAttributes(): string[];
+    private list?;
+    private indicator?;
+    private panel?;
+    private tabButtons;
+    get labels(): string[] | string;
+    set labels(value: string[] | string);
+    get tabItems(): TabItemConfig[];
+    get activeIndex(): number;
+    set activeIndex(value: number);
+    get orientation(): string;
+    set orientation(value: string);
+    get size(): string;
+    set size(value: string);
+    get variant(): string;
+    set variant(value: string);
+    get fullWidth(): boolean;
+    set fullWidth(value: boolean);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    private handleListScroll;
+    private render;
+    private select;
+    private handleKeyDown;
+    private updateIndicator;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-tabs': DbTabs;
+    }
+}
+
+declare class DbModal extends HTMLElement {
+    static get observedAttributes(): string[];
+    private root?;
+    private panel?;
+    private headerEl?;
+    private headerContentEl?;
+    private titleEl?;
+    private closeButton?;
+    private navEl?;
+    private tabsEl?;
+    private segmentEl?;
+    private contentEl?;
+    private titleId;
+    private isMounted;
+    private internalTabId;
+    private internalSegment;
+    get open(): boolean;
+    set open(value: boolean);
+    private childObserver?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    private resolvedSize;
+    get size(): string;
+    set size(value: string);
+    private resolvedHeaderVariant;
+    private parsedTabs;
+    private parsedSegments;
+    private usesIntegratedNav;
+    private closeIconSize;
+    private activeTabId;
+    private activeSegmentValue;
+    private collectUserChildren;
+    private classifyChildren;
+    private getClassifiedChildren;
+    private isBodyPart;
+    private isFooterPart;
+    private collectContentParts;
+    private placeContentParts;
+    private restorePartsToHost;
+    private bindFooterActions;
+    private ensureStructure;
+    private renderCloseButton;
+    private renderDefaultHeader;
+    private renderNavHeader;
+    private renderHeader;
+    private renderBodyContent;
+    private renderFooter;
+    private render;
+    private syncVisibility;
+    private syncOpenState;
+    private teardown;
+    private close;
+    private handleDocumentKeyDown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-modal': DbModal;
+    }
+}
+
+interface DbDropdownItem {
+    id: string;
+    label?: string;
+    icon?: string;
+    disabled?: boolean;
+    divider?: boolean;
+}
+declare class DbDropdown extends HTMLElement {
+    static get observedAttributes(): string[];
+    private triggerWrap?;
+    private defaultTrigger?;
+    private menu?;
+    private focusedIndex;
+    private onTriggerActivate;
+    private lastTriggerSignature;
+    get parsedItems(): DbDropdownItem[];
+    get options(): string[] | string;
+    set options(value: string[] | string);
+    get items(): DbDropdownItem[] | string;
+    set items(value: DbDropdownItem[] | string);
+    get value(): string;
+    set value(value: string);
+    get open(): boolean;
+    set open(value: boolean);
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    get size(): string;
+    set size(value: string);
+    get placement(): string;
+    set placement(value: string);
+    get placeholder(): string;
+    set placeholder(value: string);
+    get label(): string;
+    set label(value: string);
+    get fullWidth(): boolean;
+    set fullWidth(value: boolean);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    private resolvedSize;
+    private resolvedPlacement;
+    private triggerButtonIconSize;
+    private menuItemIconSize;
+    private triggerLabel;
+    private enabledItems;
+    private collectTriggerChildren;
+    private hasCustomTrigger;
+    private bindTrigger;
+    private unbindTrigger;
+    private toggleOpen;
+    private triggerSignature;
+    private renderDefaultTrigger;
+    private syncDefaultTriggerState;
+    private ensureStructure;
+    private renderTrigger;
+    private renderMenu;
+    private render;
+    private selectItem;
+    private focusItem;
+    private handleTriggerKeyDown;
+    private handleDocumentKeyDown;
+    private handleDocumentMouseDown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-dropdown': DbDropdown;
+    }
+}
+
+declare class DbTooltip extends HTMLElement {
+    static get observedAttributes(): string[];
+    private tooltipId;
+    private trigger?;
+    private tooltip?;
+    private contentEl?;
+    private arrow?;
+    private visible;
+    private showTimer?;
+    private hideTimer?;
+    private repositionRaf?;
+    get content(): string;
+    set content(value: string);
+    get position(): string;
+    set position(value: string);
+    get size(): string;
+    set size(value: string);
+    get variant(): string;
+    set variant(value: string);
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    get alwaysShow(): boolean;
+    set alwaysShow(value: boolean);
+    get delay(): number;
+    get hideDelay(): number;
+    get maxWidth(): number;
+    get showArrow(): boolean;
+    private childObserver?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    private clearTimers;
+    private groupOf;
+    private resolvedPosition;
+    private collectTriggerChildren;
+    private ensureTrigger;
+    private mountTriggerChildren;
+    private render;
+    private ensureTooltip;
+    private syncTooltipClasses;
+    private calculatePosition;
+    private setVisible;
+    private removeTooltip;
+    private handleShow;
+    private handleHide;
+    private handleKeyDown;
+    private handleReposition;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-tooltip': DbTooltip;
+    }
+}
+
+interface AccordionItemConfig {
+    id?: string;
+    title: string;
+    disabled?: boolean;
+    itemType?: 'icon' | 'number' | 'question' | 'none';
+    icon?: string;
+}
+declare class DbAccordion extends HTMLElement {
+    static get observedAttributes(): string[];
+    private expanded;
+    private isRendering;
+    private suppressExpandedAttrCallback;
+    private childObserver?;
+    get items(): AccordionItemConfig[];
+    set items(value: AccordionItemConfig[] | string);
+    get allowMultiple(): boolean;
+    set allowMultiple(value: boolean);
+    get expandedItems(): string[] | string;
+    set expandedItems(value: string[] | string);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    /** id와 index 문자열 충돌 방지 — 항목당 단일 키만 사용 */
+    private resolveItemKey;
+    private getExpandMode;
+    private syncExpandedFromAttributes;
+    private iconSize;
+    private collectPanelContent;
+    private isItemExpanded;
+    private syncExpandedState;
+    private render;
+    private toggle;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-accordion': DbAccordion;
+    }
+}
+
+declare class DbAvatar extends HTMLElement {
+    static get observedAttributes(): string[];
+    private imageFailed;
+    private imageLoaded;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    private handleClick;
+    private handleKeyDown;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-avatar': DbAvatar;
+    }
+}
+
+declare class DbDivider extends HTMLElement {
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-divider': DbDivider;
+    }
+}
+
+declare class DbProgress extends HTMLElement {
+    static get observedAttributes(): string[];
+    get value(): number;
+    set value(value: number);
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-progress': DbProgress;
+    }
+}
+
+declare class DbSelect extends HTMLElement {
+    static get observedAttributes(): string[];
+    private labelEl?;
+    private trigger?;
+    private valueEl?;
+    private indicatorsEl?;
+    private clearButton?;
+    private chevronEl?;
+    private dropdown?;
+    private searchWrap?;
+    private searchInput?;
+    private optionsEl?;
+    private helperEl?;
+    private errorEl?;
+    private built;
+    private searchTerm;
+    private focusedIndex;
+    get open(): boolean;
+    set open(value: boolean);
+    get value(): string;
+    set value(value: string);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    get multiple(): boolean;
+    set multiple(value: boolean);
+    get searchable(): boolean;
+    set searchable(value: boolean);
+    private get showClearButton();
+    private parseOptions;
+    private parseSelectedValues;
+    private setSelectedValues;
+    private getIconSize;
+    private syncIndicatorIcons;
+    private build;
+    private handleTriggerClick;
+    private handleTriggerFocus;
+    private handleTriggerBlur;
+    private handleClear;
+    private handleSearchInput;
+    private handleDocumentMouseDown;
+    private handleDocumentKeyDown;
+    private getFilteredOptions;
+    private selectOption;
+    private dispatchChange;
+    private syncState;
+    private syncOpenState;
+    private syncTrigger;
+    private syncOptions;
+    private escape;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-select': DbSelect;
+    }
+}
+
+declare class DbTextarea extends HTMLElement {
+    static get observedAttributes(): string[];
+    private field?;
+    private labelEl?;
+    private countTop?;
+    private countBottom?;
+    private helperEl?;
+    private errorEl?;
+    private footerEl?;
+    private built;
+    get value(): string;
+    set value(value: string);
+    get size(): string;
+    set size(value: string);
+    connectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    focus(): void;
+    private get showCharacterCount();
+    private get characterCountPosition();
+    private build;
+    private handleInput;
+    private syncState;
+    private updateCharacterCount;
+    private escape;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-textarea': DbTextarea;
+    }
+}
+
+declare class DbRadio extends HTMLElement {
+    static get observedAttributes(): string[];
+    private root?;
+    private input?;
+    private visual?;
+    private labelEl?;
+    private built;
+    get checked(): boolean;
+    set checked(value: boolean);
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    get readOnly(): boolean;
+    set readOnly(value: boolean);
+    get required(): boolean;
+    set required(value: boolean);
+    get size(): string;
+    set size(value: string);
+    connectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    private get hasLabel();
+    private build;
+    private handleChange;
+    private syncState;
+    private syncVisual;
+    private syncClasses;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-radio': DbRadio;
+    }
+}
+
+declare class DbPagination extends HTMLElement {
+    static get observedAttributes(): string[];
+    get currentPage(): number;
+    set currentPage(value: number);
+    get totalPages(): number;
+    set totalPages(value: number);
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private iconSize;
+    private render;
+    private getPageNumbers;
+    private createPageButton;
+    private createIconButton;
+    private select;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-pagination': DbPagination;
+    }
+}
+
+interface BreadcrumbItem {
+    id?: string;
+    label: string;
+    href?: string;
+    active?: boolean;
+    disabled?: boolean;
+    icon?: string;
+}
+declare class DbBreadcrumbs extends HTMLElement {
+    static get observedAttributes(): string[];
+    get items(): BreadcrumbItem[] | string;
+    set items(value: BreadcrumbItem[] | string);
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private visibleItems;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-breadcrumbs': DbBreadcrumbs;
+    }
+}
+
+interface TableColumn {
+    key: string;
+    header: string;
+    align?: 'left' | 'center' | 'right';
+    width?: string | number;
+    sortable?: boolean;
+}
+type RowData = Record<string, unknown>;
+declare class DbTable extends HTMLElement {
+    static get observedAttributes(): string[];
+    private internalSelectedRows;
+    private internalSortColumn;
+    private internalSortDirection;
+    private internalPage;
+    get columns(): TableColumn[];
+    set columns(value: TableColumn[] | string);
+    get data(): RowData[];
+    set data(value: RowData[] | string);
+    connectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    private syncSelectedRowsFromAttribute;
+    private syncSortFromAttributes;
+    private getRowKey;
+    private getSortedData;
+    private handleSort;
+    private handleRowSelect;
+    private handleSelectAll;
+    private getPaginatedData;
+    private createSortIcon;
+    private createCheckbox;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-table': DbTable;
+    }
+}
+
+interface DbAlertAction {
+    label: string;
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'danger';
+    size?: 's' | 'm' | 'l';
+    disabled?: boolean;
+}
+declare class DbAlert extends HTMLElement {
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private getIconName;
+    private parseActionButtons;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-alert': DbAlert;
+    }
+}
+
+declare class DbChip extends HTMLElement {
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private iconSize;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-chip': DbChip;
+    }
+}
+
+declare class DbSkeleton extends HTMLElement {
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-skeleton': DbSkeleton;
+    }
+}
+
+declare class DbLabel extends HTMLElement {
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private sync;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-label': DbLabel;
+    }
+}
+
+declare class DbLogo extends HTMLElement {
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private handleClick;
+    private renderLogoContent;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-logo': DbLogo;
+    }
+}
+
+declare class DbEmptyState extends HTMLElement {
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private getIconName;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-empty-state': DbEmptyState;
+    }
+}
+
+declare class DbBackdrop extends HTMLElement {
+    static get observedAttributes(): string[];
+    private portal?;
+    private keyHandler;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    private isOpen;
+    private collectChildren;
+    private attachListeners;
+    private detachListeners;
+    private handlePortalClick;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-backdrop': DbBackdrop;
+    }
+}
+
+declare class DbPopover extends HTMLElement {
+    static get observedAttributes(): string[];
+    private triggerWrap?;
+    private triggerEl?;
+    private panel?;
+    private bodyEl?;
+    private arrowEl?;
+    private showTimer?;
+    private hideTimer?;
+    private repositionRaf?;
+    private onDocMouseDown;
+    private onDocKeyDown;
+    private onExternalTriggerClick;
+    private childObserver?;
+    get open(): boolean;
+    set open(value: boolean);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    private resolvedPlacement;
+    private resolvedTrigger;
+    private isControlled;
+    private isOpen;
+    private setOpen;
+    private syncOpenFromAttributes;
+    private clearTimers;
+    private groupOf;
+    private collectTriggerChildren;
+    private ensureTriggerWrap;
+    private mountTriggerChildren;
+    private collectBodyChildren;
+    private bindExternalTrigger;
+    private unbindExternalTrigger;
+    private attachGlobalListeners;
+    private detachGlobalListeners;
+    private scheduleOpen;
+    private scheduleClose;
+    private handleTriggerClick;
+    private handleTriggerMouseEnter;
+    private handleTriggerMouseLeave;
+    private handleTriggerFocus;
+    private handleTriggerBlur;
+    private handleReposition;
+    private getTriggerRect;
+    private positionPanel;
+    private updatePanelMetadata;
+    private ensurePanel;
+    private showPanel;
+    private hidePanel;
+    private removePanel;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-popover': DbPopover;
+    }
+}
+
+declare class DbDrawer extends HTMLElement {
+    static get observedAttributes(): string[];
+    private root?;
+    private overlay?;
+    private container?;
+    private contentEl?;
+    private isMounted;
+    private isActive;
+    private enterFrame?;
+    private exitTimer?;
+    private previousActiveElement;
+    private keyHandler;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    private isOpenRequested;
+    private clearTimers;
+    private attachEscape;
+    private detachEscape;
+    private close;
+    private collectChildren;
+    private syncOpenState;
+    private syncActiveClasses;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-drawer': DbDrawer;
+    }
+}
+
+declare class DbToast extends HTMLElement {
+    static get observedAttributes(): string[];
+    private timeoutId;
+    private progressInterval;
+    private closed;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    private clearTimers;
+    private startTimers;
+    private close;
+    private iconForStatus;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-toast': DbToast;
+    }
+}
+
+declare class DbConfirm extends HTMLElement {
+    static get observedAttributes(): string[];
+    private root;
+    private keyHandler;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    private isOpen;
+    private attachEscape;
+    private detachEscape;
+    private dispatchCancel;
+    private dispatchConfirm;
+    private iconForVariant;
+    private iconSize;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-confirm': DbConfirm;
+    }
+}
+
+declare class DbIndicator extends HTMLElement {
+    static get observedAttributes(): string[];
+    private timerFrame;
+    private progress;
+    private pausedProgress;
+    private activeStep;
+    private isPlayingInternal;
+    get total(): number;
+    set total(value: number);
+    private normalizeStep;
+    private get isCurrentControlled();
+    private get isPlayingControlled();
+    private get resolvedCurrent();
+    private get resolvedPlaying();
+    get indicatorType(): string;
+    get size(): string;
+    set size(value: string);
+    get direction(): string;
+    set direction(value: string);
+    get clickable(): boolean;
+    set clickable(value: boolean);
+    get timer(): boolean;
+    set timer(value: boolean);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    private resetProgress;
+    private emitChange;
+    private goToStep;
+    private startTimer;
+    private updateTimerVisuals;
+    private syncRootClasses;
+    private syncPlaybackButton;
+    private renderDotRing;
+    private renderStep;
+    private renderDots;
+    private renderPlaybackButton;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-indicator': DbIndicator;
+    }
+}
+
+interface DbListItemData {
+    id: string;
+    title: string;
+    description?: string;
+    badge?: string | {
+        text: string;
+        variant?: string;
+        style?: string;
+    };
+    icon?: string;
+    image?: string;
+    disabled?: boolean;
+    selected?: boolean;
+    meta?: {
+        label: string;
+        value: string;
+    }[];
+}
+declare class DbList extends HTMLElement {
+    static get observedAttributes(): string[];
+    private groupName;
+    get items(): DbListItemData[];
+    set items(value: DbListItemData[] | string);
+    get selectedItems(): string[];
+    set selectedItems(value: string[] | string);
+    connectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    private flag;
+    private controlSize;
+    private parseBadge;
+    private isSelected;
+    private setSelection;
+    private toggleSelection;
+    private syncSelectionState;
+    private createSelectControl;
+    private createBadge;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-list': DbList;
+    }
+}
+
+interface DbMenuItemChildData {
+    id: string;
+    label: string;
+    href?: string;
+    icon?: string;
+    active?: boolean;
+    disabled?: boolean;
+    badge?: string | number;
+    badgeColor?: string;
+    variant?: string;
+}
+declare class DbMenuItem extends HTMLElement {
+    static get observedAttributes(): string[];
+    get subItems(): DbMenuItemChildData[];
+    set subItems(value: DbMenuItemChildData[] | string);
+    get expanded(): boolean;
+    set expanded(value: boolean);
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private iconSize;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-menu-item': DbMenuItem;
+    }
+}
+
+declare class DbSearchBar extends HTMLElement {
+    static get observedAttributes(): string[];
+    private input?;
+    private clearButton?;
+    private shortcutBadge?;
+    private dropdown?;
+    private recentSearches;
+    private isFocused;
+    private currentSuggestion;
+    private suggestionInterval?;
+    private blurTimer?;
+    private globalKeyHandler?;
+    private repositionHandler?;
+    private scrollParents;
+    private getResolvedSize;
+    private getIconPx;
+    private syncIcons;
+    private hasInputValue;
+    get value(): string;
+    set value(nextValue: string);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    focus(): void;
+    private parseJsonArray;
+    private getRecentSearchesKey;
+    private loadRecentSearches;
+    private saveRecentSearches;
+    private clearSuggestionInterval;
+    private syncSuggestionRolling;
+    private syncPlaceholder;
+    private syncValueState;
+    private syncAttributes;
+    private bindGlobalShortcut;
+    private unbindGlobalShortcut;
+    private positionDropdown;
+    private bindRepositionListeners;
+    private unbindRepositionListeners;
+    private attachDropdownPortal;
+    private detachDropdownPortal;
+    private shouldShowDropdown;
+    private formatSearchResult;
+    private handleSearch;
+    private updateDropdown;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-search-bar': DbSearchBar;
+    }
+}
+
+type DbSharePlatform = 'facebook' | 'x' | 'instagram' | 'linkedin' | 'pinterest' | 'whatsapp' | 'telegram' | 'email' | 'link' | 'qr';
+type DbShareVariant = 'button' | 'dropdown' | 'modal' | 'inline';
+declare class DbShare extends HTMLElement {
+    static get observedAttributes(): string[];
+    private isCopied;
+    private qrCodeData;
+    private copyResetTimer;
+    private modalEl;
+    private contentSlot;
+    private dropdownEl;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    get open(): boolean;
+    set open(value: boolean);
+    private parseListAttribute;
+    private getResolvedUrl;
+    private getContext;
+    private getActivePlatforms;
+    private replaceUrlVariables;
+    private handleCopyLink;
+    private handleShowQrCode;
+    private handlePlatformShare;
+    private getPlacement;
+    private mapButtonSize;
+    private createTriggerButton;
+    private createPlatformIcon;
+    private createPlatformButton;
+    private createLinkInput;
+    private refreshLinkInputValue;
+    private createCopyButton;
+    private generateQrCodeUrl;
+    private createShareContent;
+    private populateShareContent;
+    private refreshContent;
+    private syncModalOpen;
+    private renderDropdown;
+    private renderModal;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-share': DbShare;
+    }
+}
+
+declare class DbTopBanner extends HTMLElement {
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private isDarkBg;
+    private createLinkButton;
+    private createCloseButton;
+    private createBadge;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-top-banner': DbTopBanner;
+    }
+}
+
+interface DbStatChange {
+    value: number;
+    type: 'increase' | 'decrease';
+    period?: string;
+}
+declare class DbStat extends HTMLElement {
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    private handleClick;
+    private handleKeyDown;
+    private parseChange;
+    private getChangeText;
+    private resolveIconName;
+    private getProgressVariant;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-stat': DbStat;
+    }
+}
+
+declare class DbImage extends HTMLElement {
+    private imageState;
+    private currentSrc;
+    private showPlaceholder;
+    private imgEl;
+    private placeholderEl;
+    private errorEl;
+    private initialized;
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    private resetFromAttributes;
+    private getRoundedClass;
+    private getShadowClass;
+    private getRatioClass;
+    private applyContainerStyle;
+    private handleLoad;
+    private handleError;
+    private handleClick;
+    private handleKeyDown;
+    private ensureStructure;
+    private updateImageSource;
+    private updatePlaceholderContent;
+    private updateErrorContent;
+    private syncVisualState;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-image': DbImage;
+    }
+}
+
+declare class DbImagePlaceholder extends HTMLElement {
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    private handleClick;
+    private handleKeyDown;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-image-placeholder': DbImagePlaceholder;
+    }
+}
+
+interface DbImageListItem {
+    id?: string;
+    src: string;
+    alt?: string;
+    title?: string;
+    description?: string;
+    thumbnail?: string;
+    metadata?: {
+        width?: number;
+        height?: number;
+        size?: string;
+        date?: string;
+        tags?: string[];
+    };
+}
+declare class DbImageList extends HTMLElement {
+    private lightboxEl;
+    private selectedIndex;
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private parseImages;
+    private mapRoundedAttr;
+    private createImageItem;
+    private openLightbox;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-image-list': DbImageList;
+    }
+}
+
+interface DbLightboxImage {
+    id: string;
+    src: string;
+    alt?: string;
+    title?: string;
+    description?: string;
+    thumbnail?: string;
+}
+declare class DbLightbox extends HTMLElement {
+    private portalEl;
+    private imageEl;
+    private loadingEl;
+    private errorEl;
+    private counterBadge;
+    private prevNav;
+    private nextNav;
+    private currentIndex;
+    private imageLoaded;
+    private imageError;
+    private keydownHandler;
+    private boundSrc;
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, _old: string | null, newValue: string | null): void;
+    get open(): boolean;
+    set open(value: boolean);
+    private parseImages;
+    private getCurrentImage;
+    private resetImageState;
+    private close;
+    private goTo;
+    private createIconButton;
+    private buildPortal;
+    private handleImageLoad;
+    private handleImageError;
+    private syncImageLayers;
+    private updateThumbnails;
+    private loadCurrentImage;
+    private refreshView;
+    private mount;
+    private unmount;
+    private syncOpenState;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-lightbox': DbLightbox;
+    }
+}
+
+interface DbBottomNavigationItem {
+    id: string;
+    icon: string;
+    activeIcon?: string;
+    label: string;
+    isActive?: boolean;
+    disabled?: boolean;
+    badge?: string | number;
+    badgeColor?: 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
+}
+declare class DbBottomNavigation extends HTMLElement {
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private parseItems;
+    private iconSize;
+    private syncHostClasses;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-bottom-navigation': DbBottomNavigation;
+    }
+}
+
+interface DbNavbarItem {
+    id: string;
+    label: string;
+    href?: string;
+    icon?: string;
+    active?: boolean;
+    disabled?: boolean;
+    children?: DbNavbarItem[];
+}
+interface DbNavbarUserProfile {
+    name: string;
+    email?: string;
+    avatar?: string;
+    badge?: number;
+    badgeVariant?: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger';
+    badgeStyle?: 'dot' | 'number' | 'text' | 'outlined';
+    badgeText?: string;
+}
+declare class DbNavbar extends HTMLElement {
+    private mobileOpen;
+    private userMenuOpen;
+    private expandedMobile;
+    private outsideHandler;
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    private parseItems;
+    private parseUserProfile;
+    private iconSize;
+    private bindOutsideClick;
+    private unbindOutsideClick;
+    private dispatchItemClick;
+    private syncHostClasses;
+    private createDesktopNavItem;
+    private createUserMenuItemElement;
+    private bindSearchEvents;
+    private applyAvatarProfile;
+    private createMobileMenuItem;
+    private updateUserMenuVisibility;
+    private renderMobileMenu;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-navbar': DbNavbar;
+    }
+}
+
+interface DbSidebarItem {
+    id: string;
+    label: string;
+    href?: string;
+    icon?: string;
+    active?: boolean;
+    disabled?: boolean;
+    badge?: string | number;
+    badgeColor?: string;
+    children?: DbSidebarItem[];
+}
+interface DbSidebarSection {
+    id: string;
+    title?: string;
+    items: DbSidebarItem[];
+}
+interface DbSidebarUserProfile {
+    name: string;
+    email?: string;
+    avatar?: string;
+}
+declare class DbSidebar extends HTMLElement {
+    private expandedItems;
+    private userMenuOpen;
+    private outsideHandler;
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    private seedExpanded;
+    private parseSections;
+    private parseUserMenuItems;
+    private parseUserProfile;
+    private bindOutsideClick;
+    private unbindOutsideClick;
+    private syncHostClasses;
+    private dispatchItemClick;
+    private dispatchUserMenuItemClick;
+    private updateUserMenuVisibility;
+    private createSidebarMenuItem;
+    private renderNav;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-sidebar': DbSidebar;
+    }
+}
+
+interface DbContextMenuItemData {
+    id: string;
+    label?: string;
+    icon?: string;
+    disabled?: boolean;
+    divider?: boolean;
+    isDivider?: boolean;
+    variant?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
+    subItems?: DbContextMenuItemData[];
+}
+declare class DbContextMenu extends HTMLElement {
+    static get observedAttributes(): string[];
+    private targetWrap?;
+    private menuEl?;
+    private externalTarget;
+    private activeSubMenu;
+    private onExternalContextMenu;
+    private handleDocumentMouseDown;
+    private handleKeyDown;
+    private handleContextMenu;
+    get open(): boolean;
+    set open(value: boolean);
+    get items(): DbContextMenuItemData[];
+    set items(value: DbContextMenuItemData[] | string);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    private openAt;
+    private close;
+    private collectTargetChildren;
+    private bindExternalTarget;
+    private unbindExternalTarget;
+    private renderTarget;
+    private adjustPosition;
+    private createMenuItem;
+    private renderItem;
+    private syncMenu;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-context-menu': DbContextMenu;
+    }
+}
+
+declare class DbProgressbar extends HTMLElement {
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-progressbar': DbProgressbar;
+    }
+}
+
+interface DbProgressStepItemData {
+    id: string;
+    title: string;
+    description?: string;
+    status?: 'pending' | 'active' | 'completed' | 'error';
+    timestamp?: string;
+    disabled?: boolean;
+}
+declare class DbProgressStep extends HTMLElement {
+    static get observedAttributes(): string[];
+    get items(): DbProgressStepItemData[];
+    set items(value: DbProgressStepItemData[] | string);
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private resolveStatus;
+    private iconSize;
+    private renderIndicatorContent;
+    private handleStepClick;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-progress-step': DbProgressStep;
+    }
+}
+
+/**
+ * RangeSlider Web Component
+ * packages/ui RangeSlider.tsx와 DOM·동작·스타일 1:1 동기화
+ */
+declare class DbRangeSlider extends HTMLElement {
+    static get observedAttributes(): string[];
+    private built;
+    private valuesEl;
+    private containerEl;
+    private trackEl;
+    private fillEl;
+    private thumbEls;
+    private currentValue;
+    private currentRange;
+    private isDragging;
+    private activeThumb;
+    private boundTrackClick;
+    private boundPointerMove;
+    private boundPointerUp;
+    private boundContainerKeyDown;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    private isStructuralAttribute;
+    get value(): number;
+    set value(v: number);
+    get range(): [number, number] | undefined;
+    set range(v: [number, number] | undefined);
+    private build;
+    private bindEvents;
+    private unbindEvents;
+    private readAttributeValues;
+    private syncClasses;
+    private syncStructure;
+    private isMarkActive;
+    private syncVisuals;
+    private syncA11y;
+    private setThumbPosition;
+    private valueToPercent;
+    private percentToValue;
+    private snapToStep;
+    private clamp;
+    private getNumberAttr;
+    private parseRangeAttr;
+    private parseMarks;
+    private parseMarkLabels;
+    private isInteractive;
+    private getTrackPercent;
+    private handleThumbPointerDown;
+    private handleTrackClick;
+    private handlePointerMove;
+    private handlePointerUp;
+    private setThumbActive;
+    private applyDragValue;
+    private commitValueAtPosition;
+    private handleKeyDown;
+    private afterKeyboard;
+    private dispatchValueChange;
+    private dispatchRangeChange;
+}
+
+/**
+ * SegmentControl Web Component
+ * packages/ui SegmentControl.tsx와 DOM·동작·스타일 1:1 동기화
+ */
+interface DbSegmentOptionData {
+    value: string;
+    label: string;
+    disabled?: boolean;
+    icon?: string;
+}
+declare class DbSegmentControl extends HTMLElement {
+    static get observedAttributes(): string[];
+    private built;
+    private indicatorEl;
+    private segmentButtons;
+    private focusedIndex;
+    private boundKeyDown;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    get options(): DbSegmentOptionData[];
+    set options(value: DbSegmentOptionData[] | string);
+    get value(): string;
+    set value(value: string);
+    private parseOptions;
+    private render;
+    private updateSelection;
+    private select;
+    private handleKeyDown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-segment-control': DbSegmentControl;
+    }
+}
+
+/**
+ * Stepper Web Component
+ */
+declare class DbStepper extends HTMLElement {
+    static get observedAttributes(): string[];
+    private decrementBtn;
+    private incrementBtn;
+    private valueWrapEl;
+    private valueTextEl;
+    private valueInputEl;
+    private descriptionEl;
+    private boundInputKeyDown;
+    private boundInputInput;
+    private boundInputPaste;
+    private boundInputBlur;
+    connectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    get value(): number;
+    set value(value: number);
+    private build;
+    private isEditable;
+    private syncFromAttributes;
+    private applyValueInputAppearance;
+    private syncValueField;
+    private allowsNegative;
+    private allowsDecimal;
+    private buildInputPattern;
+    private sanitizeInputString;
+    private parseInputValue;
+    private enforceInputBounds;
+    private handleInputKeyDown;
+    private handleInputInput;
+    private handleInputPaste;
+    private commitInputValue;
+    private getMin;
+    private getMax;
+    private getStep;
+    private snapToStep;
+    private clamp;
+    private updateButtons;
+    private change;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-stepper': DbStepper;
+    }
+}
+
+declare class DbContainer extends HTMLElement {
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private syncClasses;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-container': DbContainer;
+    }
+}
+
+declare class DbStack extends HTMLElement {
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private syncClasses;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-stack': DbStack;
+    }
+}
+
+declare class DbGrid extends HTMLElement {
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private syncClasses;
+}
+declare class DbGridItem extends HTMLElement {
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private syncClasses;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-grid': DbGrid;
+        'db-grid-item': DbGridItem;
+    }
+}
+
+interface DbToolbarItemData {
+    id: string;
+    type?: 'button' | 'separator';
+    label?: string;
+    disabled?: boolean;
+    active?: boolean;
+    tooltip?: string;
+}
+declare class DbToolbar extends HTMLElement {
+    static get observedAttributes(): string[];
+    get items(): DbToolbarItemData[];
+    set items(value: DbToolbarItemData[] | string);
+    connectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    private syncHostClasses;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-toolbar': DbToolbar;
+    }
+}
+
+/**
+ * Form Web Component
+ * packages/ui Form.tsx 기준 — ui-wc 폼 필드(db-input, db-select 등) 조합
+ */
+
+interface DbFormFieldOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+interface DbFormFieldValidation {
+    required?: boolean;
+    min?: number;
+    max?: number;
+    minLength?: number;
+    maxLength?: number;
+    pattern?: string;
+}
+interface DbFormFieldData {
+    name: string;
+    type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search' | 'textarea' | 'select' | 'radio' | 'checkbox';
+    label?: string;
+    placeholder?: string;
+    value?: string | number | boolean | string[];
+    defaultValue?: string | number | boolean | string[];
+    required?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    min?: number;
+    max?: number;
+    minLength?: number;
+    maxLength?: number;
+    pattern?: string;
+    errorMessage?: string;
+    helpText?: string;
+    options?: DbFormFieldOption[];
+    multiple?: boolean;
+    checkboxGroup?: boolean;
+    radioGroup?: boolean;
+    validation?: DbFormFieldValidation;
+}
+declare class DbForm extends HTMLElement {
+    static get observedAttributes(): string[];
+    private built;
+    private formEl;
+    private headerEl;
+    private fieldsEl;
+    private actionsEl;
+    private submitBtn;
+    private resetBtn;
+    private values;
+    private errors;
+    private touched;
+    private initialValues;
+    private fieldWrappers;
+    private boundSubmit;
+    private boundReset;
+    connectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    get fields(): DbFormFieldData[];
+    set fields(value: DbFormFieldData[] | string);
+    private parseFields;
+    private parseInitialValues;
+    private bootstrapValues;
+    private buildShell;
+    private syncAll;
+    private syncClasses;
+    private syncHeader;
+    private syncActions;
+    private renderFields;
+    private refreshFieldState;
+    private refreshAllFieldStates;
+    private createFieldControl;
+    private handleFieldChange;
+    private validateField;
+    private validateForm;
+    private handleSubmit;
+    private handleReset;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-form': DbForm;
+    }
+}
+
+interface DbPageHeaderTabItem {
+    id: string;
+    label: string;
+    disabled?: boolean;
+    icon?: string;
+}
+declare class DbPageHeader extends HTMLElement {
+    static get observedAttributes(): string[];
+    private internalTabId;
+    connectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    private syncDefaultTab;
+    private parseTabs;
+    private parseBreadcrumbs;
+    private getActiveTabId;
+    private getVariant;
+    private getAlign;
+    private handleBack;
+    private handleTabChange;
+    private collectActions;
+    private collectDescriptionSlot;
+    private renderTitleBlock;
+    private render;
+    private renderMinimalTabs;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-page-header': DbPageHeader;
+    }
+}
+
+declare class DbSection extends HTMLElement {
+    static get observedAttributes(): string[];
+    private headerEl?;
+    private bodyEl?;
+    private bodyInnerEl?;
+    private contentEl?;
+    private footerEl?;
+    private actionsHostEl?;
+    private contentId;
+    private internalExpanded;
+    private observer?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    private isCollapsible;
+    private isExpanded;
+    private isUserNode;
+    private collectSlotted;
+    private collectContentNodes;
+    private ensureStructure;
+    private mountBody;
+    private getChevronSize;
+    private createTitleArea;
+    private createChevron;
+    private handleToggle;
+    private renderHeader;
+    private syncHostClasses;
+    private syncCollapsibleState;
+    private sync;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-section': DbSection;
+    }
+}
+
+declare class DbFloatingActionButton extends HTMLElement {
+    static get observedAttributes(): string[];
+    get size(): string;
+    set size(value: string);
+    get variant(): string;
+    set variant(value: string);
+    get loading(): boolean;
+    set loading(value: boolean);
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    private handleClick;
+    private resolveIconName;
+    private sync;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-floating-action-button': DbFloatingActionButton;
+    }
+}
+
+declare class DbBottomSheet extends HTMLElement {
+    static get observedAttributes(): string[];
+    private root?;
+    private backdrop?;
+    private sheet?;
+    private grabBar?;
+    private contentEl?;
+    private sheetHeightPercent;
+    private isDragging;
+    private isVisible;
+    private isMounted;
+    private enterTimer?;
+    private exitTimer?;
+    private keyHandler;
+    private dragState;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    private isOpenRequested;
+    private clearTimers;
+    private getMaxHeightLimit;
+    private close;
+    private attachEscape;
+    private detachEscape;
+    private collectSlotted;
+    private collectContentNodes;
+    private finishDrag;
+    private handlePointerDown;
+    private handlePointerMove;
+    private handlePointerUp;
+    private syncOpenState;
+    private syncActiveClasses;
+    private applySheetDimensions;
+    private detachContentToHost;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-bottom-sheet': DbBottomSheet;
+    }
+}
+
+declare class DbScrollArea extends HTMLElement {
+    static get observedAttributes(): string[];
+    private contentEl?;
+    private resizeObserver?;
+    private observer?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    private ensureStructure;
+    private collectContentNodes;
+    private syncChildren;
+    private toCssSize;
+    private syncScrollState;
+    private syncViewportSize;
+    private sync;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-scroll-area': DbScrollArea;
+    }
+}
+
+declare class DbDropzone extends HTMLElement {
+    static get observedAttributes(): string[];
+    private fileInput?;
+    private internalDragOver;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    private ensureInput;
+    private isDisabled;
+    private isDragOver;
+    private validateFile;
+    private emitFiles;
+    private handleFileInputChange;
+    private handleDragOver;
+    private handleDragLeave;
+    private handleDrop;
+    private handleClick;
+    private getDescriptionText;
+    private collectChildren;
+    private syncClasses;
+    private sync;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-dropzone': DbDropzone;
+    }
+}
+
+declare class DbOnboardingModal extends HTMLElement {
+    static get observedAttributes(): string[];
+    private root?;
+    private internalStep;
+    private keyHandler;
+    private isMounted;
+    private overlayEl?;
+    private contentEl?;
+    private closeButtonEl?;
+    private mainEl?;
+    private imageWrapEl?;
+    private imageEl?;
+    private textEl?;
+    private titleEl?;
+    private descriptionEl?;
+    private navigationEl?;
+    private prevButtonEl?;
+    private nextButtonEl?;
+    private indicatorEl?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    private isOpenRequested;
+    private parseSteps;
+    private syncStepFromAttribute;
+    private getSteps;
+    private getCurrentStep;
+    private close;
+    private emitStepChange;
+    private goToStep;
+    private handlePrev;
+    private handleNext;
+    private attachKeyHandler;
+    private detachKeyHandler;
+    private syncOpenState;
+    private mount;
+    private unmount;
+    private ensureStructure;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-onboarding-modal': DbOnboardingModal;
+    }
+}
+
+declare class DbSplitView extends HTMLElement {
+    static get observedAttributes(): string[];
+    private panelSizes;
+    private draggingIndex;
+    private panelSources;
+    private observer?;
+    private isSyncing;
+    private isObserving;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private startObserving;
+    private stopObserving;
+    attributeChangedCallback(): void;
+    private collectPanelSources;
+    private readPanelConfig;
+    private initPanelSizes;
+    private getDirection;
+    private getMode;
+    private getSplitterSize;
+    private getGap;
+    private handleMouseDown;
+    private handleMouseMove;
+    private handleMouseUp;
+    private applyPanelSizes;
+    private sync;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-split-view': DbSplitView;
+    }
+}
+
+declare class DbFileUploader extends HTMLElement {
+    static get observedAttributes(): string[];
+    private dropzone?;
+    private uploadedFiles;
+    private uploadIntervals;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    private isDisabled;
+    private ensureDropzone;
+    private formatFileSize;
+    private handleFileSelect;
+    private simulateUpload;
+    private updateFile;
+    private handleRemove;
+    private handleRetry;
+    private sync;
+    private renderStatusIcon;
+    private renderFileList;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-file-uploader': DbFileUploader;
+    }
+}
+
+type DatePickerMode = 'single' | 'range' | 'multiple';
+declare class DbDatePicker extends HTMLElement {
+    static get observedAttributes(): string[];
+    private built;
+    private labelEl?;
+    private triggerEl?;
+    private inputEl?;
+    private dropdownEl?;
+    private calendarHost?;
+    private isOpen;
+    private currentMonth;
+    private viewStartMonth;
+    private rangeStart;
+    private hoveredDate;
+    private selectedValue?;
+    private tempValue?;
+    private activePresetId;
+    private inputText;
+    private boundDocumentMouseDown;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    get value(): string;
+    set value(value: string);
+    get mode(): DatePickerMode;
+    set mode(value: DatePickerMode | string);
+    private get isPanelLayout();
+    private get effectiveMode();
+    get inline(): boolean;
+    set inline(value: boolean);
+    private get type();
+    private get locale();
+    private get startOfWeek();
+    private get showOutsideDays();
+    private get usesPendingValue();
+    private get today();
+    private get minDate();
+    private get maxDate();
+    private get presets();
+    private get events();
+    private build;
+    private readInitialValue;
+    private readAttributeValue;
+    private parseValue;
+    private serializeValue;
+    private formatDisplay;
+    private syncInputText;
+    private getWorkingValue;
+    private presetContext;
+    private isDateValid;
+    private emitChange;
+    private applyValue;
+    private handleDateClick;
+    private handlePresetSelect;
+    private handlePendingApply;
+    private handlePendingCancel;
+    private handleInputBlur;
+    private get disabled();
+    set disabled(value: boolean);
+    get readonly(): boolean;
+    set readonly(value: boolean);
+    private openPicker;
+    private closePicker;
+    private toggleOpen;
+    private handleDocumentMouseDown;
+    private isDateSelected;
+    private isInRange;
+    private renderDateCell;
+    private renderSingleMonth;
+    private renderDefaultCalendar;
+    private renderPanelCalendar;
+    private renderCalendar;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-date-picker': DbDatePicker;
+    }
+}
+
+declare const FORMATS: readonly ["12h", "24h", "12h-with-seconds", "24h-with-seconds"];
+type TimeFormat = (typeof FORMATS)[number];
+declare class DbTimePicker extends HTMLElement {
+    static get observedAttributes(): string[];
+    private built;
+    private labelEl?;
+    private triggerEl?;
+    private inputEl?;
+    private dropdownEl?;
+    private isOpen;
+    private hours;
+    private minutes;
+    private seconds;
+    private period;
+    private inputText;
+    private tempHours;
+    private tempMinutes;
+    private tempSeconds;
+    private tempPeriod;
+    private boundDocumentMouseDown;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    get value(): string;
+    set value(value: string);
+    get format(): TimeFormat;
+    set format(value: TimeFormat | string);
+    private get type();
+    private get is12h();
+    private get showSeconds();
+    private get minuteStep();
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    get readonly(): boolean;
+    set readonly(value: boolean);
+    private build;
+    private pad2;
+    private to24Hour;
+    private formatTimeString;
+    private toValue24;
+    private parseTimeString;
+    private syncInputText;
+    private emitChange;
+    private handleTimeChange;
+    private handleInputBlur;
+    private openPicker;
+    private closePicker;
+    private toggleOpen;
+    private handleDocumentMouseDown;
+    private createWheel;
+    private renderSelector;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-time-picker': DbTimePicker;
+    }
+}
+
+type CalendarEventType = 'meeting' | 'task' | 'reminder' | 'birthday' | 'holiday' | 'custom';
+type CalendarEventData = {
+    id: string;
+    title: string;
+    description?: string;
+    date: string;
+    startTime?: string;
+    endTime?: string;
+    type: CalendarEventType;
+    color?: string;
+    isAllDay?: boolean;
+    location?: string;
+};
+declare class DbCalendar extends HTMLElement {
+    static get observedAttributes(): string[];
+    private built;
+    private headerEl?;
+    private bodyEl?;
+    private modalEl?;
+    private currentView;
+    private selectedDate;
+    private _events;
+    private showEventModal;
+    private selectedEvent;
+    private isEditing;
+    private draggedEvent;
+    private dragOverDate;
+    private selectedDateRange;
+    private eventForm;
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private get locale();
+    private get showWeekends();
+    private get highlightToday();
+    private get showOutsideDays();
+    get events(): CalendarEventData[];
+    set events(value: CalendarEventData[] | string);
+    private build;
+    private readAttributes;
+    private isSameDate;
+    private eventsForDate;
+    private emit;
+    private handleViewChange;
+    private shiftMonth;
+    private shiftYear;
+    private handleDateClick;
+    private handleDragStart;
+    private handleDragOver;
+    private handleDragLeave;
+    private handleDrop;
+    private handleDragEnd;
+    private handleEventClick;
+    private openAddModal;
+    private closeModal;
+    private saveEvent;
+    private deleteEvent;
+    private renderHeader;
+    private renderMonthView;
+    private renderYearView;
+    private renderWeekView;
+    private renderModal;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-calendar': DbCalendar;
+    }
+}
+
+declare class DbRating extends HTMLElement {
+    private hoverValue;
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private getNumberAttr;
+    private getBooleanAttr;
+    private getOption;
+    private formatRating;
+    private createStar;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-rating': DbRating;
+    }
+}
+
+declare class DbCountdown extends HTMLElement {
+    private timer;
+    private targetTime;
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    private boolAttr;
+    private optionAttr;
+    private setupTargetTime;
+    private getRemaining;
+    private stop;
+    private start;
+    private two;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-countdown': DbCountdown;
+    }
+}
+
+type DbMasonryItem = {
+    id?: string;
+    src: string;
+    alt?: string;
+    title?: string;
+    description?: string;
+    thumbnail?: string;
+};
+declare class DbMasonry extends HTMLElement {
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    get images(): DbMasonryItem[];
+    set images(value: DbMasonryItem[] | string);
+    private boolAttr;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-masonry': DbMasonry;
+    }
+}
+
+type DbCarouselItem = {
+    id: string;
+    title?: string;
+    description?: string;
+    image?: string;
+    alt?: string;
+};
+declare class DbCarousel extends HTMLElement {
+    private currentIndex;
+    private timer;
+    private isAutoPlaying;
+    static get observedAttributes(): string[];
+    get items(): DbCarouselItem[];
+    set items(value: DbCarouselItem[] | string);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    private getBool;
+    private clampCurrentIndex;
+    private stopAutoPlay;
+    private startAutoPlay;
+    private getIndicatorType;
+    private getIndicatorSize;
+    private goTo;
+    private goToPrev;
+    private goToNext;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-carousel': DbCarousel;
+    }
+}
+
+declare class DbColorPicker extends HTMLElement {
+    private h;
+    private s;
+    private v;
+    private a;
+    private open;
+    private format;
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    private handleOutsideClick;
+    private getBool;
+    private getOption;
+    private syncFromValue;
+    private emitChange;
+    private getUiText;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-color-picker': DbColorPicker;
+    }
+}
+
+type DbReorderItem = {
+    id: string;
+    content: string;
+    disabled?: boolean;
+    selected?: boolean;
+};
+declare class DbReorder extends HTMLElement {
+    private draggedIndex;
+    private dragOverIndex;
+    static get observedAttributes(): string[];
+    get items(): DbReorderItem[];
+    set items(value: DbReorderItem[] | string);
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private getBool;
+    private getOption;
+    private emitReorder;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-reorder': DbReorder;
+    }
+}
+
+declare class DbResizablePanels extends HTMLElement {
+    private container?;
+    private contentEl?;
+    private guidesEl?;
+    private sizeIndicatorEl?;
+    private constraintsEl?;
+    private handleEl?;
+    private isResizing;
+    private startSize;
+    private startPos;
+    private currentSize;
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private getBool;
+    private getNumber;
+    private getDirection;
+    private getHandlePosition;
+    private initializeSize;
+    private getMinSize;
+    private getMaxSize;
+    private ensureStructure;
+    private onMouseDown;
+    private onTouchStart;
+    private startResize;
+    private onMouseMove;
+    private onTouchMove;
+    private applyResize;
+    private onMouseUp;
+    private onTouchEnd;
+    private endResize;
+    private renderHandleStyle;
+    private render;
+    private makeConstraint;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-resizable-panels': DbResizablePanels;
+    }
+}
+
+declare class DbVideoPlayer extends HTMLElement {
+    static get observedAttributes(): string[];
+    private built;
+    private videoEl?;
+    private progressEl?;
+    private progressBarEl?;
+    private progressHandleEl?;
+    private centerPlayEl?;
+    private togglePlayEl?;
+    private muteButtonEl?;
+    private fullscreenButtonEl?;
+    private volumeInputEl?;
+    private timeCurrentEl?;
+    private timeDurationEl?;
+    private timeEl?;
+    private overlayEl?;
+    private dimOverlayEl?;
+    private volumeWrapEl?;
+    private rafId;
+    private playlistIndex;
+    private isFullscreen;
+    private showControlsOverlay;
+    private isPlaying;
+    private isMuted;
+    private volume;
+    private lastVolumeBeforeMute;
+    private currentTime;
+    private duration;
+    private isLoading;
+    private error;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    private getBool;
+    private getPlaylist;
+    private getCurrentSrc;
+    private formatTime;
+    private iconButton;
+    private skipButton;
+    private syncFromAttributes;
+    private loadVideoSource;
+    private bindVideoEvents;
+    private togglePlay;
+    private toggleMute;
+    private seekBy;
+    private toggleFullscreen;
+    private onFullscreenChange;
+    private onMouseEnter;
+    private onMouseLeave;
+    private build;
+    private get titleEl();
+    private get descEl();
+    private updateProgress;
+    private updateTime;
+    private updateVolumeUI;
+    private startProgressAnimation;
+    private stopProgressAnimation;
+    private updatePlayIcons;
+    private updateUI;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-video-player': DbVideoPlayer;
+    }
+}
+
+declare class DbYouTubePlayer extends HTMLElement {
+    private isFullscreen;
+    private playlistIndex;
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    private getBool;
+    private extractVideoId;
+    private getPlaylist;
+    private getCurrentVideoId;
+    private generateEmbedUrl;
+    private onFullscreenChange;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-youtube-player': DbYouTubePlayer;
+    }
+}
+
+declare class DbAudioPlayer extends HTMLElement {
+    static get observedAttributes(): string[];
+    private built;
+    private audioEl?;
+    private progressEl?;
+    private progressBarEl?;
+    private progressHandleEl?;
+    private playButtonEl?;
+    private volumeInputEl?;
+    private settingsMenuEl?;
+    private timeCurrentEl?;
+    private timeDurationEl?;
+    private titleEl?;
+    private artistEl?;
+    private albumEl?;
+    private albumImgEl?;
+    private albumPlaceholderEl?;
+    private playlistTracksEl?;
+    private isPlaying;
+    private isMuted;
+    private volume;
+    private currentTime;
+    private duration;
+    private showSettingsMenu;
+    private playbackRate;
+    private currentRepeatMode;
+    private isShuffle;
+    private isLoading;
+    private error;
+    private playlistIndex;
+    private shuffledPlaylist;
+    private boundKeyDown;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    private getBool;
+    private getPlaylist;
+    private getPlaybackRates;
+    private getIconSize;
+    private getCurrentTrack;
+    private refreshShuffledPlaylist;
+    private formatTime;
+    private syncFromAttributes;
+    private loadCurrentTrack;
+    private bindAudioEvents;
+    private handleEnded;
+    private setPlaylistIndex;
+    private togglePlay;
+    private toggleMute;
+    private toggleRepeatMode;
+    private toggleShuffle;
+    private handlePlaybackRateChange;
+    private handleKeyDown;
+    private iconButton;
+    private build;
+    private get leftControls();
+    private get rightControls();
+    private get controlsEl();
+    private get timeEl();
+    private get volumeWrap();
+    private get settingsEl();
+    private get playlistEl();
+    private get rateSelect();
+    private get volumePercent();
+    private get muteButton();
+    private updateTrackInfo;
+    private updateProgress;
+    private updateTime;
+    private updateVolumeUI;
+    private updateSettingsMenu;
+    private rebuildControlButtons;
+    private rebuildPlaylist;
+    private updatePlaylistActive;
+    private updateUI;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-audio-player': DbAudioPlayer;
+    }
+}
+
+declare class DbCodeBlock extends HTMLElement {
+    static get observedAttributes(): string[];
+    private built;
+    private renderToken;
+    private internalActiveId;
+    private copied;
+    private copyTimeout?;
+    private editedCodes;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    private handleSegmentChange;
+    private getBool;
+    private getResolvedItems;
+    private getActiveId;
+    private getActiveItem;
+    private toCssSize;
+    private handleCopy;
+    private render;
+    private renderAsync;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-code-block': DbCodeBlock;
+    }
+}
+
+declare class DbMarkdownEditor extends HTMLElement {
+    static get observedAttributes(): string[];
+    private built;
+    private internalValue;
+    private currentMode;
+    private isFocused;
+    private wordCount;
+    private lineCount;
+    private lastSaved;
+    private isSaving;
+    private autoSaveTimer?;
+    private textareaEl?;
+    private previewEl?;
+    private codeViewEl?;
+    private editPanelEl?;
+    private previewPanelEl?;
+    private codePanelEl?;
+    private contentEl?;
+    private toolbarEl?;
+    private statusEl?;
+    private wordCountEl?;
+    private lineCountEl?;
+    private lastSavedEl?;
+    private savingEl?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    get value(): string;
+    set value(next: string);
+    private getBool;
+    private syncFromAttributes;
+    private updateRootClasses;
+    private markdownToHtml;
+    private updatePreview;
+    private updateCodeView;
+    private updateCounts;
+    private updateStatus;
+    private emitChange;
+    private insertText;
+    private getDefaultToolbarActions;
+    private renderToolbar;
+    private renderMode;
+    private setupAutoSave;
+    private handleKeyDown;
+    private build;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-markdown-editor': DbMarkdownEditor;
+    }
+}
+
+declare class DbTestimonial extends HTMLElement {
+    static get observedAttributes(): string[];
+    private built;
+    private figureEl?;
+    private badgeEl?;
+    private quoteEl?;
+    private footerEl?;
+    private extraEl?;
+    private avatarWrapEl?;
+    private avatarEl?;
+    private authorEl?;
+    private roleEl?;
+    private ratingEl?;
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private build;
+    private getAvatarSize;
+    private getRatingSize;
+    private syncExtraContent;
+    private updateUI;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-testimonial': DbTestimonial;
+    }
+}
+
+declare class DbSectionHero extends HTMLElement {
+    static get observedAttributes(): string[];
+    private built;
+    private backgroundVideoEl?;
+    private backgroundImageEl?;
+    private overlayEl?;
+    private titleEl?;
+    private subtitleEl?;
+    private descriptionEl?;
+    private buttonsEl?;
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private parseButtons;
+    private build;
+    private updateUI;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-section-hero': DbSectionHero;
+    }
+}
+
+declare class DbSectionFeature extends HTMLElement {
+    static get observedAttributes(): string[];
+    private built;
+    private sectionEl?;
+    private featureWrapEl?;
+    private badgeEl?;
+    private headlineEl?;
+    private subtitleEl?;
+    private descriptionEl?;
+    private actionsEl?;
+    private mediaEl?;
+    private imageEl?;
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private parseBadge;
+    private parseActions;
+    private build;
+    private updateUI;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-section-feature': DbSectionFeature;
+    }
+}
+
+declare class DbAppBadge extends HTMLElement {
+    static get observedAttributes(): string[];
+    private built;
+    private labelEl?;
+    private storeEl?;
+    private iconWrapEl?;
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private getStore;
+    private getIconSize;
+    private build;
+    private updateUI;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-app-badge': DbAppBadge;
+    }
+}
+
+declare class DbSectionContact extends HTMLElement {
+    static get observedAttributes(): string[];
+    private built;
+    private sectionEl?;
+    private wrapEl?;
+    private contactWrapEl?;
+    private titleEl?;
+    private descriptionEl?;
+    private actionEl?;
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private parseAction;
+    private build;
+    private updateUI;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-section-contact': DbSectionContact;
+    }
+}
+
+declare class DbSectionAppDownload extends HTMLElement {
+    static get observedAttributes(): string[];
+    private built;
+    private sectionEl?;
+    private wrapEl?;
+    private innerEl?;
+    private titleEl?;
+    private descriptionEl?;
+    private badgesEl?;
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private parseStores;
+    private build;
+    private updateUI;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-section-app-download': DbSectionAppDownload;
+    }
+}
+
+declare class DbMarquee extends HTMLElement {
+    static get observedAttributes(): string[];
+    private built;
+    private containerEl?;
+    private trackEl?;
+    private baseGroupEl?;
+    private srOnlyEl?;
+    private resizeObserver?;
+    private containerWidth;
+    private baseGroupWidth;
+    private boundMeasure;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    private getBool;
+    private parseItems;
+    private build;
+    private bindResize;
+    private measure;
+    private unbindImageListeners;
+    private bindImageListeners;
+    private renderItem;
+    private renderGroup;
+    private renderDuplicates;
+    private syncReadyState;
+    private updateUI;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-marquee': DbMarquee;
+    }
+}
+
+declare class DbGradient extends HTMLElement {
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private getBool;
+    private parseColors;
+    private directionMap;
+    private colorStops;
+    private generateGradientStyle;
+    private generateAnimatedStyle;
+    private generateMeshStyle;
+    private updateUI;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-gradient': DbGradient;
+    }
+}
+
+declare class DbRandomGradient extends HTMLElement {
+    static get observedAttributes(): string[];
+    private built;
+    private backgroundEl?;
+    private overlayEl?;
+    private contentEl?;
+    private animationTimer?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    private getBool;
+    private build;
+    private stopAnimation;
+    private applyGradient;
+    private syncContent;
+    private updateUI;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-random-gradient': DbRandomGradient;
+    }
+}
+
+declare class DbAdBanner extends HTMLElement {
+    static get observedAttributes(): string[];
+    private built;
+    private visible;
+    private progress;
+    private autoCloseTimer?;
+    private rootEl?;
+    private gradientEl?;
+    private contentEl?;
+    private closeBtn?;
+    private iconEl?;
+    private labelEl?;
+    private badgeEl?;
+    private titleEl?;
+    private subtitleEl?;
+    private countdownWrapEl?;
+    private countdownEl?;
+    private actionsEl?;
+    private ctaEl?;
+    private progressEl?;
+    private progressBarEl?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    private getBool;
+    private getType;
+    private getVariant;
+    private build;
+    private handleClose;
+    private stopAutoClose;
+    private startAutoClose;
+    private renderGradientWrapper;
+    private updateUI;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-ad-banner': DbAdBanner;
+    }
+}
+
+type DbTimelineItem = {
+    id: string;
+    title?: string;
+    description?: string;
+    timestamp?: string;
+    icon?: string;
+    number?: number;
+    color?: string;
+    status?: 'completed' | 'active' | 'pending';
+    disabled?: boolean;
+};
+declare class DbTimeline extends HTMLElement {
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    get items(): DbTimelineItem[];
+    set items(value: DbTimelineItem[] | string);
+    private getItemPosition;
+    private handleItemClick;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-timeline': DbTimeline;
+    }
+}
+
+declare class DbAnimationText extends HTMLElement {
+    private ghostEl?;
+    private layerEl?;
+    private observer?;
+    private timers;
+    private displayText;
+    private isVisible;
+    private isAnimating;
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    private getText;
+    private getType;
+    private getTrigger;
+    private ensureStructure;
+    private clearTimers;
+    private syncFromAttributes;
+    private syncClasses;
+    private setupTrigger;
+    private startAnimation;
+    private startTyping;
+    private startDecoding;
+    private renderLayer;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-animation-text': DbAnimationText;
+    }
+}
+
+declare class DbTutorial extends HTMLElement {
+    static get observedAttributes(): string[];
+    private root?;
+    private overlayEl?;
+    private popoverEl?;
+    private closeButtonEl?;
+    private titleEl?;
+    private descriptionEl?;
+    private prevButtonEl?;
+    private nextButtonEl?;
+    private indicatorEl?;
+    private internalStep;
+    private targetElement;
+    private keyHandler;
+    private resizeHandler;
+    private isMounted;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    private parseSteps;
+    private syncStepFromAttribute;
+    private isOpenRequested;
+    private getCurrentStepData;
+    private syncOpenState;
+    private mount;
+    private unmount;
+    private ensureStructure;
+    private attachListeners;
+    private detachListeners;
+    private clearTargetHighlight;
+    private updateTargetElement;
+    private emitStepChange;
+    private goToStep;
+    private handlePrev;
+    private handleNext;
+    private handleEnd;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-tutorial': DbTutorial;
+    }
+}
+
+declare class DbAnimationBackground extends HTMLElement {
+    private layersEl?;
+    private contentEl?;
+    private layerHandle?;
+    private clickHandler?;
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    private teardownLayers;
+    private getSizeStyle;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-animation-background': DbAnimationBackground;
+    }
+}
+
+declare class DbCursorFollower extends HTMLElement {
+    private scopeEl?;
+    private portalRoot?;
+    private pillEl?;
+    private labelEl?;
+    private iconEl?;
+    private target;
+    private current;
+    private raf;
+    private enabled;
+    private desktopMq?;
+    private onDesktopChange?;
+    private onMouseMove?;
+    private isScoped;
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    private setupDesktopGate;
+    private ensureScope;
+    private isInScope;
+    private mountLayer;
+    private teardownLayer;
+    private teardown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-cursor-follower': DbCursorFollower;
+    }
+}
+
+declare class DbLottie extends HTMLElement {
+    private container?;
+    private animation?;
+    private loadToken;
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    private getBool;
+    private getSizeStyle;
+    private destroyAnimation;
+    private renderAnimation;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-lottie': DbLottie;
+    }
+}
+
+export { DbAccordion, DbAdBanner, DbAlert, DbAnimationBackground, DbAnimationText, DbAppBadge, DbAudioPlayer, DbAvatar, DbBackdrop, DbBadge, DbBanner, DbBottomNavigation, DbBottomSheet, DbBreadcrumbs, DbButton, DbCalendar, DbCard, DbCarousel, DbCheckbox, DbChip, DbCodeBlock, DbColorPicker, DbConfirm, DbContainer, DbContextMenu, DbCountdown, DbCursorFollower, DbDatePicker, DbDivider, DbDrawer, DbDropdown, DbDropzone, DbEmptyState, DbFileUploader, DbFloatingActionButton, DbForm, DbGradient, DbGrid, DbGridItem, DbImage, DbImageList, DbImagePlaceholder, DbIndicator, DbInput, DbLabel, DbLightbox, DbList, DbLogo, DbLottie, DbMarkdownEditor, DbMarquee, DbMasonry, DbMenuItem, DbModal, DbNavbar, DbOnboardingModal, DbPageHeader, DbPagination, DbPopover, DbProgress, DbProgressStep, DbProgressbar, DbRadio, DbRandomGradient, DbRangeSlider, DbRating, DbReorder, DbResizablePanels, DbScrollArea, DbSearchBar, DbSection, DbSectionAppDownload, DbSectionContact, DbSectionFeature, DbSectionHero, DbSegmentControl, DbSelect, DbShare, DbSidebar, DbSkeleton, DbSpinner, DbSplitView, DbStack, DbStat, DbStepper, DbTable, DbTabs, DbTestimonial, DbTextarea, DbTimePicker, DbTimeline, DbToast, DbToggle, DbToolbar, DbTooltip, DbTopBanner, DbTutorial, DbVideoPlayer, DbYouTubePlayer };
+export type { CalendarEventData, CalendarEventType, DbAlertAction, DbBannerAction, DbBottomNavigationItem, DbFormFieldData, DbImageListItem, DbLightboxImage, DbNavbarItem, DbNavbarUserProfile, DbPageHeaderTabItem, DbSharePlatform, DbShareVariant, DbSidebarItem, DbSidebarSection, DbSidebarUserProfile, DbStatChange, DbTimelineItem };