canvas-ui-sdk 4.0.1 → 4.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +41 -3
- package/dist/index.d.ts +2 -1
- package/dist/index.js +38 -30
- package/dist/index.js.map +1 -1
- package/mcp/dist/index.js +20 -13
- package/package.json +3 -2
- package/registry/blocks/category-grid.json +1 -1
- package/registry/blocks/confirmation-popup.json +1 -1
- package/registry/blocks/contact-form-popup.json +1 -1
- package/registry/blocks/details-popup.json +1 -1
- package/registry/blocks/feedback-popup.json +1 -1
- package/registry/blocks/form-popup.json +1 -1
- package/registry/blocks/image-popup.json +1 -1
- package/registry/blocks/invoice-popup.json +1 -1
- package/registry/blocks/list-popup.json +1 -1
- package/registry/blocks/multistep-form-popup.json +1 -1
- package/registry/blocks/nps-survey-popup.json +1 -1
- package/registry/blocks/page-previews.json +1 -1
- package/registry/blocks/persona-card.json +1 -1
- package/registry/blocks/personalize-feed-popup.json +1 -1
- package/registry/blocks/pricing-plans-popup.json +1 -1
- package/registry/blocks/purchase-confirmation-popup.json +1 -1
- package/registry/blocks/share-project-popup.json +1 -1
- package/registry/blocks/small-edit-popup.json +1 -1
- package/registry/blocks/terms-of-service-popup.json +1 -1
- package/registry/blocks/video-playlist.json +1 -1
- package/registry/blocks/video-popup.json +1 -1
- package/registry/blocks/view-profile-popup.json +1 -1
- package/registry/layout/dashboard-shell.json +1 -1
- package/registry/layout/double-sidebar-shell.json +1 -1
- package/registry/layout/double-sidebar.json +1 -1
- package/registry/layout/icon-sidebar-shell.json +1 -1
- package/registry/ui/dropdown-menu.json +1 -1
- package/registry/ui/popover.json +1 -1
- package/registry/ui/select.json +1 -1
- package/styles/tokens.reference.css +7 -0
package/README.md
CHANGED
|
@@ -64,7 +64,47 @@ See `styles/tokens.reference.css` for the full list of available CSS variables.
|
|
|
64
64
|
|
|
65
65
|
## MCP Server
|
|
66
66
|
|
|
67
|
-
Connect the MCP server so your AI editor can discover all components, templates, and design tokens.
|
|
67
|
+
Connect the MCP server so your AI editor can discover all components, templates, and design tokens.
|
|
68
|
+
|
|
69
|
+
### Claude Code
|
|
70
|
+
|
|
71
|
+
Add a `.mcp.json` to your project root:
|
|
72
|
+
|
|
73
|
+
```json
|
|
74
|
+
{
|
|
75
|
+
"mcpServers": {
|
|
76
|
+
"canvas-ui-sdk": {
|
|
77
|
+
"command": "npx",
|
|
78
|
+
"args": ["canvas-ui-mcp"]
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
```
|
|
83
|
+
|
|
84
|
+
Or via CLI: `claude mcp add canvas-ui-sdk npx canvas-ui-mcp`
|
|
85
|
+
|
|
86
|
+
### Cursor
|
|
87
|
+
|
|
88
|
+
Add a `.cursor/mcp.json` to your project root:
|
|
89
|
+
|
|
90
|
+
```json
|
|
91
|
+
{
|
|
92
|
+
"mcpServers": {
|
|
93
|
+
"canvas-ui-sdk": {
|
|
94
|
+
"command": "npx",
|
|
95
|
+
"args": ["-y", "--package=canvas-ui-sdk", "canvas-ui-mcp"]
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
```
|
|
100
|
+
|
|
101
|
+
### Windsurf
|
|
102
|
+
|
|
103
|
+
Add an MCP server in Windsurf settings (Cascade > MCP) with command `npx` and args `-y --package=canvas-ui-sdk canvas-ui-mcp`.
|
|
104
|
+
|
|
105
|
+
### Alternative (direct node invocation)
|
|
106
|
+
|
|
107
|
+
If `npx` doesn't work in your environment:
|
|
68
108
|
|
|
69
109
|
```json
|
|
70
110
|
{
|
|
@@ -77,8 +117,6 @@ Connect the MCP server so your AI editor can discover all components, templates,
|
|
|
77
117
|
}
|
|
78
118
|
```
|
|
79
119
|
|
|
80
|
-
Or with the Claude Code CLI: `claude mcp add canvas-ui-sdk node node_modules/canvas-ui-sdk/mcp/dist/index.js`
|
|
81
|
-
|
|
82
120
|
## AI Instructions
|
|
83
121
|
|
|
84
122
|
Copy the SDK instructions file into your project so your AI editor knows how to use the CLI, design tokens, and component patterns:
|
package/dist/index.d.ts
CHANGED
|
@@ -5023,6 +5023,7 @@ interface CustomButtonStyle {
|
|
|
5023
5023
|
declare const defaultCustomButtonStyles: CustomButtonStyle[];
|
|
5024
5024
|
declare const defaultButtonColors: Record<string, string>;
|
|
5025
5025
|
declare const defaultInputSizes: Record<string, string>;
|
|
5026
|
+
declare const defaultShadows: Record<string, string>;
|
|
5026
5027
|
interface BrandAssetData {
|
|
5027
5028
|
id: string;
|
|
5028
5029
|
name: string;
|
|
@@ -6537,4 +6538,4 @@ declare function ColorInputRow({ label, value, onChange, variableOptions, }: Col
|
|
|
6537
6538
|
*/
|
|
6538
6539
|
declare const UNSPLASH_ACCESS_KEY = "l6HLJ6AXvytE4eSAIh-5sXTd_NHOEa7lHS2l2XiGhAY";
|
|
6539
6540
|
|
|
6540
|
-
export { AVATAR_ALEX_REEVES, AVATAR_BEN_LAWSON, AVATAR_CLAIRE_DONOVAN, AVATAR_DAVID_CARR, AVATAR_DIANA_KWON, AVATAR_EMMA_LIU, AVATAR_ETHAN_BROOKS, AVATAR_HANNAH_KIM, AVATAR_JAMES_HOLLOWAY, AVATAR_JASON_MORALES, AVATAR_JORDAN_MITCHELL, AVATAR_LILY_TRAN, AVATAR_MARCUS_WEBB, AVATAR_MAYA_JOHNSON, AVATAR_MIA_SANTOS, AVATAR_NICOLE_PALMER, AVATAR_NOAH_PATEL, AVATAR_OLIVIA_FERNANDEZ, AVATAR_RACHEL_TORRES, AVATAR_RYAN_KESSLER, AVATAR_SAM_RIVERA, AVATAR_SARAH_CHEN, AVATAR_TYLER_GRANT, AccountSettingsShell, type AccountTab, ActivityFeed, type AdmissionItem, type AmenityItem, Avatar, AvatarFallback, AvatarImage, BadgesCard, type BillingPeriod, type BillingPlan, BlogCards, BottomActionBar, type BottomActionBarProps, BottomInputChatWidget, type BrandAsset, type BrandAssetData, type BrandingState, Button, Calendar, CategoryGrid, CenteredHero, ChatBubble, type ChatBubbleMessage, ChatDateSeparator, ChatInput, ChatMessageList, Checkbox, CheckboxWithLabel, CircularProgressBar, CircularProgressBarList, type CircularProgressBarListProps, type CircularProgressBarProps, ColorInputRow, ComponentSearch, ConfirmationPopup, type ConfirmationPopupProps, type ContactFormField, ContactFormPopup, type ContactFormPopupProps, ContentDropzone, ContentWithImage, CoreValuesGrid, CreditCardDisplay, CtaBanner, type CustomButtonStyle, CustomComponentHelper, DashboardShell, DateInput, DescriptionCard, DestinationCards, DetailDrawer, type DetailDrawerProps, type DetailField, type DetailItem, DetailsPopup, type DetailsPopupProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DoubleSidebar, type DoubleSidebarSection, DoubleSidebarShell, type DrawerAttachment, type DrawerComment, type DrawerTab, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditableList, type EditableListProps, EmptyState, FaqAccordion, FaqsTable, FeatureWithImage, FeaturedNewsCards, FeaturedPlaces, FeaturesComparison, type FeedOption, FeedbackPopup, type FeedbackPopupProps, FileUploader, type FilterCheckboxGroupConfig, type FilterDateRangeConfig, type FilterDropdownConfig, type FilterOption, FilterPopover, type FilterState, FixedColumnDataTable, FlairBanner, FooterNavbar, FormField, type FormFieldConfig, FormGroup, type FormGroupProps, FormPopup, type FormPopupProps, GallerySection, GradientBanner, GridTilesList, Header, HeroDarkCentered, HeroDarkWithImage, HeroFullwidthImage, HeroSection, HowItWorks, HslColorPicker, type IconNavItemConfig, type IconShapeId, IconSidebar, IconSidebarShell, ImageFeedWithNestedComments, type ImageKey, ImagePopup, type ImagePopupProps, ImageUploader, InfoCard, type InfoCardProps, Input, type InvoiceLineItem, InvoicePopup, type InvoicePopupProps, Label, LargeImageLabelsList, Sidebar as LayoutSidebar, type LineTab, LineTabs, type LinkItem$1 as LinkItem, LinksCard, type LinksCardProps, ListPopup, type ListPopupProps, Loader, LoginBrandingPanel, MenuSection, type MenufocusItem, MenufocusTemplate, type MenufocusTemplateProps, MessengerInput, MessengerSidebar, MetricsSection, MobileBottomNav, MobileMenuShell, type MobileNavTabConfig, MonthlyCalendarWidget, MultiselectCheckboxField, MultiselectTags, type MultistepField, MultistepFormPopup, type MultistepFormPopupProps, type MultistepFormStep, MultistepProgressBarShell, type MultistepProgressBarShellProps, type MultistepProgressBarStep, MultistepShell, MultistepSidebarShell, type NavItem, type NavSection, type NavTab, NestedCommentsTable, NestedDataTable, NpsSurveyPopup, type NpsSurveyPopupProps, OfficeLocations, type OperatingHoursEntry, type OrderLineItem, OrderSummarySidebar, type OrderSummarySidebarProps, PageHeaderSection, Pagination, ParticipantList, type Persona, PersonaCard, PersonaGrid, PersonalizeFeedPopup, type PersonalizeFeedPopupProps, PillTabs, type PillTabsProps, PlaceDetailPanel, type PlaceDetailPanelProps, type PlaceInfoRow, type PlaceReview, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortfolioCard, PreviewBrandingContext, PricingCards, PricingCta, type PricingPlan, PricingPlansPopup, type PricingPlansPopupProps, ProfileCard, type ProfileDetailRow, ProfileGridTilesList, ProfileImageUploader, ProgressBar, type ProjectContext, ProjectContextShell, type ProjectContextTab, PromptChipsRow, PromptTemplate, PurchaseConfirmationPopup, type PurchaseConfirmationPopupProps, RadioGroup, RadioGroupItem, RangeInput, type RatingBreakdown, ReservationCard, type ReservationCardProps, 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, ShareProjectPopup, type ShareProjectPopupProps, type ShareRole, type SharedPerson, 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, type SidebarMode, SidebarNav, SidebarProfileCard, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, SkillsCard, Slider, type SlideshowAuthor, SlideshowGridTiles, SlideshowPopup, type SlideshowPopupProps, type SlideshowSlide, type SmallEditField, SmallEditPopup, type SmallEditPopupProps, SocialFeed, SocialProof, type SortOption$b as SortOption, StandardDataTable, StandardListWithImage, StandardPageShell, StatsCard, type Step, StepTracker, StoreLocationMap, type StoreLocationMapProps, SupportLinksCard, type LinksCardProps$1 as SupportLinksCardProps, Switch, type TableColumn, type TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TeamCardsGrid, TeamCircularGrid, TermsOfServicePopup, type TermsOfServicePopupProps, TestimonialCarousel, TextInput, Textarea, type ThemeBranding, ThemeContext, ThemeDrawer, type ThemeDrawerProps, type ThemeImages, ThemeProvider, type ThemeState, type ThreadItem, type TileGalleryImage, TileImageGallery, type TileImageGalleryProps, TitleGroup, type TitleGroupProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Typography, UNSPLASH_ACCESS_KEY, UpvotingPostsTable, type VariableOption, VerticalHowItWorks, VerticalMultistepShell, VerticalStepTracker, VideoChatControls, VideoContentSection, VideoPlaylistCard, VideoPlaylistItem, VideoPopup, type VideoPopupProps, ViewProfilePopup, type ViewProfilePopupProps, WebcamPreview, YouTubePlayer, accountTabs, allColorVariables, blocks, broadcastBranding, broadcastCSSVariables, broadcastImages, buttonVariants, canvasBaseTemplates, cn, colorVariables, defaultBrandAssets, 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 };
|
|
6541
|
+
export { AVATAR_ALEX_REEVES, AVATAR_BEN_LAWSON, AVATAR_CLAIRE_DONOVAN, AVATAR_DAVID_CARR, AVATAR_DIANA_KWON, AVATAR_EMMA_LIU, AVATAR_ETHAN_BROOKS, AVATAR_HANNAH_KIM, AVATAR_JAMES_HOLLOWAY, AVATAR_JASON_MORALES, AVATAR_JORDAN_MITCHELL, AVATAR_LILY_TRAN, AVATAR_MARCUS_WEBB, AVATAR_MAYA_JOHNSON, AVATAR_MIA_SANTOS, AVATAR_NICOLE_PALMER, AVATAR_NOAH_PATEL, AVATAR_OLIVIA_FERNANDEZ, AVATAR_RACHEL_TORRES, AVATAR_RYAN_KESSLER, AVATAR_SAM_RIVERA, AVATAR_SARAH_CHEN, AVATAR_TYLER_GRANT, AccountSettingsShell, type AccountTab, ActivityFeed, type AdmissionItem, type AmenityItem, Avatar, AvatarFallback, AvatarImage, BadgesCard, type BillingPeriod, type BillingPlan, BlogCards, BottomActionBar, type BottomActionBarProps, BottomInputChatWidget, type BrandAsset, type BrandAssetData, type BrandingState, Button, Calendar, CategoryGrid, CenteredHero, ChatBubble, type ChatBubbleMessage, ChatDateSeparator, ChatInput, ChatMessageList, Checkbox, CheckboxWithLabel, CircularProgressBar, CircularProgressBarList, type CircularProgressBarListProps, type CircularProgressBarProps, ColorInputRow, ComponentSearch, ConfirmationPopup, type ConfirmationPopupProps, type ContactFormField, ContactFormPopup, type ContactFormPopupProps, ContentDropzone, ContentWithImage, CoreValuesGrid, CreditCardDisplay, CtaBanner, type CustomButtonStyle, CustomComponentHelper, DashboardShell, DateInput, DescriptionCard, DestinationCards, DetailDrawer, type DetailDrawerProps, type DetailField, type DetailItem, DetailsPopup, type DetailsPopupProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DoubleSidebar, type DoubleSidebarSection, DoubleSidebarShell, type DrawerAttachment, type DrawerComment, type DrawerTab, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditableList, type EditableListProps, EmptyState, FaqAccordion, FaqsTable, FeatureWithImage, FeaturedNewsCards, FeaturedPlaces, FeaturesComparison, type FeedOption, FeedbackPopup, type FeedbackPopupProps, FileUploader, type FilterCheckboxGroupConfig, type FilterDateRangeConfig, type FilterDropdownConfig, type FilterOption, FilterPopover, type FilterState, FixedColumnDataTable, FlairBanner, FooterNavbar, FormField, type FormFieldConfig, FormGroup, type FormGroupProps, FormPopup, type FormPopupProps, GallerySection, GradientBanner, GridTilesList, Header, HeroDarkCentered, HeroDarkWithImage, HeroFullwidthImage, HeroSection, HowItWorks, HslColorPicker, type IconNavItemConfig, type IconShapeId, IconSidebar, IconSidebarShell, ImageFeedWithNestedComments, type ImageKey, ImagePopup, type ImagePopupProps, ImageUploader, InfoCard, type InfoCardProps, Input, type InvoiceLineItem, InvoicePopup, type InvoicePopupProps, Label, LargeImageLabelsList, Sidebar as LayoutSidebar, type LineTab, LineTabs, type LinkItem$1 as LinkItem, LinksCard, type LinksCardProps, ListPopup, type ListPopupProps, Loader, LoginBrandingPanel, MenuSection, type MenufocusItem, MenufocusTemplate, type MenufocusTemplateProps, MessengerInput, MessengerSidebar, MetricsSection, MobileBottomNav, MobileMenuShell, type MobileNavTabConfig, MonthlyCalendarWidget, MultiselectCheckboxField, MultiselectTags, type MultistepField, MultistepFormPopup, type MultistepFormPopupProps, type MultistepFormStep, MultistepProgressBarShell, type MultistepProgressBarShellProps, type MultistepProgressBarStep, MultistepShell, MultistepSidebarShell, type NavItem, type NavSection, type NavTab, NestedCommentsTable, NestedDataTable, NpsSurveyPopup, type NpsSurveyPopupProps, OfficeLocations, type OperatingHoursEntry, type OrderLineItem, OrderSummarySidebar, type OrderSummarySidebarProps, PageHeaderSection, Pagination, ParticipantList, type Persona, PersonaCard, PersonaGrid, PersonalizeFeedPopup, type PersonalizeFeedPopupProps, PillTabs, type PillTabsProps, PlaceDetailPanel, type PlaceDetailPanelProps, type PlaceInfoRow, type PlaceReview, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortfolioCard, PreviewBrandingContext, PricingCards, PricingCta, type PricingPlan, PricingPlansPopup, type PricingPlansPopupProps, ProfileCard, type ProfileDetailRow, ProfileGridTilesList, ProfileImageUploader, ProgressBar, type ProjectContext, ProjectContextShell, type ProjectContextTab, PromptChipsRow, PromptTemplate, PurchaseConfirmationPopup, type PurchaseConfirmationPopupProps, RadioGroup, RadioGroupItem, RangeInput, type RatingBreakdown, ReservationCard, type ReservationCardProps, 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, ShareProjectPopup, type ShareProjectPopupProps, type ShareRole, type SharedPerson, 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, type SidebarMode, SidebarNav, SidebarProfileCard, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, SkillsCard, Slider, type SlideshowAuthor, SlideshowGridTiles, SlideshowPopup, type SlideshowPopupProps, type SlideshowSlide, type SmallEditField, SmallEditPopup, type SmallEditPopupProps, SocialFeed, SocialProof, type SortOption$b as SortOption, StandardDataTable, StandardListWithImage, StandardPageShell, StatsCard, type Step, StepTracker, StoreLocationMap, type StoreLocationMapProps, SupportLinksCard, type LinksCardProps$1 as SupportLinksCardProps, Switch, type TableColumn, type TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TeamCardsGrid, TeamCircularGrid, TermsOfServicePopup, type TermsOfServicePopupProps, TestimonialCarousel, TextInput, Textarea, type ThemeBranding, ThemeContext, ThemeDrawer, type ThemeDrawerProps, type ThemeImages, ThemeProvider, type ThemeState, type ThreadItem, type TileGalleryImage, TileImageGallery, type TileImageGalleryProps, TitleGroup, type TitleGroupProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Typography, UNSPLASH_ACCESS_KEY, UpvotingPostsTable, type VariableOption, VerticalHowItWorks, VerticalMultistepShell, VerticalStepTracker, VideoChatControls, VideoContentSection, VideoPlaylistCard, VideoPlaylistItem, VideoPopup, type VideoPopupProps, ViewProfilePopup, type ViewProfilePopupProps, WebcamPreview, YouTubePlayer, accountTabs, allColorVariables, blocks, broadcastBranding, broadcastCSSVariables, broadcastImages, buttonVariants, canvasBaseTemplates, cn, colorVariables, defaultBrandAssets, defaultBranding, defaultButtonColorStyles, defaultButtonColors, defaultButtonSizes, defaultColors, defaultCustomButtonStyles, defaultDoubleSidebarSections, defaultIconNavItems, defaultImages, defaultInputSizes, defaultProgressBarSteps, defaultShadows, 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 };
|
package/dist/index.js
CHANGED
|
@@ -705,7 +705,7 @@ function DropdownMenuContent({
|
|
|
705
705
|
"data-slot": "dropdown-menu-content",
|
|
706
706
|
sideOffset,
|
|
707
707
|
className: cn(
|
|
708
|
-
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-[var(--canvas-border)] p-1 shadow-
|
|
708
|
+
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-[var(--canvas-border)] p-1 shadow-[var(--canvas-shadow-dropdown)] font-[family-name:var(--typo-global-font)]",
|
|
709
709
|
className
|
|
710
710
|
),
|
|
711
711
|
...props
|
|
@@ -1642,7 +1642,7 @@ function PopoverContent({
|
|
|
1642
1642
|
align,
|
|
1643
1643
|
sideOffset,
|
|
1644
1644
|
className: cn(
|
|
1645
|
-
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border border-[var(--canvas-border)] p-4 shadow-
|
|
1645
|
+
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border border-[var(--canvas-border)] p-4 shadow-[var(--canvas-shadow-dropdown)] outline-hidden font-[family-name:var(--typo-global-font)]",
|
|
1646
1646
|
className
|
|
1647
1647
|
),
|
|
1648
1648
|
...props
|
|
@@ -1958,7 +1958,7 @@ function SelectContent({
|
|
|
1958
1958
|
{
|
|
1959
1959
|
"data-slot": "select-content",
|
|
1960
1960
|
className: cn(
|
|
1961
|
-
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-[var(--canvas-border)] shadow-
|
|
1961
|
+
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-[var(--canvas-border)] shadow-[var(--canvas-shadow-dropdown)] font-[family-name:var(--typo-global-font)]",
|
|
1962
1962
|
position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
|
|
1963
1963
|
className
|
|
1964
1964
|
),
|
|
@@ -3540,6 +3540,13 @@ var defaultInputSizes = {
|
|
|
3540
3540
|
"--input-expandable-px": "14px",
|
|
3541
3541
|
"--input-expandable-radius": "8px"
|
|
3542
3542
|
};
|
|
3543
|
+
var defaultShadows = {
|
|
3544
|
+
"--canvas-shadow-card": "0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1)",
|
|
3545
|
+
"--canvas-shadow-dropdown": "0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1)",
|
|
3546
|
+
"--canvas-shadow-modal": "0px 4px 24px 0px rgba(0,0,0,0.1)",
|
|
3547
|
+
"--canvas-shadow-nav": "0px 4px 16px 0px rgba(0,0,0,0.04)",
|
|
3548
|
+
"--canvas-shadow-button": "none"
|
|
3549
|
+
};
|
|
3543
3550
|
var defaultBrandAssets = [];
|
|
3544
3551
|
var defaultThemeImages = {
|
|
3545
3552
|
logoLight: defaultImages.logoLight,
|
|
@@ -4860,7 +4867,7 @@ function DashboardShell({
|
|
|
4860
4867
|
"bg-[var(--canvas-background)]",
|
|
4861
4868
|
"border border-l-0 border-[var(--canvas-neutral-border)]",
|
|
4862
4869
|
"rounded-r-[var(--radius-xs)]",
|
|
4863
|
-
"shadow-[
|
|
4870
|
+
"shadow-[var(--canvas-shadow-nav)]",
|
|
4864
4871
|
"transition-opacity hover:opacity-80"
|
|
4865
4872
|
),
|
|
4866
4873
|
"aria-label": "Open sidebar",
|
|
@@ -5121,7 +5128,7 @@ function IconSidebarShell({
|
|
|
5121
5128
|
"bg-[var(--canvas-background)]",
|
|
5122
5129
|
"border border-l-0 border-[var(--canvas-neutral-border)]",
|
|
5123
5130
|
"rounded-r-[var(--radius-xs)]",
|
|
5124
|
-
"shadow-[
|
|
5131
|
+
"shadow-[var(--canvas-shadow-nav)]",
|
|
5125
5132
|
"transition-opacity hover:opacity-80"
|
|
5126
5133
|
),
|
|
5127
5134
|
"aria-label": "Open sidebar",
|
|
@@ -5440,7 +5447,7 @@ function DoubleSidebar({
|
|
|
5440
5447
|
className: cn(
|
|
5441
5448
|
"flex flex-col w-[var(--nav-sidebar-width)]",
|
|
5442
5449
|
isNavDark && "bg-[var(--canvas-sidebar-dark-bg)] border-r border-[var(--canvas-sidebar-dark-border)]",
|
|
5443
|
-
!isNavDark && "bg-[var(--canvas-background)] border-r border-[var(--canvas-border)] shadow-[
|
|
5450
|
+
!isNavDark && "bg-[var(--canvas-background)] border-r border-[var(--canvas-border)] shadow-[var(--canvas-shadow-nav)]"
|
|
5444
5451
|
),
|
|
5445
5452
|
children: /* @__PURE__ */ jsx(ScrollArea, { className: "flex-1 pt-[var(--header-height)] px-[var(--spacing-2xl)] pb-[var(--spacing-5xl)]", children: /* @__PURE__ */ jsx("nav", { className: "flex flex-col gap-0", children: activeSection?.tabs.map((tab) => /* @__PURE__ */ jsx(
|
|
5446
5453
|
NavTabItem,
|
|
@@ -5501,7 +5508,7 @@ function DoubleSidebarShell({
|
|
|
5501
5508
|
"bg-[var(--canvas-background)]",
|
|
5502
5509
|
"border border-l-0 border-[var(--canvas-neutral-border)]",
|
|
5503
5510
|
"rounded-r-[var(--radius-xs)]",
|
|
5504
|
-
"shadow-[
|
|
5511
|
+
"shadow-[var(--canvas-shadow-nav)]",
|
|
5505
5512
|
"transition-opacity hover:opacity-80"
|
|
5506
5513
|
),
|
|
5507
5514
|
"aria-label": "Open sidebar",
|
|
@@ -14343,7 +14350,7 @@ function VideoPlaylistCard({
|
|
|
14343
14350
|
{
|
|
14344
14351
|
className: cn(
|
|
14345
14352
|
"flex flex-col rounded-lg border border-[var(--canvas-border)]",
|
|
14346
|
-
"shadow-[
|
|
14353
|
+
"shadow-[var(--canvas-shadow-nav)]",
|
|
14347
14354
|
"bg-[var(--canvas-bg)]",
|
|
14348
14355
|
className
|
|
14349
14356
|
),
|
|
@@ -19123,7 +19130,7 @@ function ConfirmationPopup({
|
|
|
19123
19130
|
className: cn(
|
|
19124
19131
|
"p-[var(--spacing-4xl)] gap-[var(--spacing-2xl)]",
|
|
19125
19132
|
"rounded-[var(--radius-xl)]",
|
|
19126
|
-
"shadow-[
|
|
19133
|
+
"shadow-[var(--canvas-shadow-modal)]",
|
|
19127
19134
|
"sm:max-w-[375px]",
|
|
19128
19135
|
className
|
|
19129
19136
|
),
|
|
@@ -19247,7 +19254,7 @@ function ContactFormPopup({
|
|
|
19247
19254
|
className: cn(
|
|
19248
19255
|
"p-0 gap-0 overflow-hidden",
|
|
19249
19256
|
"rounded-[var(--radius-xl)]",
|
|
19250
|
-
"shadow-[
|
|
19257
|
+
"shadow-[var(--canvas-shadow-modal)]",
|
|
19251
19258
|
"sm:max-w-[576px]",
|
|
19252
19259
|
className
|
|
19253
19260
|
),
|
|
@@ -19431,7 +19438,7 @@ function FeedbackPopup({
|
|
|
19431
19438
|
className: cn(
|
|
19432
19439
|
"p-[var(--spacing-4xl)] gap-[var(--spacing-2xl)]",
|
|
19433
19440
|
"rounded-[var(--radius-xl)]",
|
|
19434
|
-
"shadow-[
|
|
19441
|
+
"shadow-[var(--canvas-shadow-modal)]",
|
|
19435
19442
|
"sm:max-w-[375px]",
|
|
19436
19443
|
className
|
|
19437
19444
|
),
|
|
@@ -21573,7 +21580,7 @@ function PersonaCard({ persona, className }) {
|
|
|
21573
21580
|
{
|
|
21574
21581
|
className: cn(
|
|
21575
21582
|
"rounded-xl border border-[var(--canvas-border)] bg-[var(--canvas-background)]",
|
|
21576
|
-
"p-5 hover:shadow-
|
|
21583
|
+
"p-5 hover:shadow-[var(--canvas-shadow-card)] transition-shadow",
|
|
21577
21584
|
className
|
|
21578
21585
|
),
|
|
21579
21586
|
children: [
|
|
@@ -21846,7 +21853,7 @@ function PurchaseConfirmationPopup({
|
|
|
21846
21853
|
className: cn(
|
|
21847
21854
|
"p-[var(--spacing-4xl)] gap-[var(--spacing-2xl)]",
|
|
21848
21855
|
"rounded-[var(--radius-xl)]",
|
|
21849
|
-
"shadow-[
|
|
21856
|
+
"shadow-[var(--canvas-shadow-modal)]",
|
|
21850
21857
|
"sm:max-w-[375px]",
|
|
21851
21858
|
className
|
|
21852
21859
|
),
|
|
@@ -22044,7 +22051,7 @@ function InvoicePopup({
|
|
|
22044
22051
|
className: cn(
|
|
22045
22052
|
"p-0 gap-0 overflow-hidden",
|
|
22046
22053
|
"rounded-[var(--radius-xl)]",
|
|
22047
|
-
"shadow-[
|
|
22054
|
+
"shadow-[var(--canvas-shadow-modal)]",
|
|
22048
22055
|
"sm:max-w-[576px]",
|
|
22049
22056
|
className
|
|
22050
22057
|
),
|
|
@@ -22331,7 +22338,7 @@ function PricingPlansPopup({
|
|
|
22331
22338
|
className: cn(
|
|
22332
22339
|
"p-[var(--spacing-4xl)] gap-[var(--spacing-2xl)]",
|
|
22333
22340
|
"rounded-[var(--radius-xl)]",
|
|
22334
|
-
"shadow-[
|
|
22341
|
+
"shadow-[var(--canvas-shadow-modal)]",
|
|
22335
22342
|
"sm:max-w-[480px]",
|
|
22336
22343
|
className
|
|
22337
22344
|
),
|
|
@@ -22685,7 +22692,7 @@ function ViewProfilePopup({
|
|
|
22685
22692
|
className: cn(
|
|
22686
22693
|
"p-0 gap-0 overflow-hidden",
|
|
22687
22694
|
"rounded-[var(--radius-xl)]",
|
|
22688
|
-
"shadow-[
|
|
22695
|
+
"shadow-[var(--canvas-shadow-modal)]",
|
|
22689
22696
|
"sm:max-w-[576px]",
|
|
22690
22697
|
className
|
|
22691
22698
|
),
|
|
@@ -22884,7 +22891,7 @@ function TermsOfServicePopup({
|
|
|
22884
22891
|
className: cn(
|
|
22885
22892
|
"p-[var(--spacing-4xl)] gap-[var(--spacing-2xl)]",
|
|
22886
22893
|
"rounded-[var(--radius-xl)]",
|
|
22887
|
-
"shadow-[
|
|
22894
|
+
"shadow-[var(--canvas-shadow-modal)]",
|
|
22888
22895
|
"sm:max-w-[576px]",
|
|
22889
22896
|
className
|
|
22890
22897
|
),
|
|
@@ -22978,7 +22985,7 @@ function DetailsPopup({
|
|
|
22978
22985
|
className: cn(
|
|
22979
22986
|
"p-0 gap-0 overflow-hidden",
|
|
22980
22987
|
"rounded-[var(--radius-xl)]",
|
|
22981
|
-
"shadow-[
|
|
22988
|
+
"shadow-[var(--canvas-shadow-modal)]",
|
|
22982
22989
|
"sm:max-w-[576px]",
|
|
22983
22990
|
className
|
|
22984
22991
|
),
|
|
@@ -23089,7 +23096,7 @@ function ImagePopup({
|
|
|
23089
23096
|
className: cn(
|
|
23090
23097
|
"p-0 gap-0 overflow-hidden",
|
|
23091
23098
|
"rounded-[var(--radius-xl)]",
|
|
23092
|
-
"shadow-[
|
|
23099
|
+
"shadow-[var(--canvas-shadow-modal)]",
|
|
23093
23100
|
"sm:max-w-[768px]",
|
|
23094
23101
|
className
|
|
23095
23102
|
),
|
|
@@ -23488,7 +23495,7 @@ function VideoPopup({
|
|
|
23488
23495
|
className: cn(
|
|
23489
23496
|
"p-0 gap-0 overflow-hidden",
|
|
23490
23497
|
"rounded-[var(--radius-xl)]",
|
|
23491
|
-
"shadow-[
|
|
23498
|
+
"shadow-[var(--canvas-shadow-modal)]",
|
|
23492
23499
|
"sm:max-w-[768px]",
|
|
23493
23500
|
className
|
|
23494
23501
|
),
|
|
@@ -25076,7 +25083,7 @@ function PersonalizeFeedPopup({
|
|
|
25076
25083
|
className: cn(
|
|
25077
25084
|
"p-[var(--spacing-4xl)] gap-[var(--spacing-2xl)]",
|
|
25078
25085
|
"rounded-[var(--radius-xl)]",
|
|
25079
|
-
"shadow-[
|
|
25086
|
+
"shadow-[var(--canvas-shadow-modal)]",
|
|
25080
25087
|
"sm:max-w-[420px]",
|
|
25081
25088
|
className
|
|
25082
25089
|
),
|
|
@@ -25185,7 +25192,7 @@ function NpsSurveyPopup({
|
|
|
25185
25192
|
className: cn(
|
|
25186
25193
|
"p-[var(--spacing-4xl)] gap-[var(--spacing-2xl)]",
|
|
25187
25194
|
"rounded-[var(--radius-xl)]",
|
|
25188
|
-
"shadow-[
|
|
25195
|
+
"shadow-[var(--canvas-shadow-modal)]",
|
|
25189
25196
|
"sm:max-w-[576px]",
|
|
25190
25197
|
className
|
|
25191
25198
|
),
|
|
@@ -25337,7 +25344,7 @@ function SmallEditPopup({
|
|
|
25337
25344
|
className: cn(
|
|
25338
25345
|
"p-[var(--spacing-4xl)] gap-[var(--spacing-2xl)]",
|
|
25339
25346
|
"rounded-[var(--radius-xl)]",
|
|
25340
|
-
"shadow-[
|
|
25347
|
+
"shadow-[var(--canvas-shadow-modal)]",
|
|
25341
25348
|
"sm:max-w-[576px]",
|
|
25342
25349
|
className
|
|
25343
25350
|
),
|
|
@@ -25454,7 +25461,7 @@ function ListPopup({
|
|
|
25454
25461
|
className: cn(
|
|
25455
25462
|
"p-[var(--spacing-4xl)] gap-[var(--spacing-2xl)]",
|
|
25456
25463
|
"rounded-[var(--radius-xl)]",
|
|
25457
|
-
"shadow-[
|
|
25464
|
+
"shadow-[var(--canvas-shadow-modal)]",
|
|
25458
25465
|
"sm:max-w-[576px]",
|
|
25459
25466
|
className
|
|
25460
25467
|
),
|
|
@@ -25579,7 +25586,7 @@ function FormPopup({
|
|
|
25579
25586
|
className: cn(
|
|
25580
25587
|
"p-0 gap-0 overflow-hidden",
|
|
25581
25588
|
"rounded-[var(--radius-xl)]",
|
|
25582
|
-
"shadow-[
|
|
25589
|
+
"shadow-[var(--canvas-shadow-modal)]",
|
|
25583
25590
|
"sm:max-w-[576px]",
|
|
25584
25591
|
"max-h-[85vh] flex flex-col",
|
|
25585
25592
|
className
|
|
@@ -25950,7 +25957,7 @@ function ShareProjectPopup({
|
|
|
25950
25957
|
className: cn(
|
|
25951
25958
|
"p-0 gap-0 overflow-hidden",
|
|
25952
25959
|
"rounded-[var(--radius-xl)]",
|
|
25953
|
-
"shadow-[
|
|
25960
|
+
"shadow-[var(--canvas-shadow-modal)]",
|
|
25954
25961
|
"sm:max-w-[576px]",
|
|
25955
25962
|
className
|
|
25956
25963
|
),
|
|
@@ -26639,7 +26646,7 @@ function MultistepFormPopup({
|
|
|
26639
26646
|
className: cn(
|
|
26640
26647
|
"p-0 gap-0 overflow-hidden",
|
|
26641
26648
|
"rounded-[var(--radius-xl)]",
|
|
26642
|
-
"shadow-[
|
|
26649
|
+
"shadow-[var(--canvas-shadow-modal)]",
|
|
26643
26650
|
"sm:max-w-[640px]",
|
|
26644
26651
|
className
|
|
26645
26652
|
),
|
|
@@ -27659,7 +27666,7 @@ function CategoryGrid({
|
|
|
27659
27666
|
/* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-8", children: categories2.map((category) => /* @__PURE__ */ jsxs(
|
|
27660
27667
|
"div",
|
|
27661
27668
|
{
|
|
27662
|
-
className: "flex flex-col items-center justify-center text-center cursor-pointer hover:shadow-
|
|
27669
|
+
className: "flex flex-col items-center justify-center text-center cursor-pointer hover:shadow-[var(--canvas-shadow-card)] transition-shadow",
|
|
27663
27670
|
style: {
|
|
27664
27671
|
height: "158px",
|
|
27665
27672
|
padding: "var(--spacing-3xl)",
|
|
@@ -29974,7 +29981,8 @@ var allDefaults = {
|
|
|
29974
29981
|
...defaultTypography,
|
|
29975
29982
|
...defaultButtonSizes,
|
|
29976
29983
|
...defaultButtonColors,
|
|
29977
|
-
...defaultInputSizes
|
|
29984
|
+
...defaultInputSizes,
|
|
29985
|
+
...defaultShadows
|
|
29978
29986
|
};
|
|
29979
29987
|
var brandColorVars = [
|
|
29980
29988
|
"--canvas-primary",
|
|
@@ -34260,6 +34268,6 @@ function getTopLevelScreens(allScreens) {
|
|
|
34260
34268
|
return allScreens.filter((s) => !s.parentId);
|
|
34261
34269
|
}
|
|
34262
34270
|
|
|
34263
|
-
export { AVATAR_ALEX_REEVES, AVATAR_BEN_LAWSON, AVATAR_CLAIRE_DONOVAN, AVATAR_DAVID_CARR, AVATAR_DIANA_KWON, AVATAR_EMMA_LIU, AVATAR_ETHAN_BROOKS, AVATAR_HANNAH_KIM, AVATAR_JAMES_HOLLOWAY, AVATAR_JASON_MORALES, AVATAR_JORDAN_MITCHELL, AVATAR_LILY_TRAN, AVATAR_MARCUS_WEBB, AVATAR_MAYA_JOHNSON, AVATAR_MIA_SANTOS, AVATAR_NICOLE_PALMER, AVATAR_NOAH_PATEL, AVATAR_OLIVIA_FERNANDEZ, AVATAR_RACHEL_TORRES, AVATAR_RYAN_KESSLER, AVATAR_SAM_RIVERA, AVATAR_SARAH_CHEN, AVATAR_TYLER_GRANT, AccountSettingsShell, ActivityFeed, Avatar, AvatarFallback, AvatarImage, BadgesCard, BlogCards, BottomActionBar, BottomInputChatWidget, Button, Calendar, CategoryGrid, CenteredHero, ChatBubble, ChatDateSeparator, ChatInput, ChatMessageList, Checkbox, CheckboxWithLabel, CircularProgressBar, CircularProgressBarList, ColorInputRow, ComponentSearch, ConfirmationPopup, ContactFormPopup, ContentDropzone, ContentWithImage, CoreValuesGrid, CreditCardDisplay, CtaBanner, CustomComponentHelper, DashboardHeader, DashboardShell, DateInput, DescriptionCard, DestinationCards, DetailDrawer, DetailsPopup, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DonutChartWidget, DoubleSidebar, DoubleSidebarShell, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditableList, EmptyState, FaqAccordion, FaqsTable, FeatureWithImage, FeaturedNewsCards, FeaturedPlaces, FeaturesComparison, FeedbackPopup, FileUploader, FilterPopover, FixedColumnDataTable, FlairBanner, FooterNavbar, FormField, FormGroup, FormPopup, GallerySection, GradientBanner, GraphMetricTilesDemo, GridTilesList, Header, HeroDarkCentered, HeroDarkWithImage, HeroFullwidthImage, HeroSection, HowItWorks, HslColorPicker, IconSidebar, IconSidebarShell, ImageFeedWithNestedComments, ImagePopup, ImageUploader, InfoCard, Input, InvoicePopup, Label2 as Label, LargeImageLabelsList, Sidebar2 as LayoutSidebar, LineChartWidget, LineTabs, LinksCard, ListPopup, Loader, LoginBrandingPanel, MenuSection, MenufocusTemplate, MessengerInput, MessengerSidebar, MetricCard, MetricCardsRow, MetricListCard, MetricsSection, MobileBottomNav, MobileMenuShell, MonthlyCalendarWidget, MultiselectCheckboxField, MultiselectTags, MultistepFormPopup, MultistepProgressBarShell, MultistepShell, MultistepSidebarShell, NestedCommentsTable, NestedDataTable, NpsSurveyPopup, OfficeLocations, OrderSummarySidebar, PageHeaderSection, Pagination, ParticipantList, PersonaCard, PersonaGrid, PersonalizeFeedPopup, PillTabs, PlaceDetailPanel, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortfolioCard, PreviewBrandingContext, PricingCards, PricingCta, PricingPlansPopup, ProfileCard, ProfileGridTilesList, ProfileImageUploader, ProgressBar, ProgressMetricCard, ProjectContextShell, PromptChipsRow, PromptTemplate, PurchaseConfirmationPopup, RadioGroup2 as RadioGroup, RadioGroupItem, RangeInput, ReservationCard, ReviewsGrid, ReviewsTable, ScreenFlowchart, ScreenPromptBuilder, ScreenPromptTemplate, ScrollArea, ScrollBar, SearchBar, SearchBarShell, SearchSidebar, Searchbox, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectablePills, Separator3 as Separator, SettingsListRow, ShareProjectPopup, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, 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, SlideshowPopup, SmallEditPopup, SocialFeed, SocialProof, StandardDataTable, StandardListWithImage, StandardPageShell, StatsCard, StepTracker, StoreLocationMap, SupportLinksCard, Switch, Tabs, TabsContent, TabsList, TabsTrigger, TeamCardsGrid, TeamCircularGrid, TermsOfServicePopup, TestimonialCarousel, TextInput, Textarea, ThemeContext, ThemeDrawer, ThemeProvider, TileImageGallery, TitleGroup, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TwoColumnWidgets, Typography, UNSPLASH_ACCESS_KEY, UpvotingPostsTable, VerticalHowItWorks, VerticalMultistepShell, VerticalStepTracker, VideoChatControls, VideoContentSection, VideoPlaylistCard, VideoPlaylistItem, VideoPopup, ViewProfilePopup, WebcamPreview, YouTubePlayer, accountTabs, allColorVariables, blocks, broadcastBranding, broadcastCSSVariables, broadcastImages, buttonVariants, canvasBaseTemplates, cn, colorVariables, defaultBrandAssets, 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 };
|
|
34271
|
+
export { AVATAR_ALEX_REEVES, AVATAR_BEN_LAWSON, AVATAR_CLAIRE_DONOVAN, AVATAR_DAVID_CARR, AVATAR_DIANA_KWON, AVATAR_EMMA_LIU, AVATAR_ETHAN_BROOKS, AVATAR_HANNAH_KIM, AVATAR_JAMES_HOLLOWAY, AVATAR_JASON_MORALES, AVATAR_JORDAN_MITCHELL, AVATAR_LILY_TRAN, AVATAR_MARCUS_WEBB, AVATAR_MAYA_JOHNSON, AVATAR_MIA_SANTOS, AVATAR_NICOLE_PALMER, AVATAR_NOAH_PATEL, AVATAR_OLIVIA_FERNANDEZ, AVATAR_RACHEL_TORRES, AVATAR_RYAN_KESSLER, AVATAR_SAM_RIVERA, AVATAR_SARAH_CHEN, AVATAR_TYLER_GRANT, AccountSettingsShell, ActivityFeed, Avatar, AvatarFallback, AvatarImage, BadgesCard, BlogCards, BottomActionBar, BottomInputChatWidget, Button, Calendar, CategoryGrid, CenteredHero, ChatBubble, ChatDateSeparator, ChatInput, ChatMessageList, Checkbox, CheckboxWithLabel, CircularProgressBar, CircularProgressBarList, ColorInputRow, ComponentSearch, ConfirmationPopup, ContactFormPopup, ContentDropzone, ContentWithImage, CoreValuesGrid, CreditCardDisplay, CtaBanner, CustomComponentHelper, DashboardHeader, DashboardShell, DateInput, DescriptionCard, DestinationCards, DetailDrawer, DetailsPopup, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DonutChartWidget, DoubleSidebar, DoubleSidebarShell, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditableList, EmptyState, FaqAccordion, FaqsTable, FeatureWithImage, FeaturedNewsCards, FeaturedPlaces, FeaturesComparison, FeedbackPopup, FileUploader, FilterPopover, FixedColumnDataTable, FlairBanner, FooterNavbar, FormField, FormGroup, FormPopup, GallerySection, GradientBanner, GraphMetricTilesDemo, GridTilesList, Header, HeroDarkCentered, HeroDarkWithImage, HeroFullwidthImage, HeroSection, HowItWorks, HslColorPicker, IconSidebar, IconSidebarShell, ImageFeedWithNestedComments, ImagePopup, ImageUploader, InfoCard, Input, InvoicePopup, Label2 as Label, LargeImageLabelsList, Sidebar2 as LayoutSidebar, LineChartWidget, LineTabs, LinksCard, ListPopup, Loader, LoginBrandingPanel, MenuSection, MenufocusTemplate, MessengerInput, MessengerSidebar, MetricCard, MetricCardsRow, MetricListCard, MetricsSection, MobileBottomNav, MobileMenuShell, MonthlyCalendarWidget, MultiselectCheckboxField, MultiselectTags, MultistepFormPopup, MultistepProgressBarShell, MultistepShell, MultistepSidebarShell, NestedCommentsTable, NestedDataTable, NpsSurveyPopup, OfficeLocations, OrderSummarySidebar, PageHeaderSection, Pagination, ParticipantList, PersonaCard, PersonaGrid, PersonalizeFeedPopup, PillTabs, PlaceDetailPanel, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortfolioCard, PreviewBrandingContext, PricingCards, PricingCta, PricingPlansPopup, ProfileCard, ProfileGridTilesList, ProfileImageUploader, ProgressBar, ProgressMetricCard, ProjectContextShell, PromptChipsRow, PromptTemplate, PurchaseConfirmationPopup, RadioGroup2 as RadioGroup, RadioGroupItem, RangeInput, ReservationCard, ReviewsGrid, ReviewsTable, ScreenFlowchart, ScreenPromptBuilder, ScreenPromptTemplate, ScrollArea, ScrollBar, SearchBar, SearchBarShell, SearchSidebar, Searchbox, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectablePills, Separator3 as Separator, SettingsListRow, ShareProjectPopup, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, 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, SlideshowPopup, SmallEditPopup, SocialFeed, SocialProof, StandardDataTable, StandardListWithImage, StandardPageShell, StatsCard, StepTracker, StoreLocationMap, SupportLinksCard, Switch, Tabs, TabsContent, TabsList, TabsTrigger, TeamCardsGrid, TeamCircularGrid, TermsOfServicePopup, TestimonialCarousel, TextInput, Textarea, ThemeContext, ThemeDrawer, ThemeProvider, TileImageGallery, TitleGroup, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TwoColumnWidgets, Typography, UNSPLASH_ACCESS_KEY, UpvotingPostsTable, VerticalHowItWorks, VerticalMultistepShell, VerticalStepTracker, VideoChatControls, VideoContentSection, VideoPlaylistCard, VideoPlaylistItem, VideoPopup, ViewProfilePopup, WebcamPreview, YouTubePlayer, accountTabs, allColorVariables, blocks, broadcastBranding, broadcastCSSVariables, broadcastImages, buttonVariants, canvasBaseTemplates, cn, colorVariables, defaultBrandAssets, defaultBranding, defaultButtonColorStyles, defaultButtonColors, defaultButtonSizes, defaultColors, defaultCustomButtonStyles, defaultDoubleSidebarSections, defaultIconNavItems, defaultImages, defaultInputSizes, defaultProgressBarSteps, defaultShadows, 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 };
|
|
34264
34272
|
//# sourceMappingURL=index.js.map
|
|
34265
34273
|
//# sourceMappingURL=index.js.map
|