@designbasekorea/ui-wc 0.3.0 → 0.5.0

package/dist/react/index.d.ts

@@ -522,6 +522,8 @@ declare global {
 interface AccordionItemConfig$1 {
     id?: string;
     title: string;
+    /** 슬롯(content-N)이 없을 때 본문으로 렌더되는 텍스트 */
+    content?: string;
     disabled?: boolean;
     itemType?: 'icon' | 'number' | 'question' | 'none';
     icon?: string;
@@ -763,6 +765,14 @@ declare global {
     }
 }
 
+interface BreadcrumbMenuItem {
+    id?: string;
+    label: string;
+    href?: string;
+    active?: boolean;
+    disabled?: boolean;
+    icon?: string;
+}
 interface BreadcrumbItem {
     id?: string;
     label: string;
@@ -770,14 +780,35 @@ interface BreadcrumbItem {
     active?: boolean;
     disabled?: boolean;
     icon?: string;
+    menu?: BreadcrumbMenuItem[];
 }
 declare class DbBreadcrumbs extends HTMLElement {
     static get observedAttributes(): string[];
+    private openMenuId;
+    private onDocumentMouseDown;
+    private onDocumentKeyDown;
     get items(): BreadcrumbItem[] | string;
     set items(value: BreadcrumbItem[] | string);
     connectedCallback(): void;
+    disconnectedCallback(): void;
     attributeChangedCallback(): void;
+    private get menuDropdown();
+    private get maxLabelLength();
+    private get resolvedVariant();
+    private itemId;
+    private menuItemId;
     private visibleItems;
+    private shouldUseDropdown;
+    private closeMenu;
+    private openMenu;
+    private toggleMenu;
+    private addGlobalListeners;
+    private removeGlobalListeners;
+    private updateDropdownStates;
+    private createLabel;
+    private createMenuItem;
+    private createDropdownItem;
+    private createStandardItem;
     private render;
 }
 declare global {
@@ -1180,9 +1211,10 @@ declare class DbMenuItem extends HTMLElement {
     get expanded(): boolean;
     set expanded(value: boolean);
     connectedCallback(): void;
-    attributeChangedCallback(): void;
     private iconSize;
     private render;
+    attributeChangedCallback(name: string): void;
+    private syncExpandedState;
 }
 declare global {
     interface HTMLElementTagNameMap {
@@ -1636,9 +1668,26 @@ interface DbSidebarUserProfile {
     email?: string;
     avatar?: string;
 }
+interface DbSidebarProject {
+    id: string;
+    label: string;
+    icon?: string;
+    color?: string;
+    href?: string;
+}
+interface DbSidebarPromoBanner {
+    title: string;
+    description?: string;
+    ctaLabel?: string;
+    ctaHref?: string;
+    icon?: string;
+}
 declare class DbSidebar extends HTMLElement {
     private expandedItems;
     private userMenuOpen;
+    private projectMenuOpen;
+    private flyoutItemId;
+    private flyoutCloseTimer;
     private outsideHandler;
     static get observedAttributes(): string[];
     connectedCallback(): void;
@@ -1653,17 +1702,52 @@ declare class DbSidebar extends HTMLElement {
     set userMenuItems(value: DbSidebarItem[] | string);
     get userProfile(): DbSidebarUserProfile | null;
     set userProfile(value: DbSidebarUserProfile | string | null);
+    get projects(): DbSidebarProject[];
+    set projects(value: DbSidebarProject[] | string);
+    get selectedProjectId(): string;
+    set selectedProjectId(value: string);
+    get projectManageLabel(): string;
+    set projectManageLabel(value: string);
+    get projectManageHref(): string;
+    set projectManageHref(value: string);
+    get projectSectionLabel(): string;
+    set projectSectionLabel(value: string);
+    get bottomItems(): DbSidebarItem[];
+    set bottomItems(value: DbSidebarItem[] | string);
+    get bottomSections(): DbSidebarSection[];
+    set bottomSections(value: DbSidebarSection[] | string);
+    get promoBanner(): DbSidebarPromoBanner | null;
+    set promoBanner(value: DbSidebarPromoBanner | string | null);
     private parseSections;
     private parseUserMenuItems;
     private parseUserProfile;
+    private parseProjects;
+    private parseBottomItems;
+    private parseBottomSections;
+    private parsePromoBanner;
+    private getSelectedProject;
     private bindOutsideClick;
+    private closeOverlayMenus;
+    private syncExclusiveAccordion;
     private unbindOutsideClick;
+    private cancelFlyoutClose;
+    private showFlyout;
+    private scheduleFlyoutClose;
     private syncHostClasses;
     private dispatchItemClick;
     private dispatchUserMenuItemClick;
-    private updateUserMenuVisibility;
+    private dispatchProjectChange;
+    private dispatchProjectManage;
+    private dispatchPromoCtaClick;
+    private createProjectAvatar;
+    private createProjectSelector;
+    private createFlyout;
     private createSidebarMenuItem;
+    private renderSectionList;
     private renderNav;
+    private renderBottomNav;
+    private createUserDropdown;
+    private createPromoBanner;
     private render;
 }
 declare global {
@@ -2731,6 +2815,168 @@ declare global {
     }
 }
 
+type DbKanbanPriority = 'low' | 'medium' | 'high' | 'urgent';
+type DbKanbanTag = {
+    label: string;
+    variant?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';
+};
+type DbKanbanAssignee = {
+    name: string;
+    initials?: string;
+    avatar?: string;
+};
+type DbKanbanCard = {
+    id: string;
+    title: string;
+    description?: string;
+    tags?: DbKanbanTag[];
+    assignee?: DbKanbanAssignee;
+    priority?: DbKanbanPriority;
+    dueDate?: string;
+    disabled?: boolean;
+};
+type DbKanbanColumn = {
+    id: string;
+    title: string;
+    cards: DbKanbanCard[];
+    limit?: number;
+    color?: string;
+};
+declare class DbKanban extends HTMLElement {
+    private dragState;
+    private dropTarget;
+    static get observedAttributes(): string[];
+    get columns(): DbKanbanColumn[];
+    set columns(value: DbKanbanColumn[] | string);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    private getBool;
+    private getOption;
+    private emitChange;
+    private emitCardMove;
+    private findCardLocation;
+    private getAdjustedDropIndex;
+    private isValidDropTarget;
+    private moveCard;
+    private setDropTarget;
+    private resetDragState;
+    private updateDragClasses;
+    private getDropIndexFromPointer;
+    private getDropIndexFromColumnPointer;
+    private commitDrop;
+    private handleBoardDragOver;
+    private handleBoardDrop;
+    private formatDueDate;
+    private getInitials;
+    private createTag;
+    private createPriorityBadge;
+    private createAssignee;
+    private bindCardDrag;
+    private createCard;
+    private createColumn;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-kanban': DbKanban;
+    }
+}
+
+type DbGanttAssignee = {
+    name: string;
+    initials?: string;
+    avatar?: string;
+};
+type DbGanttItemStatus = 'on-track' | 'at-risk' | 'delayed' | 'completed';
+type DbGanttItem = {
+    id: string;
+    rowId: string;
+    title: string;
+    startDate: string;
+    endDate: string;
+    color?: string;
+    assignee?: DbGanttAssignee;
+    progress?: number;
+    status?: DbGanttItemStatus;
+    disabled?: boolean;
+};
+type DbGanttRow = {
+    id: string;
+    label: string;
+    groupId?: string;
+};
+type DbGanttGroup = {
+    id: string;
+    title: string;
+    color?: string;
+};
+declare class DbGantt extends HTMLElement {
+    private collapsedGroups;
+    private dragState;
+    private reorderState;
+    private reorderDropIndex;
+    private suppressRender;
+    private didDrag;
+    static get observedAttributes(): string[];
+    get groups(): DbGanttGroup[];
+    set groups(value: DbGanttGroup[] | string);
+    get rows(): DbGanttRow[];
+    set rows(value: DbGanttRow[] | string);
+    get items(): DbGanttItem[];
+    set items(value: DbGanttItem[] | string);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    private parseJson;
+    private getBool;
+    private getNumber;
+    private getOption;
+    private getLocale;
+    private getWeekdays;
+    private getViewRange;
+    private getTodayDate;
+    private getDateColumns;
+    private getVisibleRows;
+    private getMonthSegments;
+    private getInitials;
+    private updateItem;
+    private emitItemsChange;
+    private applyBarGeometry;
+    private handlePointerMove;
+    private handlePointerUp;
+    private startBarDrag;
+    private canReorder;
+    private createDragHandle;
+    private getGroupIndex;
+    private getRowScope;
+    private getRowIndexInScope;
+    private getReorderTargets;
+    private startReorderDrag;
+    private updateReorderDropTarget;
+    private clearReorderIndicators;
+    private finishReorderDrag;
+    private emitStructureChange;
+    private reorderGroups;
+    private reorderRows;
+    private createGroupBadge;
+    private createGroupChevron;
+    private createAssignee;
+    private createStatusIcon;
+    private deriveSummaryColor;
+    private getGroupSummary;
+    private applyBarTone;
+    private createGroupSummaryBar;
+    private createBar;
+    private toggleGroup;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-gantt': DbGantt;
+    }
+}
+
 declare class DbResizablePanels extends HTMLElement {
     private container?;
     private contentEl?;
@@ -3087,8 +3333,8 @@ interface FeatureAction {
 declare class DbSectionFeature extends HTMLElement {
     static get observedAttributes(): string[];
     private built;
-    private sectionEl?;
-    private featureWrapEl?;
+    private innerEl?;
+    private contentEl?;
     private badgeEl?;
     private headlineEl?;
     private subtitleEl?;
@@ -3133,9 +3379,7 @@ declare global {
 declare class DbSectionContact extends HTMLElement {
     static get observedAttributes(): string[];
     private built;
-    private sectionEl?;
-    private wrapEl?;
-    private contactWrapEl?;
+    private innerEl?;
     private titleEl?;
     private descriptionEl?;
     private actionEl?;
@@ -3162,8 +3406,6 @@ interface DownloadStore {
 declare class DbSectionAppDownload extends HTMLElement {
     static get observedAttributes(): string[];
     private built;
-    private sectionEl?;
-    private wrapEl?;
     private innerEl?;
     private titleEl?;
     private descriptionEl?;
@@ -3182,6 +3424,157 @@ declare global {
     }
 }
 
+declare class DbSectionCta extends HTMLElement {
+    static get observedAttributes(): string[];
+    private built;
+    private wrapEl?;
+    private headerEl?;
+    private badgeEl?;
+    private headlineEl?;
+    private subtitleEl?;
+    private descriptionEl?;
+    private actionsEl?;
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private parseBadge;
+    private parseButtons;
+    private build;
+    private updateUI;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-section-cta': DbSectionCta;
+    }
+}
+
+declare class DbSectionTestimonials extends HTMLElement {
+    static get observedAttributes(): string[];
+    private built;
+    private carouselIndex;
+    private innerEl?;
+    private headerEl?;
+    private contentEl?;
+    private carouselViewport?;
+    private carouselTrack?;
+    private carouselIndicator?;
+    private resizeObserver?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    private parseItems;
+    private parseBadge;
+    private buildHeader;
+    private build;
+    private createTestimonialEl;
+    private updateHeader;
+    private clampCarouselIndex;
+    private updateCarouselTransform;
+    private goToCarouselSlide;
+    private renderGrid;
+    private renderCarousel;
+    private updateUI;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-section-testimonials': DbSectionTestimonials;
+    }
+}
+
+declare class DbSectionFeatureGrid extends HTMLElement {
+    static get observedAttributes(): string[];
+    private built;
+    private innerEl?;
+    private headerEl?;
+    private gridEl?;
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private parseItems;
+    private parseBadge;
+    private build;
+    private updateUI;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-section-feature-grid': DbSectionFeatureGrid;
+    }
+}
+
+declare class DbSectionLogoCloud extends HTMLElement {
+    static get observedAttributes(): string[];
+    private built;
+    private innerEl?;
+    private headerEl?;
+    private contentEl?;
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private parseLogos;
+    private parseBadge;
+    private build;
+    private updateUI;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-section-logo-cloud': DbSectionLogoCloud;
+    }
+}
+
+declare class DbSectionStats extends HTMLElement {
+    static get observedAttributes(): string[];
+    private built;
+    private innerEl?;
+    private headerEl?;
+    private gridEl?;
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private parseItems;
+    private parseBadge;
+    private build;
+    private updateUI;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-section-stats': DbSectionStats;
+    }
+}
+
+declare class DbSectionFaq extends HTMLElement {
+    static get observedAttributes(): string[];
+    private built;
+    private innerEl?;
+    private headerEl?;
+    private accordionEl?;
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private parseItems;
+    private parseBadge;
+    private build;
+    private updateUI;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-section-faq': DbSectionFaq;
+    }
+}
+
+declare class DbSectionPricing extends HTMLElement {
+    static get observedAttributes(): string[];
+    private built;
+    private innerEl?;
+    private headerEl?;
+    private gridEl?;
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private parsePlans;
+    private parseBadge;
+    private build;
+    private updateUI;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-section-pricing': DbSectionPricing;
+    }
+}
+
 declare class DbMarquee extends HTMLElement {
     static get observedAttributes(): string[];
     private built;
@@ -5300,12 +5693,34 @@ type SidebarUserProfile = {
     email?: string;
     avatar?: string;
 };
+type SidebarProject = {
+    id: string;
+    label: string;
+    icon?: string;
+    color?: string;
+    href?: string;
+};
+type SidebarPromoBanner = {
+    title: string;
+    description?: string;
+    ctaLabel?: string;
+    ctaHref?: string;
+    icon?: string;
+};
 type SidebarProps = WebComponentProps & {
     items?: SidebarItem[] | string;
     sections?: SidebarSection[] | string;
     userMenuItems?: SidebarItem[] | string;
     userProfile?: SidebarUserProfile | string;
     defaultExpandedIds?: string[] | string;
+    projects?: SidebarProject[] | string;
+    selectedProjectId?: string;
+    projectManageLabel?: string;
+    projectManageHref?: string;
+    projectSectionLabel?: string;
+    bottomItems?: SidebarItem[] | string;
+    bottomSections?: SidebarSection[] | string;
+    promoBanner?: SidebarPromoBanner | string;
     size?: 's' | 'm' | 'l';
     variant?: 'default' | 'dark' | 'light';
     position?: 'left' | 'right';
@@ -5698,6 +6113,14 @@ type TabsProps = WebComponentProps & {
         id: string;
     }>;
 };
+type BreadcrumbMenuItemConfig = {
+    id?: string;
+    label: string;
+    href?: string;
+    active?: boolean;
+    disabled?: boolean;
+    icon?: string;
+};
 type BreadcrumbItemConfig = {
     id?: string;
     label: string;
@@ -5705,24 +6128,34 @@ type BreadcrumbItemConfig = {
     active?: boolean;
     disabled?: boolean;
     icon?: string;
+    menu?: BreadcrumbMenuItemConfig[];
 };
 type BreadcrumbsProps = WebComponentProps & {
     items?: BreadcrumbItemConfig[] | string;
     size?: 's' | 'm' | 'l';
-    /** 외형·레이아웃 (canonical). @deprecated variant는 breadcrumbStyle과 동일한 레거시 별칭 */
-    breadcrumbStyle?: 'default' | 'contained' | 'underlined' | 'minimal' | 'outlined';
-    /** @deprecated breadcrumbStyle 사용 */
-    variant?: 'default' | 'contained' | 'underlined' | 'minimal' | 'outlined';
+    variant?: 'default' | 'contained' | 'underlined';
+    /** @deprecated variant 사용 */
+    breadcrumbStyle?: 'default' | 'contained' | 'underlined';
     maxItems?: number;
+    menuDropdown?: boolean;
+    maxLabelLength?: number;
     onItemClick?: DbEventHandler<{
         item: BreadcrumbItemConfig;
     }>;
+    onMenuItemClick?: DbEventHandler<{
+        menuItem: BreadcrumbMenuItemConfig;
+        parentItem: BreadcrumbItemConfig;
+    }>;
     onClick?: DbEventHandler<{
         item: BreadcrumbItemConfig;
     }>;
     onDbClick?: DbEventHandler<{
         item: BreadcrumbItemConfig;
     }>;
+    onDbMenuClick?: DbEventHandler<{
+        menuItem: BreadcrumbMenuItemConfig;
+        parentItem: BreadcrumbItemConfig;
+    }>;
 };
 type PaginationProps = WebComponentProps & {
     currentPage?: number;
@@ -6247,6 +6680,194 @@ type ReorderProps = WebComponentProps & {
         items: ReorderItem[];
     }>;
 };
+type KanbanTag = {
+    label: string;
+    variant?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';
+};
+type KanbanAssignee = {
+    name: string;
+    initials?: string;
+    avatar?: string;
+};
+type KanbanCard = {
+    id: string;
+    title: string;
+    description?: string;
+    tags?: KanbanTag[];
+    assignee?: KanbanAssignee;
+    priority?: 'low' | 'medium' | 'high' | 'urgent';
+    dueDate?: string;
+    disabled?: boolean;
+};
+type KanbanColumn = {
+    id: string;
+    title: string;
+    cards: KanbanCard[];
+    limit?: number;
+    color?: string;
+};
+type KanbanProps = WebComponentProps & {
+    columns?: KanbanColumn[] | string;
+    size?: 's' | 'm' | 'l';
+    draggable?: boolean;
+    showColumnCount?: boolean;
+    showAddCard?: boolean;
+    allowCrossColumn?: boolean;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    emptyColumnText?: string;
+    onChange?: DbEventHandler<{
+        columns: KanbanColumn[];
+    }>;
+    onCardMove?: DbEventHandler<{
+        cardId: string;
+        fromColumnId: string;
+        toColumnId: string;
+        fromIndex: number;
+        toIndex: number;
+        columns: KanbanColumn[];
+    }>;
+    onCardClick?: DbEventHandler<{
+        card: KanbanCard;
+        columnId: string;
+    }>;
+    onAddCard?: DbEventHandler<{
+        columnId: string;
+    }>;
+    onDbChange?: DbEventHandler<{
+        columns: KanbanColumn[];
+    }>;
+    onDbCardMove?: DbEventHandler<{
+        cardId: string;
+        fromColumnId: string;
+        toColumnId: string;
+        fromIndex: number;
+        toIndex: number;
+        columns: KanbanColumn[];
+    }>;
+    onDbCardClick?: DbEventHandler<{
+        card: KanbanCard;
+        columnId: string;
+    }>;
+    onDbAddCard?: DbEventHandler<{
+        columnId: string;
+    }>;
+};
+type GanttAssignee = {
+    name: string;
+    initials?: string;
+    avatar?: string;
+};
+type GanttItem = {
+    id: string;
+    rowId: string;
+    title: string;
+    startDate: string;
+    endDate: string;
+    color?: string;
+    assignee?: GanttAssignee;
+    progress?: number;
+    status?: 'on-track' | 'at-risk' | 'delayed' | 'completed';
+    disabled?: boolean;
+};
+type GanttRow = {
+    id: string;
+    label: string;
+    groupId?: string;
+};
+type GanttGroup = {
+    id: string;
+    title: string;
+    color?: string;
+};
+type GanttProps = WebComponentProps & {
+    groups?: GanttGroup[] | string;
+    rows?: GanttRow[] | string;
+    items?: GanttItem[] | string;
+    startDate?: string;
+    endDate?: string;
+    today?: string;
+    scale?: 'day' | 'week';
+    cellWidth?: number;
+    showWeekends?: boolean;
+    showToday?: boolean;
+    sidebarLabel?: string;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    draggable?: boolean;
+    reorderable?: boolean;
+    locale?: string;
+    onItemClick?: DbEventHandler<{
+        item: GanttItem;
+    }>;
+    onItemChange?: DbEventHandler<{
+        item?: GanttItem;
+        items: GanttItem[];
+        action: string;
+    }>;
+    onChange?: DbEventHandler<{
+        groups?: GanttGroup[];
+        rows?: GanttRow[];
+        items: GanttItem[];
+    }>;
+    onRowClick?: DbEventHandler<{
+        row: GanttRow;
+    }>;
+    onRowReorder?: DbEventHandler<{
+        rowId: string;
+        groupId?: string;
+        fromIndex: number;
+        toIndex: number;
+        groups: GanttGroup[];
+        rows: GanttRow[];
+    }>;
+    onGroupReorder?: DbEventHandler<{
+        groupId: string;
+        fromIndex: number;
+        toIndex: number;
+        groups: GanttGroup[];
+        rows: GanttRow[];
+    }>;
+    onGroupToggle?: DbEventHandler<{
+        groupId: string;
+        collapsed: boolean;
+    }>;
+    onDbItemClick?: DbEventHandler<{
+        item: GanttItem;
+    }>;
+    onDbItemChange?: DbEventHandler<{
+        item?: GanttItem;
+        items: GanttItem[];
+        action: string;
+    }>;
+    onDbChange?: DbEventHandler<{
+        groups?: GanttGroup[];
+        rows?: GanttRow[];
+        items: GanttItem[];
+    }>;
+    onDbRowClick?: DbEventHandler<{
+        row: GanttRow;
+    }>;
+    onDbRowReorder?: DbEventHandler<{
+        rowId: string;
+        groupId?: string;
+        fromIndex: number;
+        toIndex: number;
+        groups: GanttGroup[];
+        rows: GanttRow[];
+    }>;
+    onDbGroupReorder?: DbEventHandler<{
+        groupId: string;
+        fromIndex: number;
+        toIndex: number;
+        groups: GanttGroup[];
+        rows: GanttRow[];
+    }>;
+    onDbGroupToggle?: DbEventHandler<{
+        groupId: string;
+        collapsed: boolean;
+    }>;
+};
 type CarouselItem = {
     id: string;
     title?: string;
@@ -6713,6 +7334,177 @@ type SectionAppDownloadProps = WebComponentProps & {
     fullHeight?: boolean;
     overflowVisible?: boolean;
 };
+type SectionBlockBadge = {
+    text: string;
+    variant?: string;
+    style?: string;
+    size?: string;
+};
+type SectionCtaButton = {
+    text: string;
+    variant?: string;
+    size?: string;
+    href?: string;
+};
+type SectionCtaProps = WebComponentProps & {
+    title?: string;
+    headline?: string;
+    subtitle?: string;
+    description?: string;
+    badge?: SectionBlockBadge | string;
+    buttons?: SectionCtaButton[] | string;
+    variant?: 'default' | 'banner' | 'card';
+    theme?: 'light' | 'dark' | 'gradient' | 'tinted';
+    align?: 'left' | 'center';
+    contentPadding?: 's' | 'm' | 'l';
+    size?: 's' | 'm' | 'l' | 'xl';
+    fullWidth?: boolean;
+    fullHeight?: boolean;
+    overflowVisible?: boolean;
+    onAction?: DbEventHandler<{
+        action: SectionCtaButton;
+    }>;
+    onDbAction?: DbEventHandler<{
+        action: SectionCtaButton;
+    }>;
+};
+type SectionTestimonialItem = {
+    quote: string;
+    author: string;
+    role?: string;
+    company?: string;
+    avatar?: string;
+    rating?: number;
+};
+type SectionTestimonialsProps = WebComponentProps & {
+    headline?: string;
+    subtitle?: string;
+    description?: string;
+    badge?: SectionBlockBadge | string;
+    items?: SectionTestimonialItem[] | string;
+    variant?: 'grid' | 'carousel';
+    columns?: 2 | 3 | string;
+    align?: 'left' | 'center';
+    contentPadding?: 's' | 'm' | 'l';
+    size?: 's' | 'm' | 'l' | 'xl';
+    fullWidth?: boolean;
+    fullHeight?: boolean;
+    overflowVisible?: boolean;
+};
+type SectionFeatureGridItem = {
+    title: string;
+    description: string;
+    iconName?: string;
+};
+type SectionFeatureGridProps = WebComponentProps & {
+    headline?: string;
+    subtitle?: string;
+    description?: string;
+    badge?: SectionBlockBadge | string;
+    items?: SectionFeatureGridItem[] | string;
+    columns?: 2 | 3 | 4 | string;
+    tinted?: boolean;
+    align?: 'left' | 'center';
+    contentPadding?: 's' | 'm' | 'l';
+    size?: 's' | 'm' | 'l' | 'xl';
+    fullWidth?: boolean;
+    fullHeight?: boolean;
+    overflowVisible?: boolean;
+};
+type SectionLogoCloudItem = {
+    src?: string;
+    alt: string;
+    href?: string;
+    label?: string;
+};
+type SectionLogoCloudProps = WebComponentProps & {
+    headline?: string;
+    subtitle?: string;
+    description?: string;
+    badge?: SectionBlockBadge | string;
+    logos?: SectionLogoCloudItem[] | string;
+    variant?: 'grid' | 'marquee';
+    align?: 'left' | 'center';
+    contentPadding?: 's' | 'm' | 'l';
+    size?: 's' | 'm' | 'l' | 'xl';
+    fullWidth?: boolean;
+    fullHeight?: boolean;
+    overflowVisible?: boolean;
+};
+type SectionStatItem = {
+    value: string | number;
+    label: string;
+    description?: string;
+};
+type SectionStatsProps = WebComponentProps & {
+    headline?: string;
+    subtitle?: string;
+    description?: string;
+    badge?: SectionBlockBadge | string;
+    items?: SectionStatItem[] | string;
+    columns?: 2 | 3 | 4 | string;
+    tinted?: boolean;
+    align?: 'left' | 'center';
+    contentPadding?: 's' | 'm' | 'l';
+    size?: 's' | 'm' | 'l' | 'xl';
+    fullWidth?: boolean;
+    fullHeight?: boolean;
+    overflowVisible?: boolean;
+};
+type SectionFaqItem = {
+    id: string;
+    question: string;
+    answer: string;
+};
+type SectionFaqProps = WebComponentProps & {
+    headline?: string;
+    subtitle?: string;
+    description?: string;
+    badge?: SectionBlockBadge | string;
+    items?: SectionFaqItem[] | string;
+    allowMultiple?: boolean;
+    align?: 'left' | 'center';
+    contentPadding?: 's' | 'm' | 'l';
+    size?: 's' | 'm' | 'l' | 'xl';
+    fullWidth?: boolean;
+    fullHeight?: boolean;
+    overflowVisible?: boolean;
+};
+type SectionPricingCta = {
+    label: string;
+    href?: string;
+    variant?: string;
+};
+type SectionPricingPlan = {
+    name: string;
+    price: string;
+    period?: string;
+    description?: string;
+    features: string[];
+    highlighted?: boolean;
+    badge?: string;
+    cta: SectionPricingCta;
+};
+type SectionPricingProps = WebComponentProps & {
+    headline?: string;
+    subtitle?: string;
+    description?: string;
+    badge?: SectionBlockBadge | string;
+    plans?: SectionPricingPlan[] | string;
+    columns?: 2 | 3 | string;
+    align?: 'left' | 'center';
+    contentPadding?: 's' | 'm' | 'l';
+    size?: 's' | 'm' | 'l' | 'xl';
+    fullWidth?: boolean;
+    fullHeight?: boolean;
+    overflowVisible?: boolean;
+    onAction?: DbEventHandler<{
+        plan: SectionPricingPlan;
+    }>;
+    onDbAction?: DbEventHandler<{
+        plan: SectionPricingPlan;
+    }>;
+};
 type MarqueeImageItem = {
     src: string;
     alt?: string;
@@ -6997,6 +7789,8 @@ declare const Masonry: react.ForwardRefExoticComponent<Omit<MasonryProps, "ref">
 declare const Carousel: react.ForwardRefExoticComponent<Omit<CarouselProps, "ref"> & react.RefAttributes<HTMLElement>>;
 declare const ColorPicker: react.ForwardRefExoticComponent<Omit<ColorPickerProps, "ref"> & react.RefAttributes<HTMLElement>>;
 declare const Reorder: react.ForwardRefExoticComponent<Omit<ReorderProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const Kanban: react.ForwardRefExoticComponent<Omit<KanbanProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const Gantt: react.ForwardRefExoticComponent<Omit<GanttProps, "ref"> & react.RefAttributes<HTMLElement>>;
 declare const ResizablePanels: react.ForwardRefExoticComponent<Omit<ResizablePanelsProps, "ref"> & react.RefAttributes<HTMLElement>>;
 declare const VideoPlayer: react.ForwardRefExoticComponent<Omit<VideoPlayerProps, "ref"> & react.RefAttributes<HTMLElement>>;
 declare const YouTubePlayer: react.ForwardRefExoticComponent<Omit<YouTubePlayerProps, "ref"> & react.RefAttributes<HTMLElement>>;
@@ -7009,6 +7803,13 @@ declare const SectionFeature: react.ForwardRefExoticComponent<Omit<SectionFeatur
 declare const AppBadge: react.ForwardRefExoticComponent<Omit<AppBadgeProps, "ref"> & react.RefAttributes<HTMLElement>>;
 declare const SectionContact: react.ForwardRefExoticComponent<Omit<SectionContactProps, "ref"> & react.RefAttributes<HTMLElement>>;
 declare const SectionAppDownload: react.ForwardRefExoticComponent<Omit<SectionAppDownloadProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const SectionCta: react.ForwardRefExoticComponent<Omit<SectionCtaProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const SectionTestimonials: react.ForwardRefExoticComponent<Omit<SectionTestimonialsProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const SectionFeatureGrid: react.ForwardRefExoticComponent<Omit<SectionFeatureGridProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const SectionLogoCloud: react.ForwardRefExoticComponent<Omit<SectionLogoCloudProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const SectionStats: react.ForwardRefExoticComponent<Omit<SectionStatsProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const SectionFaq: react.ForwardRefExoticComponent<Omit<SectionFaqProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const SectionPricing: react.ForwardRefExoticComponent<Omit<SectionPricingProps, "ref"> & react.RefAttributes<HTMLElement>>;
 declare const Marquee: react.ForwardRefExoticComponent<Omit<MarqueeProps, "ref"> & react.RefAttributes<HTMLElement>>;
 declare const Gradient: react.ForwardRefExoticComponent<Omit<GradientProps, "ref"> & react.RefAttributes<HTMLElement>>;
 declare const RandomGradient: react.ForwardRefExoticComponent<Omit<RandomGradientProps, "ref"> & react.RefAttributes<HTMLElement>>;
@@ -7060,5 +7861,5 @@ declare const DatePicker: react.ForwardRefExoticComponent<Omit<DatePickerProps,
 declare const TimePicker: react.ForwardRefExoticComponent<Omit<TimePickerProps, "ref"> & react.RefAttributes<HTMLElement>>;
 declare const Calendar: react.ForwardRefExoticComponent<Omit<CalendarProps, "ref"> & react.RefAttributes<HTMLElement>>;
 
-export { Accordion, AdBanner, Alert, AnimationBackground, AnimationText, AppBadge, AudioPlayer, Avatar, Backdrop, Badge, Banner, BottomNavigation, BottomSheet, Breadcrumbs, Button, Calendar, Card, Carousel, Checkbox, Chip, CodeBlock, ColorPicker, Confirm, Container, ContextMenu, Countdown, CursorFollower, DatePicker, Divider, Drawer, Dropdown, Dropzone, EmptyState, FileUploader, FloatingActionButton, Footer, Form, Gradient, Grid, GridBackground, GridItem, Image, ImageList, ImagePlaceholder, Indicator, Input, Label, Lightbox, List, Logo, Lottie, MarkdownEditor, Marquee, Masonry, MenuItem, Modal, ModalBody, ModalFooter, ModalHeader, Navbar, OnboardingModal, PageHeader, Pagination, Popover, Progress, ProgressStep, Progressbar, Radio, RandomGradient, RangeSlider, Rating, Reorder, ResizablePanels, ScrollArea, SearchBar, Section, SectionAppDownload, SectionContact, SectionFeature, SectionHero, SegmentControl, Select, Share, Sidebar, Skeleton, Spinner, SplitView, Stack, Stat, Stepper, Table, Tabs, Testimonial, Textarea, TimePicker, Timeline, Toast, Toggle, Toolbar, Tooltip, TopBanner, Tutorial, VideoPlayer, YouTubePlayer, useContextMenu };
-export type { AccordionItemConfig, AccordionProps, AdBannerProps, AlertAction, AlertProps, AnimationBackgroundProps, AnimationTextProps, AppBadgeProps, AudioPlayerProps, AvatarProps, BackdropProps, BadgeProps, BannerAction, BannerProps, BottomNavigationItem, BottomNavigationProps, BottomSheetProps, BreadcrumbItemConfig, BreadcrumbsProps, ButtonProps, CalendarEvent, CalendarProps, CardProps, CarouselItem, CarouselProps, ChipProps, CodeBlockItem, CodeBlockProps, ColorPickerProps, ConfirmProps, ContextMenuItemConfig, ContextMenuProps, CountdownProps, CursorFollowerProps, DatePickerProps, DbEventHandler, DividerProps, DrawerProps, DropdownItemConfig, DropdownProps, DropzoneProps, EmptyStateProps, FileUploaderProps, FloatingActionButtonProps, FooterCompanyInfo, FooterFamilySite, FooterLink, FooterLinkColumn, FooterProps, FooterSocialLink, FormFieldData, FormProps, GradientColor, GradientProps, GradientScheme, GradientTone, GridBackgroundProps, ImageListItem, ImageListProps, ImagePlaceholderProps, ImageProps, IndicatorProps, InputProps, LabelProps, LightboxImage, LightboxProps, ListItemConfig, ListProps, LogoProps, LottieProps, MarkdownEditorProps, MarqueeImageItem, MarqueeProps, MasonryItem, MasonryProps, MenuItemChildConfig, MenuItemProps, ModalProps, ModalSegmentItem, ModalTabItem, NavbarItem, NavbarProps, NavbarUserProfile, OnboardingModalProps, OnboardingStep, PageHeaderProps, PageHeaderTabItem, PaginationProps, PopoverProps, ProgressProps, ProgressStepItem, ProgressStepProps, RadioProps, RandomGradientProps, RangeSliderProps, RatingProps, ReorderItem, ReorderProps, ResizablePanelsProps, ScrollAreaProps, SearchBarProps, SectionAppDownloadProps, SectionAppDownloadStore, SectionContactAction, SectionContactProps, SectionFeatureAction, SectionFeatureBadge, SectionFeatureProps, SectionHeroButton, SectionHeroProps, SectionProps, SegmentControlProps, SelectProps, SelectionProps, SharePlatform, ShareProps, SidebarItem, SidebarProps, SidebarSection, SidebarUserProfile, SkeletonProps, SpinnerProps, SplitViewProps, StatChange, StatProps, StepperProps, TabItemConfig, TableColumn, TableProps, TabsProps, TestimonialProps, TextareaProps, TimePickerProps, TimelineItem, TimelineProps, ToastProps, ToggleProps, TooltipProps, TopBannerProps, TutorialProps, TutorialStep, UseContextMenuReturn, VideoPlayerProps, WebComponentProps, YouTubePlayerProps };
+export { Accordion, AdBanner, Alert, AnimationBackground, AnimationText, AppBadge, AudioPlayer, Avatar, Backdrop, Badge, Banner, BottomNavigation, BottomSheet, Breadcrumbs, Button, Calendar, Card, Carousel, Checkbox, Chip, CodeBlock, ColorPicker, Confirm, Container, ContextMenu, Countdown, CursorFollower, DatePicker, Divider, Drawer, Dropdown, Dropzone, EmptyState, FileUploader, FloatingActionButton, Footer, Form, Gantt, Gradient, Grid, GridBackground, GridItem, Image, ImageList, ImagePlaceholder, Indicator, Input, Kanban, Label, Lightbox, List, Logo, Lottie, MarkdownEditor, Marquee, Masonry, MenuItem, Modal, ModalBody, ModalFooter, ModalHeader, Navbar, OnboardingModal, PageHeader, Pagination, Popover, Progress, ProgressStep, Progressbar, Radio, RandomGradient, RangeSlider, Rating, Reorder, ResizablePanels, ScrollArea, SearchBar, Section, SectionAppDownload, SectionContact, SectionCta, SectionFaq, SectionFeature, SectionFeatureGrid, SectionHero, SectionLogoCloud, SectionPricing, SectionStats, SectionTestimonials, SegmentControl, Select, Share, Sidebar, Skeleton, Spinner, SplitView, Stack, Stat, Stepper, Table, Tabs, Testimonial, Textarea, TimePicker, Timeline, Toast, Toggle, Toolbar, Tooltip, TopBanner, Tutorial, VideoPlayer, YouTubePlayer, useContextMenu };
+export type { AccordionItemConfig, AccordionProps, AdBannerProps, AlertAction, AlertProps, AnimationBackgroundProps, AnimationTextProps, AppBadgeProps, AudioPlayerProps, AvatarProps, BackdropProps, BadgeProps, BannerAction, BannerProps, BottomNavigationItem, BottomNavigationProps, BottomSheetProps, BreadcrumbItemConfig, BreadcrumbMenuItemConfig, BreadcrumbsProps, ButtonProps, CalendarEvent, CalendarProps, CardProps, CarouselItem, CarouselProps, ChipProps, CodeBlockItem, CodeBlockProps, ColorPickerProps, ConfirmProps, ContextMenuItemConfig, ContextMenuProps, CountdownProps, CursorFollowerProps, DatePickerProps, DbEventHandler, DividerProps, DrawerProps, DropdownItemConfig, DropdownProps, DropzoneProps, EmptyStateProps, FileUploaderProps, FloatingActionButtonProps, FooterCompanyInfo, FooterFamilySite, FooterLink, FooterLinkColumn, FooterProps, FooterSocialLink, FormFieldData, FormProps, GanttAssignee, GanttGroup, GanttItem, GanttProps, GanttRow, GradientColor, GradientProps, GradientScheme, GradientTone, GridBackgroundProps, ImageListItem, ImageListProps, ImagePlaceholderProps, ImageProps, IndicatorProps, InputProps, KanbanAssignee, KanbanCard, KanbanColumn, KanbanProps, KanbanTag, LabelProps, LightboxImage, LightboxProps, ListItemConfig, ListProps, LogoProps, LottieProps, MarkdownEditorProps, MarqueeImageItem, MarqueeProps, MasonryItem, MasonryProps, MenuItemChildConfig, MenuItemProps, ModalProps, ModalSegmentItem, ModalTabItem, NavbarItem, NavbarProps, NavbarUserProfile, OnboardingModalProps, OnboardingStep, PageHeaderProps, PageHeaderTabItem, PaginationProps, PopoverProps, ProgressProps, ProgressStepItem, ProgressStepProps, RadioProps, RandomGradientProps, RangeSliderProps, RatingProps, ReorderItem, ReorderProps, ResizablePanelsProps, ScrollAreaProps, SearchBarProps, SectionAppDownloadProps, SectionAppDownloadStore, SectionBlockBadge, SectionContactAction, SectionContactProps, SectionCtaButton, SectionCtaProps, SectionFaqItem, SectionFaqProps, SectionFeatureAction, SectionFeatureBadge, SectionFeatureGridItem, SectionFeatureGridProps, SectionFeatureProps, SectionHeroButton, SectionHeroProps, SectionLogoCloudItem, SectionLogoCloudProps, SectionPricingCta, SectionPricingPlan, SectionPricingProps, SectionProps, SectionStatItem, SectionStatsProps, SectionTestimonialItem, SectionTestimonialsProps, SegmentControlProps, SelectProps, SelectionProps, SharePlatform, ShareProps, SidebarItem, SidebarProject, SidebarPromoBanner, SidebarProps, SidebarSection, SidebarUserProfile, SkeletonProps, SpinnerProps, SplitViewProps, StatChange, StatProps, StepperProps, TabItemConfig, TableColumn, TableProps, TabsProps, TestimonialProps, TextareaProps, TimePickerProps, TimelineItem, TimelineProps, ToastProps, ToggleProps, TooltipProps, TopBannerProps, TutorialProps, TutorialStep, UseContextMenuReturn, VideoPlayerProps, WebComponentProps, YouTubePlayerProps };