canvas-ui-sdk 0.3.16 → 0.3.18

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
-import { ReactNode } from 'react';
+import React__default, { ReactNode } from 'react';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
@@ -817,7 +817,7 @@ interface MobileMenuShellProps {
  */
 declare function MobileMenuShell({ tabs, variant, activeTab, onTabChange, children, contentClassName, }: MobileMenuShellProps): react_jsx_runtime.JSX.Element;
 
-interface FilterOption$c {
+interface FilterOption {
     id: string;
     label: string;
 }
@@ -825,12 +825,12 @@ interface FilterDropdownConfig {
     id: string;
     label: string;
     placeholder: string;
-    options: FilterOption$c[];
+    options: FilterOption[];
 }
 interface FilterCheckboxGroupConfig {
     id: string;
     label: string;
-    options: FilterOption$c[];
+    options: FilterOption[];
 }
 interface FilterDateRangeConfig {
     id: string;
@@ -1538,6 +1538,61 @@ interface PillTabsProps {
  */
 declare function PillTabs({ tabs, activeTab, onTabChange, className, }: PillTabsProps): react_jsx_runtime.JSX.Element;
 
+interface SortOption$c {
+    id: string;
+    label: string;
+}
+interface TitleGroupProps {
+    /** Main heading text */
+    title: string;
+    /** Subtitle / description text shown below the title */
+    subtitle?: string;
+    /** Sort dropdown options. If omitted or empty, sort dropdown is hidden. */
+    sortOptions?: SortOption$c[];
+    /** Placeholder text for sort dropdown */
+    sortPlaceholder?: string;
+    /** Callback when sort selection changes */
+    onSort?: (value: string) => void;
+    /** Whether to show the filter control. Defaults to true when sortOptions are provided. */
+    showFilter?: boolean;
+    /** Props forwarded to FilterPopover. triggerVariant defaults to "dropdown". */
+    filterPopoverProps?: Partial<Omit<FilterPopoverProps, "triggerVariant">> & {
+        triggerVariant?: "button" | "dropdown";
+    };
+    /** Placeholder text for the filter trigger */
+    filterPlaceholder?: string;
+    /** Action button label. If omitted, no action button is rendered. */
+    actionButtonText?: string;
+    /** Callback when action button is clicked */
+    onAction?: () => void;
+    /** Additional CSS class names for the root wrapper */
+    className?: string;
+}
+/**
+ * Canvas Design System - Title Group Component
+ *
+ * A reusable header section for block components with title, subtitle,
+ * sort dropdown, filter popover (dropdown variant by default), and
+ * optional action button.
+ *
+ * @example
+ * ```tsx
+ * // With sort + filter + action button
+ * <TitleGroup
+ *   title="Teammates"
+ *   subtitle="12 results"
+ *   sortOptions={[{ id: "name-asc", label: "Name (A-Z)" }]}
+ *   onSort={(value) => console.log(value)}
+ *   actionButtonText="Add new"
+ *   onAction={() => console.log("Add new")}
+ * />
+ *
+ * // Title only
+ * <TitleGroup title="Activity" subtitle="Recent updates" />
+ * ```
+ */
+declare function TitleGroup({ title, subtitle, sortOptions, sortPlaceholder, onSort, showFilter, filterPopoverProps, filterPlaceholder, actionButtonText, onAction, className, }: TitleGroupProps): react_jsx_runtime.JSX.Element;
+
 interface SearchBarProps {
     /** Placeholder text for the input */
     placeholder?: string;
@@ -1605,10 +1660,6 @@ interface SortOption$b {
     id: string;
     label: string;
 }
-interface FilterOption$b {
-    id: string;
-    label: string;
-}
 interface StandardDataTableProps {
     /** Table title */
     title?: string;
@@ -1623,7 +1674,10 @@ interface StandardDataTableProps {
     /** Sort options for the sort dropdown */
     sortOptions?: SortOption$b[];
     /** Filter options for the filter dropdown */
-    filterOptions?: FilterOption$b[];
+    filterOptions?: {
+        id: string;
+        label: string;
+    }[];
     /** Primary action button text */
     actionButtonText?: string;
     /** Callback when add/action button is clicked */
@@ -1655,7 +1709,7 @@ interface StandardDataTableProps {
  * />
  * ```
  */
-declare function StandardDataTable({ title, resultCount, resultCountText, columns, data, sortOptions, filterOptions, actionButtonText, onAddNew, onSort, onFilter, onRowAction, className, }: StandardDataTableProps): react_jsx_runtime.JSX.Element;
+declare function StandardDataTable({ title, resultCount, resultCountText, columns, data, sortOptions, actionButtonText, onAddNew, onSort, onRowAction, className, }: StandardDataTableProps): react_jsx_runtime.JSX.Element;
 
 type FixedColumnTableStatus = "pending" | "paid" | "overdue";
 interface FixedColumnTableRow {
@@ -1672,10 +1726,6 @@ interface SortOption$a {
     id: string;
     label: string;
 }
-interface FilterOption$a {
-    id: string;
-    label: string;
-}
 interface FixedColumnDataTableProps {
     /** Table title */
     title?: string;
@@ -1688,7 +1738,10 @@ interface FixedColumnDataTableProps {
     /** Sort options for the sort dropdown */
     sortOptions?: SortOption$a[];
     /** Filter options for the filter dropdown */
-    filterOptions?: FilterOption$a[];
+    filterOptions?: {
+        id: string;
+        label: string;
+    }[];
     /** Primary action button text */
     actionButtonText?: string;
     /** Callback when add/action button is clicked */
@@ -1720,7 +1773,7 @@ interface FixedColumnDataTableProps {
  * />
  * ```
  */
-declare function FixedColumnDataTable({ title, resultCount, resultCountText, data, sortOptions, filterOptions, actionButtonText, onAddNew, onSort, onFilter, onRowAction, className, }: FixedColumnDataTableProps): react_jsx_runtime.JSX.Element;
+declare function FixedColumnDataTable({ title, resultCount, resultCountText, data, sortOptions, actionButtonText, onAddNew, onSort, onRowAction, className, }: FixedColumnDataTableProps): react_jsx_runtime.JSX.Element;
 
 interface ChildRow {
     id: string;
@@ -1744,10 +1797,6 @@ interface SortOption$9 {
     id: string;
     label: string;
 }
-interface FilterOption$9 {
-    id: string;
-    label: string;
-}
 interface NestedDataTableProps {
     /** Table title */
     title?: string;
@@ -1760,7 +1809,10 @@ interface NestedDataTableProps {
     /** Sort options for the sort dropdown */
     sortOptions?: SortOption$9[];
     /** Filter options for the filter dropdown */
-    filterOptions?: FilterOption$9[];
+    filterOptions?: {
+        id: string;
+        label: string;
+    }[];
     /** Primary action button text */
     actionButtonText?: string;
     /** Callback when add/action button is clicked */
@@ -1792,7 +1844,7 @@ interface NestedDataTableProps {
  * />
  * ```
  */
-declare function NestedDataTable({ title, resultCount, resultCountText, data, sortOptions, filterOptions, actionButtonText, onAddNew, onSort, onFilter, onRowAction, onChildAction, className, }: NestedDataTableProps): react_jsx_runtime.JSX.Element;
+declare function NestedDataTable({ title, resultCount, resultCountText, data, sortOptions, actionButtonText, onAddNew, onSort, onRowAction, onChildAction, className, }: NestedDataTableProps): react_jsx_runtime.JSX.Element;
 
 interface ReviewItem {
     id: string;
@@ -1806,10 +1858,6 @@ interface SortOption$8 {
     id: string;
     label: string;
 }
-interface FilterOption$8 {
-    id: string;
-    label: string;
-}
 interface ReviewsTableProps {
     /** Table title */
     title?: string;
@@ -1822,7 +1870,10 @@ interface ReviewsTableProps {
     /** Sort options for the sort dropdown */
     sortOptions?: SortOption$8[];
     /** Filter options for the filter dropdown */
-    filterOptions?: FilterOption$8[];
+    filterOptions?: {
+        id: string;
+        label: string;
+    }[];
     /** Primary action button text */
     actionButtonText?: string;
     /** Callback when add/action button is clicked */
@@ -1854,7 +1905,7 @@ interface ReviewsTableProps {
  * />
  * ```
  */
-declare function ReviewsTable({ title, reviewCount, reviewCountText, reviews, sortOptions, filterOptions, actionButtonText, onAddNew, onSort, onFilter, onReadMore, className, }: ReviewsTableProps): react_jsx_runtime.JSX.Element;
+declare function ReviewsTable({ title, reviewCount, reviewCountText, reviews, sortOptions, actionButtonText, onAddNew, onSort, onReadMore, className, }: ReviewsTableProps): react_jsx_runtime.JSX.Element;
 
 interface PostAuthor$2 {
     id: string;
@@ -1885,10 +1936,6 @@ interface SortOption$7 {
     id: string;
     label: string;
 }
-interface FilterOption$7 {
-    id: string;
-    label: string;
-}
 interface UpvotingPostsTableProps {
     /** Table title */
     title?: string;
@@ -1901,7 +1948,10 @@ interface UpvotingPostsTableProps {
     /** Sort options for the sort dropdown */
     sortOptions?: SortOption$7[];
     /** Filter options for the filter dropdown */
-    filterOptions?: FilterOption$7[];
+    filterOptions?: {
+        id: string;
+        label: string;
+    }[];
     /** Primary action button text */
     actionButtonText?: string;
     /** Callback when add/action button is clicked */
@@ -1937,7 +1987,7 @@ interface UpvotingPostsTableProps {
  * />
  * ```
  */
-declare function UpvotingPostsTable({ title, subtitle, posts, currentUser, sortOptions, filterOptions, actionButtonText, onAddNew, onSort, onFilter, onUpvote, onComment, onReply, onLike, className, }: UpvotingPostsTableProps): react_jsx_runtime.JSX.Element;
+declare function UpvotingPostsTable({ title, subtitle, posts, currentUser, sortOptions, actionButtonText, onAddNew, onSort, onUpvote, onComment, onReply, onLike, className, }: UpvotingPostsTableProps): react_jsx_runtime.JSX.Element;
 
 interface CommentAuthor {
     id: string;
@@ -2225,10 +2275,6 @@ interface SortOption$6 {
     id: string;
     label: string;
 }
-interface FilterOption$6 {
-    id: string;
-    label: string;
-}
 interface StandardListWithImageProps {
     /** Block title */
     title?: string;
@@ -2239,7 +2285,10 @@ interface StandardListWithImageProps {
     /** Sort options for the sort dropdown */
     sortOptions?: SortOption$6[];
     /** Filter options for the filter dropdown */
-    filterOptions?: FilterOption$6[];
+    filterOptions?: {
+        id: string;
+        label: string;
+    }[];
     /** Callback when sort value changes */
     onSort?: (value: string) => void;
     /** Callback when filter value changes */
@@ -2266,7 +2315,7 @@ interface StandardListWithImageProps {
  * />
  * ```
  */
-declare function StandardListWithImage({ title, subtitle, items, sortOptions, filterOptions, onSort, onFilter, onItemClick, className, }: StandardListWithImageProps): react_jsx_runtime.JSX.Element;
+declare function StandardListWithImage({ title, subtitle, items, sortOptions, onSort, onItemClick, className, }: StandardListWithImageProps): react_jsx_runtime.JSX.Element;
 
 interface IconLabelConfig {
     id: string;
@@ -2291,10 +2340,6 @@ interface SortOption$5 {
     id: string;
     label: string;
 }
-interface FilterOption$5 {
-    id: string;
-    label: string;
-}
 interface LargeImageLabelsListProps {
     /** Section title */
     title?: string;
@@ -2307,7 +2352,10 @@ interface LargeImageLabelsListProps {
     /** Sort options for the sort dropdown */
     sortOptions?: SortOption$5[];
     /** Filter options for the filter dropdown */
-    filterOptions?: FilterOption$5[];
+    filterOptions?: {
+        id: string;
+        label: string;
+    }[];
     /** Callback when sort value changes */
     onSort?: (value: string) => void;
     /** Callback when filter value changes */
@@ -2349,7 +2397,7 @@ interface LargeImageLabelsListProps {
  * />
  * ```
  */
-declare function LargeImageLabelsList({ title, resultCount, resultCountText, items, sortOptions, filterOptions, onSort, onFilter, onFavorite, onItemClick, className, }: LargeImageLabelsListProps): react_jsx_runtime.JSX.Element;
+declare function LargeImageLabelsList({ title, resultCount, resultCountText, items, sortOptions, onSort, onFavorite, onItemClick, className, }: LargeImageLabelsListProps): react_jsx_runtime.JSX.Element;
 
 interface ProgressListItem {
     id: string;
@@ -2362,10 +2410,6 @@ interface SortOption$4 {
     id: string;
     label: string;
 }
-interface FilterOption$4 {
-    id: string;
-    label: string;
-}
 interface CircularProgressBarProps {
     /** Progress percentage (0-100) */
     progress: number;
@@ -2388,7 +2432,10 @@ interface CircularProgressBarListProps {
     /** Sort options for the sort dropdown */
     sortOptions?: SortOption$4[];
     /** Filter options for the filter dropdown */
-    filterOptions?: FilterOption$4[];
+    filterOptions?: {
+        id: string;
+        label: string;
+    }[];
     /** Callback when sort value changes */
     onSort?: (value: string) => void;
     /** Callback when filter value changes */
@@ -2422,7 +2469,7 @@ declare function CircularProgressBar({ progress, size, strokeWidth, className, }
  * />
  * ```
  */
-declare function CircularProgressBarList({ title, resultCount, resultCountText, items, sortOptions, filterOptions, onSort, onFilter, onItemAction, className, }: CircularProgressBarListProps): react_jsx_runtime.JSX.Element;
+declare function CircularProgressBarList({ title, resultCount, resultCountText, items, sortOptions, onSort, onItemAction, className, }: CircularProgressBarListProps): react_jsx_runtime.JSX.Element;
 
 interface ActivityAuthor {
     id: string;
@@ -2998,10 +3045,6 @@ interface SortOption$3 {
     id: string;
     label: string;
 }
-interface FilterOption$3 {
-    id: string;
-    label: string;
-}
 interface SlideshowGridTilesProps {
     /** Block title */
     title?: string;
@@ -3012,7 +3055,10 @@ interface SlideshowGridTilesProps {
     /** Sort options for the sort dropdown */
     sortOptions?: SortOption$3[];
     /** Filter options for the filter dropdown */
-    filterOptions?: FilterOption$3[];
+    filterOptions?: {
+        id: string;
+        label: string;
+    }[];
     /** Primary action button text */
     actionButtonText?: string;
     /** Callback when action button is clicked */
@@ -3044,7 +3090,7 @@ interface SlideshowGridTilesProps {
  * />
  * ```
  */
-declare function SlideshowGridTiles({ title, subtitle, items, sortOptions, filterOptions, actionButtonText, onAddNew, onSort, onFilter, onSave, onItemClick, className, }: SlideshowGridTilesProps): react_jsx_runtime.JSX.Element;
+declare function SlideshowGridTiles({ title, subtitle, items, sortOptions, actionButtonText, onAddNew, onSort, onSave, onItemClick, className, }: SlideshowGridTilesProps): react_jsx_runtime.JSX.Element;
 
 interface GridTileItem {
     id: string;
@@ -3069,10 +3115,6 @@ interface SortOption$2 {
     id: string;
     label: string;
 }
-interface FilterOption$2 {
-    id: string;
-    label: string;
-}
 interface GridTilesListProps {
     /** Block title */
     title?: string;
@@ -3085,7 +3127,10 @@ interface GridTilesListProps {
     /** Sort options for the sort dropdown */
     sortOptions?: SortOption$2[];
     /** Filter options for the filter dropdown */
-    filterOptions?: FilterOption$2[];
+    filterOptions?: {
+        id: string;
+        label: string;
+    }[];
     /** Primary action button text */
     actionButtonText?: string;
     /** Callback when action button is clicked */
@@ -3117,7 +3162,7 @@ interface GridTilesListProps {
  * />
  * ```
  */
-declare function GridTilesList({ title, subtitle, items, columns, sortOptions, filterOptions, actionButtonText, onAddNew, onSort, onFilter, onFavorite, onItemClick, className, }: GridTilesListProps): react_jsx_runtime.JSX.Element;
+declare function GridTilesList({ title, subtitle, items, columns, sortOptions, actionButtonText, onAddNew, onSort, onFavorite, onItemClick, className, }: GridTilesListProps): react_jsx_runtime.JSX.Element;
 
 interface ProfileTileItem {
     id: string;
@@ -3138,10 +3183,6 @@ interface SortOption$1 {
     id: string;
     label: string;
 }
-interface FilterOption$1 {
-    id: string;
-    label: string;
-}
 interface ProfileGridTilesListProps {
     /** Block title */
     title?: string;
@@ -3154,7 +3195,10 @@ interface ProfileGridTilesListProps {
     /** Sort options for the sort dropdown */
     sortOptions?: SortOption$1[];
     /** Filter options for the filter dropdown */
-    filterOptions?: FilterOption$1[];
+    filterOptions?: {
+        id: string;
+        label: string;
+    }[];
     /** Primary action button text */
     actionButtonText?: string;
     /** Callback when action button is clicked */
@@ -3184,7 +3228,7 @@ interface ProfileGridTilesListProps {
  * />
  * ```
  */
-declare function ProfileGridTilesList({ title, subtitle, items, columns, sortOptions, filterOptions, actionButtonText, onAddNew, onSort, onFilter, onItemClick, className, }: ProfileGridTilesListProps): react_jsx_runtime.JSX.Element;
+declare function ProfileGridTilesList({ title, subtitle, items, columns, sortOptions, actionButtonText, onAddNew, onSort, onItemClick, className, }: ProfileGridTilesListProps): react_jsx_runtime.JSX.Element;
 
 interface FormFieldConfig {
     id: string;
@@ -3210,10 +3254,6 @@ interface SortOption {
     id: string;
     label: string;
 }
-interface FilterOption {
-    id: string;
-    label: string;
-}
 interface FormGroupProps {
     /** Form title */
     title?: string;
@@ -3224,7 +3264,10 @@ interface FormGroupProps {
     /** Sort options for the sort dropdown */
     sortOptions?: SortOption[];
     /** Filter options for the filter dropdown */
-    filterOptions?: FilterOption[];
+    filterOptions?: {
+        id: string;
+        label: string;
+    }[];
     /** Primary action button text */
     actionButtonText?: string;
     /** Cancel button text */
@@ -3269,7 +3312,7 @@ interface FormGroupProps {
  * />
  * ```
  */
-declare function FormGroup({ title, description, rows, sortOptions, filterOptions, actionButtonText, cancelButtonText, saveButtonText, inputSize, onAddNew, onSort, onFilter, onCancel, onSave, onFieldChange, showHeader, showFooter, className, }: FormGroupProps): react_jsx_runtime.JSX.Element;
+declare function FormGroup({ title, description, rows, sortOptions, actionButtonText, cancelButtonText, saveButtonText, inputSize, onAddNew, onSort, onCancel, onSave, onFieldChange, showHeader, showFooter, className, }: FormGroupProps): react_jsx_runtime.JSX.Element;
 
 interface PricedDate {
     date: Date;
@@ -4742,6 +4785,7 @@ interface ThemeState {
     setBrandVibrancy: (vibrancy: number) => void;
     setSyncRelatedColors: (sync: boolean) => void;
     applyBrandHueVibrancy: (hue: number, vibrancy: number, skipPrimary?: boolean) => void;
+    hasCustomizations: boolean;
 }
 
 type PanelId = "colors" | "images" | "typography" | "buttons" | "inputs" | "export";
@@ -4767,8 +4811,12 @@ interface ThemeDrawerProps {
     storageKey?: string;
     title?: string;
     width?: number;
+    readOnly?: boolean;
+    docked?: boolean;
+    stickyTopOffset?: number;
+    children?: React__default.ReactNode;
 }
-declare function ThemeDrawer({ devOnly, triggerPosition, defaultOpen, panels: enabledPanels, onThemeChange, onBrandingChange, onImagesChange, onImageUpload, onSave, initialOverrides, initialBranding, initialImages, initialCustomButtonStyles, storageKey, title, width, }: ThemeDrawerProps): react_jsx_runtime.JSX.Element | null;
+declare function ThemeDrawer({ devOnly, triggerPosition, defaultOpen, panels: enabledPanels, onThemeChange, onBrandingChange, onImagesChange, onImageUpload, onSave, initialOverrides, initialBranding, initialImages, initialCustomButtonStyles, storageKey, title, width, readOnly, docked, stickyTopOffset, children, }: ThemeDrawerProps): react_jsx_runtime.JSX.Element | null;
 
 interface HslColorPickerProps {
     value: string;
@@ -4793,4 +4841,4 @@ interface ColorInputRowProps {
  */
 declare function ColorInputRow({ label, value, onChange, variableOptions, }: ColorInputRowProps): react_jsx_runtime.JSX.Element;
 
-export { AccountSettingsShell, type AccountTab, ActivityFeed, Avatar, AvatarFallback, AvatarImage, BadgesCard, BlogCards, BottomInputChatWidget, type BrandAsset, type BrandingState, Button, Calendar, CanvasItem, CategoryGrid, CenteredHero, ChatBubble, type ChatBubbleMessage, ChatDateSeparator, ChatInput, ChatMessageList, Checkbox, CheckboxWithLabel, CircularProgressBar, CircularProgressBarList, type CircularProgressBarListProps, type CircularProgressBarProps, ColorInputRow, ComponentPalette, ComponentSearch, ContentDropzone, ContentWithImage, CoreValuesGrid, CreditCardDisplay, CtaBanner, type CustomButtonStyle, CustomComponentHelper, DashboardShell, DateInput, DescriptionCard, DestinationCards, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DoubleSidebar, type DoubleSidebarSection, DoubleSidebarShell, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FaqAccordion, FaqsTable, FeatureWithImage, FeaturedNewsCards, FeaturedPlaces, FeaturesComparison, FileUploader, type FilterCheckboxGroupConfig, type FilterDateRangeConfig, type FilterDropdownConfig, type FilterOption$c as FilterOption, FilterPopover, type FilterState, FixedColumnDataTable, FlairBanner, FooterNavbar, FormGroup, GallerySection, GradientBanner, GridTilesList, Header, HeroDarkCentered, HeroDarkWithImage, HeroFullwidthImage, HeroSection, HowItWorks, HslColorPicker, type IconNavItemConfig, type IconShapeId, IconSidebar, IconSidebarShell, ImageFeedWithNestedComments, type ImageKey, ImageUploader, InfoCard, type InfoCardProps, Input, Label, LargeImageLabelsList, Sidebar as LayoutSidebar, type LineTab, LineTabs, type LinkItem, LinksCard, type LinksCardProps, Loader, LoginBrandingPanel, MenuSection, type MenufocusItem, MenufocusTemplate, type MenufocusTemplateProps, MessengerInput, MessengerSidebar, MetricsSection, MobileBottomNav, MobileMenuShell, type MobileNavTabConfig, MonthlyCalendarWidget, MultiselectCheckboxField, MultiselectTags, MultistepProgressBarShell, type MultistepProgressBarShellProps, type MultistepProgressBarStep, MultistepShell, MultistepSidebarShell, type NavItem, type NavSection, type NavTab, NestedCommentsTable, NestedDataTable, OfficeLocations, PageHeaderSection, Pagination, ParticipantList, type Persona, PersonaCard, PersonaGrid, PillTabs, type PillTabsProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortfolioCard, PreviewBrandingContext, PricingCards, PricingCta, ProfileCard, ProfileGridTilesList, ProfileImageUploader, ProgressBar, type ProjectContext, ProjectContextShell, type ProjectContextTab, PromptChipsRow, PromptTemplate, RadioGroup, RadioGroupItem, RangeInput, ReviewsGrid, ReviewsTable, type Screen, type ScreenConnection, ScreenFlowchart, ScreenPromptBuilder, ScreenPromptTemplate, type ScreenStatus, type ScreenType, ScrollArea, ScrollBar, SearchBar, SearchBarShell, SearchSidebar, Searchbox, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectablePills, Separator, SettingsListRow, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar$1 as Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarNav, SidebarProfileCard, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, SkillsCard, Slider, SlideshowGridTiles, SocialFeed, SocialProof, type SortOption$b as SortOption, StandardDataTable, StandardListWithImage, StandardPageShell, StatsCard, type Step, StepTracker, Switch, type TableColumn, type TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TeamCardsGrid, TeamCircularGrid, TestimonialCarousel, TextInput, Textarea, type ThemeBranding, ThemeContext, ThemeDrawer, type ThemeImages, ThemeProvider, type ThemeState, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Typography, UpvotingPostsTable, type VariableOption, VerticalHowItWorks, VerticalMultistepShell, VerticalStepTracker, VideoChatControls, VideoContentSection, VideoPlaylistCard, VideoPlaylistItem, WebcamPreview, YouTubePlayer, accountTabs, allColorVariables, blocks, broadcastCSSVariables, buttonVariants, canvasBlocks, cn, colorVariables, defaultBranding, defaultButtonColorStyles, defaultButtonColors, defaultButtonSizes, defaultColors, defaultCustomButtonStyles, defaultDoubleSidebarSections, defaultIconNavItems, defaultImages, defaultInputSizes, defaultProgressBarSteps, defaultSteps, defaultSupportLinks, defaultTypography, defaultVerticalSteps, getChildScreens, getScreenUrl, getTopLevelScreens, groupModalDrawerBlocks, layoutPrimitives, layoutShells, marketingBlocks, pageTemplates, pricingBlocks, removeCSSVariables, setCSSVariable, setCSSVariables, setupCSSVariableListener, useCSSVariableSync, useIsMobile, usePreviewBranding, useSidebar, useThemeBrandAssets, useThemeBranding, useThemeImages, videoBlocks };
+export { AccountSettingsShell, type AccountTab, ActivityFeed, Avatar, AvatarFallback, AvatarImage, BadgesCard, BlogCards, BottomInputChatWidget, type BrandAsset, type BrandingState, Button, Calendar, CanvasItem, CategoryGrid, CenteredHero, ChatBubble, type ChatBubbleMessage, ChatDateSeparator, ChatInput, ChatMessageList, Checkbox, CheckboxWithLabel, CircularProgressBar, CircularProgressBarList, type CircularProgressBarListProps, type CircularProgressBarProps, ColorInputRow, ComponentPalette, ComponentSearch, ContentDropzone, ContentWithImage, CoreValuesGrid, CreditCardDisplay, CtaBanner, type CustomButtonStyle, CustomComponentHelper, DashboardShell, DateInput, DescriptionCard, DestinationCards, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DoubleSidebar, type DoubleSidebarSection, DoubleSidebarShell, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FaqAccordion, FaqsTable, FeatureWithImage, FeaturedNewsCards, FeaturedPlaces, FeaturesComparison, FileUploader, type FilterCheckboxGroupConfig, type FilterDateRangeConfig, type FilterDropdownConfig, type FilterOption, FilterPopover, type FilterState, FixedColumnDataTable, FlairBanner, FooterNavbar, FormGroup, GallerySection, GradientBanner, GridTilesList, Header, HeroDarkCentered, HeroDarkWithImage, HeroFullwidthImage, HeroSection, HowItWorks, HslColorPicker, type IconNavItemConfig, type IconShapeId, IconSidebar, IconSidebarShell, ImageFeedWithNestedComments, type ImageKey, ImageUploader, InfoCard, type InfoCardProps, Input, Label, LargeImageLabelsList, Sidebar as LayoutSidebar, type LineTab, LineTabs, type LinkItem, LinksCard, type LinksCardProps, Loader, LoginBrandingPanel, MenuSection, type MenufocusItem, MenufocusTemplate, type MenufocusTemplateProps, MessengerInput, MessengerSidebar, MetricsSection, MobileBottomNav, MobileMenuShell, type MobileNavTabConfig, MonthlyCalendarWidget, MultiselectCheckboxField, MultiselectTags, MultistepProgressBarShell, type MultistepProgressBarShellProps, type MultistepProgressBarStep, MultistepShell, MultistepSidebarShell, type NavItem, type NavSection, type NavTab, NestedCommentsTable, NestedDataTable, OfficeLocations, PageHeaderSection, Pagination, ParticipantList, type Persona, PersonaCard, PersonaGrid, PillTabs, type PillTabsProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortfolioCard, PreviewBrandingContext, PricingCards, PricingCta, ProfileCard, ProfileGridTilesList, ProfileImageUploader, ProgressBar, type ProjectContext, ProjectContextShell, type ProjectContextTab, PromptChipsRow, PromptTemplate, RadioGroup, RadioGroupItem, RangeInput, ReviewsGrid, ReviewsTable, type Screen, type ScreenConnection, ScreenFlowchart, ScreenPromptBuilder, ScreenPromptTemplate, type ScreenStatus, type ScreenType, ScrollArea, ScrollBar, SearchBar, SearchBarShell, SearchSidebar, Searchbox, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectablePills, Separator, SettingsListRow, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar$1 as Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarNav, SidebarProfileCard, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, SkillsCard, Slider, SlideshowGridTiles, SocialFeed, SocialProof, type SortOption$b as SortOption, StandardDataTable, StandardListWithImage, StandardPageShell, StatsCard, type Step, StepTracker, Switch, type TableColumn, type TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TeamCardsGrid, TeamCircularGrid, TestimonialCarousel, TextInput, Textarea, type ThemeBranding, ThemeContext, ThemeDrawer, type ThemeImages, ThemeProvider, type ThemeState, TitleGroup, type TitleGroupProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Typography, UpvotingPostsTable, type VariableOption, VerticalHowItWorks, VerticalMultistepShell, VerticalStepTracker, VideoChatControls, VideoContentSection, VideoPlaylistCard, VideoPlaylistItem, WebcamPreview, YouTubePlayer, accountTabs, allColorVariables, blocks, broadcastCSSVariables, buttonVariants, canvasBlocks, cn, colorVariables, defaultBranding, defaultButtonColorStyles, defaultButtonColors, defaultButtonSizes, defaultColors, defaultCustomButtonStyles, defaultDoubleSidebarSections, defaultIconNavItems, defaultImages, defaultInputSizes, defaultProgressBarSteps, defaultSteps, defaultSupportLinks, defaultTypography, defaultVerticalSteps, getChildScreens, getScreenUrl, getTopLevelScreens, groupModalDrawerBlocks, layoutPrimitives, layoutShells, marketingBlocks, pageTemplates, pricingBlocks, removeCSSVariables, setCSSVariable, setCSSVariables, setupCSSVariableListener, useCSSVariableSync, useIsMobile, usePreviewBranding, useSidebar, useThemeBrandAssets, useThemeBranding, useThemeImages, videoBlocks };