@frontlit/page-builder 0.1.0-alpha.1 → 0.1.0-alpha.3

package/dist/primitives/index.d.ts

@@ -1,62 +1,74 @@
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import * as React$1 from 'react';
 import React__default, { ReactNode } from 'react';
-import { T as ThemeStyle } from '../theme-style-39nxXQy0.js';
-export { a as Button, B as ButtonProps } from '../button-C3VrMJkr.js';
-import { S as SectionBackground, T as Theme } from '../section-background-BgOCp5l3.js';
+import { T as ThemeStyle, d as Typography } from '../theme-style-BVd5tOsc.js';
+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';
+export { a as Button, B as ButtonProps } from '../button-OLKN3wPf.js';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { S as SectionBackground, T as Theme } from '../section-background-6V_LCi5e.js';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 
-interface TypographyProps extends React__default.HTMLAttributes<HTMLElement> {
-    children: React__default.ReactNode;
-    className?: string;
+interface AlertDialogProps extends React$1.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Root> {
     theme?: ThemeStyle;
 }
+declare function AlertDialog({ theme, children, ...props }: AlertDialogProps): React$1.JSX.Element;
+declare const AlertDialogTrigger: React$1.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogCancel: React$1.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogCancelProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogAction: React$1.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogActionProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogPortal: React$1.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
+declare const AlertDialogOverlay: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+interface AlertDialogContentProps extends React$1.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content> {
+    closeClassName?: string;
+    overlayClassName?: string;
+    showCloseButton?: boolean;
+    theme?: ThemeStyle;
+}
+declare const AlertDialogContent: React$1.ForwardRefExoticComponent<AlertDialogContentProps & React$1.RefAttributes<HTMLDivElement>>;
+declare function AlertDialogHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+interface AlertDialogTitleProps extends React$1.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title> {
+    theme?: ThemeStyle;
+}
+declare const AlertDialogTitle: React$1.ForwardRefExoticComponent<AlertDialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>>;
+interface AlertDialogDescriptionProps extends React$1.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description> {
+    theme?: ThemeStyle;
+}
+declare const AlertDialogDescription: React$1.ForwardRefExoticComponent<AlertDialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>>;
 
-declare const Preheader: React__default.FC<TypographyProps>;
-
-declare const Header1: React__default.FC<TypographyProps>;
-
-declare const Header2: React__default.FC<TypographyProps>;
-
-declare const Header3: React__default.FC<TypographyProps>;
-
-declare const Header4: React__default.FC<TypographyProps>;
-
-declare const Subheader1: React__default.FC<TypographyProps & {
-    component?: "h5" | "span";
-}>;
-
-declare const Subheader2: React__default.FC<TypographyProps>;
-
-declare const Text1: React__default.FC<TypographyProps & {
-    component?: "p" | "span";
-}>;
-
-declare const Text2: React__default.FC<TypographyProps & {
-    component?: "p" | "span";
-}>;
-
-interface LinkProps extends React__default.AnchorHTMLAttributes<HTMLAnchorElement> {
-    children: React__default.ReactNode;
-    className?: string;
+interface AvatarProps extends React$1.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root> {
     theme?: ThemeStyle;
-    disabled?: boolean;
-    style?: React__default.CSSProperties;
 }
-declare const Link: React__default.FC<LinkProps>;
+declare function Avatar({ className, theme, ...props }: AvatarProps): React$1.JSX.Element;
+declare const AvatarImage: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React$1.RefAttributes<HTMLImageElement>, "ref"> & React$1.RefAttributes<HTMLImageElement>>;
+declare const AvatarFallback: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
 
-interface InputProps extends React__default.InputHTMLAttributes<HTMLInputElement> {
+declare const badgeVariants: (props?: {
+    variant?: "default" | "secondary" | "destructive" | "outline";
+} & class_variance_authority_types.ClassProp) => string;
+interface BadgeProps$1 extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+}
+
+interface BadgeProps extends Omit<BadgeProps$1, "variant"> {
     theme?: ThemeStyle;
-    error?: boolean;
+    style?: Record<string, string>;
+    variant?: "default" | "secondary" | "destructive" | "outline";
 }
-declare const Input: React__default.ForwardRefExoticComponent<InputProps & React__default.RefAttributes<HTMLInputElement>>;
+declare const Badge: React__default.FC<BadgeProps>;
 
-interface TextareaProps extends React__default.TextareaHTMLAttributes<HTMLTextAreaElement> {
+interface TypographyProps extends React__default.HTMLAttributes<HTMLElement> {
+    children: React__default.ReactNode;
+    className?: string;
     theme?: ThemeStyle;
-    error?: boolean;
 }
-declare const Textarea: React__default.ForwardRefExoticComponent<TextareaProps & React__default.RefAttributes<HTMLTextAreaElement>>;
 
 declare const Caption: React__default.FC<TypographyProps>;
 
@@ -87,34 +99,231 @@ declare const PageCardImage: React__default.FC<PageCardImageProps>;
 declare const PageCardContent: React__default.FC<PageCardContentProps>;
 declare const PageCardHeader: React__default.FC<PageCardHeaderProps>;
 
+interface CheckboxProps extends React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
+    theme?: ThemeStyle;
+}
+declare const Checkbox: React$1.ForwardRefExoticComponent<CheckboxProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+interface DialogProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Root> {
+    theme?: ThemeStyle;
+}
+declare function Dialog({ theme, children, ...props }: DialogProps): React$1.JSX.Element;
+declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+interface DialogContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
+    closeClassName?: string;
+    overlayClassName?: string;
+    showCloseButton?: boolean;
+    theme?: ThemeStyle;
+}
+declare const DialogContent: React$1.ForwardRefExoticComponent<DialogContentProps & React$1.RefAttributes<HTMLDivElement>>;
+declare function DialogHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function DialogFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+interface DialogTitleProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Title> {
+    theme?: ThemeStyle;
+}
+declare const DialogTitle: React$1.ForwardRefExoticComponent<DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>>;
+interface DialogDescriptionProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Description> {
+    theme?: ThemeStyle;
+}
+declare const DialogDescription: React$1.ForwardRefExoticComponent<DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>>;
+
+interface DrawerProps {
+    trigger: ReactNode;
+    children: ReactNode;
+    side?: "left" | "right" | "top" | "bottom";
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    style?: React.CSSProperties;
+    className?: string;
+    theme?: ThemeStyle;
+}
+declare function Drawer({ trigger, children, side, open, setOpen, style, className, theme: _theme, }: DrawerProps): React$1.JSX.Element;
+
+interface DropdownMenuProps extends React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root> {
+    theme?: ThemeStyle;
+}
+declare function DropdownMenu({ theme, children, ...props }: DropdownMenuProps): React$1.JSX.Element;
+declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React$1.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: React$1.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+interface DropdownMenuContentProps extends React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> {
+    theme?: ThemeStyle;
+}
+declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<DropdownMenuContentProps & React$1.RefAttributes<HTMLDivElement>>;
+interface DropdownMenuItemProps extends React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> {
+    inset?: boolean;
+    theme?: ThemeStyle;
+}
+declare const DropdownMenuItem: React$1.ForwardRefExoticComponent<DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>>;
+interface DropdownMenuCheckboxItemProps extends React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem> {
+    theme?: ThemeStyle;
+}
+declare const DropdownMenuCheckboxItem: React$1.ForwardRefExoticComponent<DropdownMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>>;
+interface DropdownMenuRadioItemProps extends React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem> {
+    theme?: ThemeStyle;
+}
+declare const DropdownMenuRadioItem: React$1.ForwardRefExoticComponent<DropdownMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>>;
+interface DropdownMenuLabelProps extends React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> {
+    inset?: boolean;
+    theme?: ThemeStyle;
+}
+declare const DropdownMenuLabel: React$1.ForwardRefExoticComponent<DropdownMenuLabelProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>) => React$1.JSX.Element;
+declare const DropdownMenuSubTrigger: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+    theme?: ThemeStyle;
+} & React$1.RefAttributes<HTMLDivElement>>;
+interface DropdownMenuSubContentProps extends React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent> {
+    theme?: ThemeStyle;
+}
+declare const DropdownMenuSubContent: React$1.ForwardRefExoticComponent<DropdownMenuSubContentProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuArrow: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuArrowProps & React$1.RefAttributes<SVGSVGElement>>;
+
+interface CodeSnippetProps {
+    code: string;
+    /** Prefix shown before the first line, e.g. "$". Not copied. */
+    prompt?: string;
+    theme?: ThemeStyle;
+    className?: string;
+}
+/**
+ * A command or short code sample in a bordered monospace box with a copy
+ * button — the `curl … | sh` install box of developer-tool landing pages.
+ */
+declare function CodeSnippet({ code, prompt, theme, className }: CodeSnippetProps): React__default.JSX.Element;
+
+type HeadingTag = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "div";
+interface HeadingProps extends TypographyProps {
+    /** Element to render. Lets a block pick its heading level independently of its look. */
+    as?: HeadingTag;
+    /**
+     * Font-size classes that override the theme size. Kept apart from
+     * `className` so they are merged before the theme's line-height, which
+     * tailwind-merge would otherwise drop.
+     */
+    sizeClassName?: string;
+}
+/** px size of each Tailwind text size class. */
+declare const TAILWIND_TEXT_PX: Record<string, number>;
+/** CSS `clamp()` growing from `min` px on a phone to `max` px on a desktop. */
+declare function fluidFontSize({ min, max }: {
+    min: number;
+    max: number;
+}): string;
+declare function createHeading(displayName: string, defaultTag: HeadingTag, baseClasses: string, getTypography: (theme?: ThemeStyle) => Typography | undefined): React__default.FC<HeadingProps>;
+
+/** Hero-sized headline, styled separately from section H1s. */
+declare const Display: React$1.FC<HeadingProps>;
+
+declare const Header1: React$1.FC<HeadingProps>;
+
+declare const Header2: React$1.FC<HeadingProps>;
+
+declare const Header3: React$1.FC<HeadingProps>;
+
+declare const Header4: React$1.FC<HeadingProps>;
+
+interface ImageProps extends React__default.ImgHTMLAttributes<HTMLImageElement> {
+    src: string;
+    alt?: string;
+    className?: string;
+    theme?: ThemeStyle;
+}
+declare const Image: React__default.FC<ImageProps>;
+
+interface InputProps extends React__default.InputHTMLAttributes<HTMLInputElement> {
+    theme?: ThemeStyle;
+    error?: boolean;
+}
+declare const Input: React__default.ForwardRefExoticComponent<InputProps & React__default.RefAttributes<HTMLInputElement>>;
+
 interface LabelProps extends React__default.LabelHTMLAttributes<HTMLLabelElement> {
     theme?: ThemeStyle;
     error?: boolean;
 }
 declare const Label: React__default.ForwardRefExoticComponent<LabelProps & React__default.RefAttributes<HTMLLabelElement>>;
 
+interface LinkProps extends React__default.AnchorHTMLAttributes<HTMLAnchorElement> {
+    children: React__default.ReactNode;
+    className?: string;
+    theme?: ThemeStyle;
+    disabled?: boolean;
+    style?: React__default.CSSProperties;
+}
+declare const Link: React__default.FC<LinkProps>;
+
+interface PopoverProps extends React$1.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root> {
+    theme?: ThemeStyle;
+}
+declare function Popover({ theme, children, ...props }: PopoverProps): React$1.JSX.Element;
+declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const PopoverAnchor: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const PopoverClose: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const PopoverPortal: React$1.FC<PopoverPrimitive.PopoverPortalProps>;
+interface PopoverContentProps extends React$1.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {
+    theme?: ThemeStyle;
+}
+declare const PopoverContent: React$1.ForwardRefExoticComponent<PopoverContentProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const Preheader: React__default.FC<TypographyProps>;
+
+interface RadioGroupProps extends React$1.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {
+    theme?: ThemeStyle;
+}
+declare function RadioGroup({ theme, className, ...props }: RadioGroupProps): React$1.JSX.Element;
+interface RadioGroupItemProps extends React$1.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> {
+    theme?: ThemeStyle;
+}
+declare const RadioGroupItem: React$1.ForwardRefExoticComponent<RadioGroupItemProps & React$1.RefAttributes<HTMLButtonElement>>;
+
 interface SectionProps extends React__default.HTMLAttributes<HTMLElement> {
     children: React__default.ReactNode;
     className?: string;
     theme?: ThemeStyle;
     component?: "header" | "footer" | "section";
     background?: SectionBackground;
-    nextTheme?: "dark" | "light";
 }
 declare const Section: React__default.FC<SectionProps>;
 
-declare const badgeVariants: (props?: {
-    variant?: "default" | "destructive" | "outline" | "secondary";
-} & class_variance_authority_types.ClassProp) => string;
-interface BadgeProps$1 extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+interface SelectProps extends React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Root> {
+    theme?: ThemeStyle;
+}
+declare function Select({ theme, children, ...props }: SelectProps): React$1.JSX.Element;
+declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
+declare const SelectLabel: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectLabelProps & React$1.RefAttributes<HTMLDivElement>>;
+interface SelectTriggerProps extends React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> {
+    theme?: ThemeStyle;
+}
+declare const SelectTrigger: React$1.ForwardRefExoticComponent<SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+interface SelectContentProps extends React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Content> {
+    theme?: ThemeStyle;
+}
+declare const SelectContent: React$1.ForwardRefExoticComponent<SelectContentProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollUpButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+interface SelectItemProps extends React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Item> {
+    theme?: ThemeStyle;
 }
+declare const SelectItem: React$1.ForwardRefExoticComponent<SelectItemProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
-interface BadgeProps extends Omit<BadgeProps$1, "variant"> {
+interface SeparatorProps extends React$1.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> {
     theme?: ThemeStyle;
-    style?: Record<string, string>;
-    variant?: "default" | "secondary" | "destructive" | "outline";
 }
-declare const Badge: React__default.FC<BadgeProps>;
+declare const Separator: React$1.ForwardRefExoticComponent<SeparatorProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const Subheader1: React__default.FC<TypographyProps & {
+    component?: "h5" | "span";
+}>;
+
+declare const Subheader2: React__default.FC<TypographyProps>;
 
 declare const Switch$1: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
@@ -123,18 +332,35 @@ interface SwitchProps extends React__default.ComponentPropsWithoutRef<typeof Swi
 }
 declare const Switch: React__default.ForwardRefExoticComponent<SwitchProps & React__default.RefAttributes<HTMLButtonElement>>;
 
+declare const Text1: React__default.FC<TypographyProps & {
+    component?: "p" | "span";
+}>;
+
+declare const Text2: React__default.FC<TypographyProps & {
+    component?: "p" | "span";
+}>;
+
+interface TextareaProps extends React__default.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    theme?: ThemeStyle;
+    error?: boolean;
+}
+declare const Textarea: React__default.ForwardRefExoticComponent<TextareaProps & React__default.RefAttributes<HTMLTextAreaElement>>;
+
 declare const themes: Theme[];
 
-interface DrawerProps {
-    trigger: ReactNode;
-    children: ReactNode;
-    side?: "left" | "right" | "top" | "bottom";
-    open: boolean;
-    setOpen: (open: boolean) => void;
-    style?: React.CSSProperties;
-    className?: string;
+interface TooltipProviderProps extends React$1.ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider> {
     theme?: ThemeStyle;
 }
-declare function Drawer({ trigger, children, side, open, setOpen, style, className, theme: _theme, }: DrawerProps): React$1.JSX.Element;
+declare function TooltipProvider({ theme, children, ...props }: TooltipProviderProps): React$1.JSX.Element;
+interface TooltipProps extends React$1.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root> {
+    theme?: ThemeStyle;
+}
+declare function Tooltip({ theme, children, ...props }: TooltipProps): React$1.JSX.Element;
+declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const TooltipPortal: React$1.FC<TooltipPrimitive.TooltipPortalProps>;
+interface TooltipContentProps extends React$1.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> {
+    theme?: ThemeStyle;
+}
+declare const TooltipContent: React$1.ForwardRefExoticComponent<TooltipContentProps & React$1.RefAttributes<HTMLDivElement>>;
 
-export { Badge, type BadgeProps, Caption, Drawer, Header1, Header2, Header3, Header4, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, PageCard, PageCardContent, type PageCardContentProps, PageCardHeader, type PageCardHeaderProps, PageCardImage, type PageCardImageProps, type PageCardProps, Preheader, Section, Subheader1, Subheader2, Switch, type SwitchProps, Text1, Text2, Textarea, type TextareaProps, themes };
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, Avatar, AvatarFallback, AvatarImage, type AvatarProps, Badge, type BadgeProps, Caption, Checkbox, type CheckboxProps, CodeSnippet, type CodeSnippetProps, Dialog, DialogClose, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, Display, Drawer, DropdownMenu, DropdownMenuArrow, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, type DropdownMenuProps, DropdownMenuRadioGroup, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, DropdownMenuSubTrigger, DropdownMenuTrigger, Header1, Header2, Header3, Header4, type HeadingProps, type HeadingTag, Image, type ImageProps, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, PageCard, PageCardContent, type PageCardContentProps, PageCardHeader, type PageCardHeaderProps, PageCardImage, type PageCardImageProps, type PageCardProps, Popover, PopoverAnchor, PopoverClose, PopoverContent, type PopoverContentProps, PopoverPortal, type PopoverProps, PopoverTrigger, Preheader, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, Section, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, type SelectProps, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, type SeparatorProps, Subheader1, Subheader2, Switch, type SwitchProps, TAILWIND_TEXT_PX, Text1, Text2, Textarea, type TextareaProps, Tooltip, TooltipContent, type TooltipContentProps, TooltipPortal, type TooltipProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, createHeading, fluidFontSize, themes };

package/dist/primitives/index.js

@@ -1,4 +1,5 @@
 "use client";
-export { Badge, Button2 as Button, Caption, Drawer, Header1, Header2, Header3, Header4, Input, Label, Link, PageCard, PageCardContent, PageCardHeader, PageCardImage, Preheader, Section, Subheader1, Subheader2, Switch2 as Switch, Text1, Text2, Textarea, themes } from '../chunk-RBJBODQP.js';
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Avatar, AvatarFallback, AvatarImage, Badge, Button2 as Button, Caption, Checkbox, CodeSnippet, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Display, Drawer, DropdownMenu, DropdownMenuArrow, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Header1, Header2, Header3, Header4, Image, Input, Label, Link, PageCard, PageCardContent, PageCardHeader, PageCardImage, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, Preheader, RadioGroup, RadioGroupItem, Section, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Subheader1, Subheader2, Switch2 as Switch, TAILWIND_TEXT_PX, Text1, Text2, Textarea, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, createHeading, fluidFontSize, themes } from '../chunk-J7Z4UW45.js';
+import '../chunk-XU7ALPGQ.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/renderer/index.d.ts

@@ -1,22 +1,20 @@
 import React__default from 'react';
-import { T as Theme } from '../section-background-BgOCp5l3.js';
-import { d as WidgetInstance, P as PageData } from '../widget--uEOpdq3.js';
+import { T as Theme } from '../section-background-6V_LCi5e.js';
+import { c as WidgetInstance, P as PageData } from '../widget-CpE2HdgU.js';
 import { P as PageBuilderLinkComponent } from '../nav-link-BfxvQ1s6.js';
 export { a as PageBuilderLinkProps, b as PageBuilderLinkProvider } from '../nav-link-BfxvQ1s6.js';
-import '../theme-style-39nxXQy0.js';
+import '../theme-style-BVd5tOsc.js';
 
 interface PageRendererProps {
     layout: WidgetInstance[];
     theme: Theme;
-    pageData?: PageData;
+    pageData: PageData;
     /** Optional content rendered between the shared header and footer. */
     children?: React__default.ReactNode;
     /** Host-resolved data keyed by a generic data-slot's configured name. */
     dataSlots?: Record<string, React__default.ReactNode>;
     /** Resolved palette currently painted (`system` is already applied). */
     nextTheme?: "light" | "dark";
-    /** Visitor or preview preference, including follow-the-OS. */
-    themeMode?: "light" | "dark" | "system";
     onThemeModeChange?: (mode: "light" | "dark" | "system") => void;
     /** When true, renders hover controls (edit/move/delete/add) for use inside the builder canvas. */
     editing?: boolean;
@@ -43,7 +41,7 @@ interface PageRendererProps {
  * plain (non-editable) display and, with `editing`, as the live canvas
  * inside the page builder.
  */
-declare function PageRenderer({ layout, theme, pageData, children, dataSlots, nextTheme, themeMode, onThemeModeChange, editing, selectedWidgetId, highlightedWidgetId, onSelectWidget, onMoveWidgetUp, onMoveWidgetDown, onDeleteWidget, onAddWidgetBelow, injectThemeStyles, linkComponent, className, }: PageRendererProps): React__default.JSX.Element;
+declare function PageRenderer({ layout, theme, pageData, children, dataSlots, nextTheme, onThemeModeChange, editing, selectedWidgetId, highlightedWidgetId, onSelectWidget, onMoveWidgetUp, onMoveWidgetDown, onDeleteWidget, onAddWidgetBelow, injectThemeStyles, linkComponent, className, }: PageRendererProps): React__default.JSX.Element;
 
 interface EditableBlockProps {
     children: React__default.ReactNode;
@@ -67,6 +65,12 @@ interface EditableBlockProps {
  */
 declare function EditableBlock({ children, editing, containerRef, selected, highlighted, label, onSelect, onMoveUp, onMoveDown, onDelete, onAddBelow, }: EditableBlockProps): React__default.JSX.Element;
 
+/**
+ * Turns a theme colour into a CSS colour value, or "" when it isn't a
+ * colour we can use. Hex (the stored format) is converted to hsl();
+ * modern CSS colour functions such as `oklch(...)` are passed through.
+ */
+declare function resolveThemeColor(value?: string): string;
 /**
  * Generates full CSS color values for the custom properties every primitive
  * reads. Full colors (rather than bare HSL channels) let the renderer coexist
@@ -78,4 +82,4 @@ declare function EditableBlock({ children, editing, containerRef, selected, high
  */
 declare function generateThemeStyles(theme: Theme, selector?: string): string;
 
-export { EditableBlock, type EditableBlockProps, PageBuilderLinkComponent, PageRenderer, type PageRendererProps, generateThemeStyles };
+export { EditableBlock, type EditableBlockProps, PageBuilderLinkComponent, PageRenderer, type PageRendererProps, generateThemeStyles, resolveThemeColor };

package/dist/renderer/index.js

@@ -1,7 +1,9 @@
 "use client";
-export { EditableBlock, PageRenderer, generateThemeStyles } from '../chunk-SSQWYMQR.js';
-import '../chunk-7KIX4WAO.js';
-export { PageBuilderLinkProvider } from '../chunk-7W6Q4WA7.js';
-import '../chunk-RBJBODQP.js';
+export { EditableBlock, PageRenderer, generateThemeStyles, resolveThemeColor } from '../chunk-IU4KATI2.js';
+import '../chunk-BBI7UHOA.js';
+import '../chunk-K4WCLHMS.js';
+export { PageBuilderLinkProvider } from '../chunk-36QHCIPM.js';
+import '../chunk-J7Z4UW45.js';
+import '../chunk-XU7ALPGQ.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/{section-background-BgOCp5l3.d.ts → section-background-6V_LCi5e.d.ts}

@@ -1,4 +1,4 @@
-import { T as ThemeStyle } from './theme-style-39nxXQy0.js';
+import { T as ThemeStyle } from './theme-style-BVd5tOsc.js';
 
 interface Theme {
     id: string;

package/dist/server/index.d.ts

@@ -0,0 +1,103 @@
+import * as React from 'react';
+import React__default, { ReactNode } from 'react';
+import { T as Theme } from './theme-CF3fIKvw.js';
+import './theme-style-BPaMwk88.js';
+
+/**
+ * A single block placed on a page, as persisted in a page's layout.
+ */
+interface WidgetInstance {
+    widgetId: string;
+    name: string;
+    /** Whether the instance can be removed from its page. */
+    deletable: boolean;
+    /** Whether the instance can be repositioned within its page. */
+    moveable: boolean;
+    shared: boolean;
+    settings?: Record<string, unknown>;
+}
+interface PageData extends Record<string, unknown> {
+    pageType?: string;
+    /** Branding from site settings. Required so a host can't silently drop
+     * it; pass `null` for an unset one. Hosts build these with
+     * `toSiteBranding` from `@frontlit/api-contract`. */
+    siteTitle: string | null;
+    siteSubtitle: string | null;
+    siteLogoUrl: string | null;
+    siteLogoAlt: string | null;
+    /** The page's team (public id) and slug, plus the base URL of FrontLit's
+     * public API — threaded through so blocks that make unauthenticated
+     * public calls (e.g. the email-form block's lead capture, architecture.md
+     * §10.2) know where to send them. Left unset in contexts with no live
+     * backend (e.g. a bare component-library preview), in which case those
+     * blocks degrade to a local-only success state. */
+    teamId?: string;
+    pageSlug?: string;
+    publicApiBaseUrl?: string;
+}
+
+interface ServerPageRendererProps {
+    layout: WidgetInstance[];
+    theme: Theme;
+    pageData: PageData;
+    /** Content rendered between the shared header and footer. */
+    children?: ReactNode;
+    /** Host-resolved data keyed by a generic data-slot's configured name. */
+    dataSlots?: Record<string, ReactNode>;
+    /** Light/dark control for the footer; a client component owned by the host. */
+    themeSwitcher?: ReactNode;
+    /** Extra content inside the themed root (e.g. a fixed "Preview" badge),
+     * so it can use the theme's colours. */
+    overlay?: ReactNode;
+    className?: string;
+}
+/**
+ * Server-component counterpart of `PageRenderer`. Static blocks render on
+ * the server and ship no JavaScript; only the interactive parts (mobile menu,
+ * marquee, forms, copy buttons, links) are client islands.
+ *
+ * Everything crossing into an island must be serialisable, so unlike
+ * `PageRenderer` this takes no callbacks. Dark-mode styling is CSS-driven
+ * (the `dark` class on an ancestor), so no resolved colour mode is needed.
+ */
+declare function ServerPageRenderer({ layout, theme, pageData, children, dataSlots, themeSwitcher, overlay, className, }: ServerPageRendererProps): React.JSX.Element;
+
+interface ImageAttributesInput {
+    src: string;
+    alt: string;
+    sizes?: string;
+    /** Above-the-fold image (e.g. LCP): fetched eagerly at high priority. */
+    priority: boolean;
+}
+/**
+ * Lets a host swap an image's `src`/`srcSet` for its own optimizer's URLs
+ * (e.g. Next.js's `getImageProps`) without this package depending on the
+ * host framework. Return `null` to keep the original URL.
+ */
+type ImageAttributesResolver = (input: ImageAttributesInput) => React__default.ImgHTMLAttributes<HTMLImageElement> | null;
+/**
+ * Registers the host's resolver. Call once at server start-up; renders that
+ * run without one emit the original URL.
+ */
+declare function setImageAttributesResolver(resolver: ImageAttributesResolver | null): void;
+
+/** Context supplied to a host application's data-slot loader. */
+interface DataSlotLoadRequest {
+    /** The slot identifier declared in `instance.settings.slot`. */
+    slot: string;
+    /** The full persisted block configuration. */
+    instance: WidgetInstance;
+    /** Page context supplied by the host renderer. */
+    pageData: PageData;
+}
+/** A host-owned resolver for one named data slot. */
+type DataSlotLoader = (request: DataSlotLoadRequest) => ReactNode | Promise<ReactNode>;
+type DataSlotLoaders = Readonly<Record<string, DataSlotLoader>>;
+/**
+ * Resolves generic data-slot blocks before passing their output to
+ * `PageRenderer`. The page-builder package deliberately does not fetch data
+ * or understand a host application's domain model.
+ */
+declare function loadDataSlots(layout: readonly WidgetInstance[], loaders: DataSlotLoaders, pageData: PageData): Promise<Record<string, ReactNode>>;
+
+export { type DataSlotLoadRequest, type DataSlotLoader, type DataSlotLoaders, type ImageAttributesInput, type ImageAttributesResolver, ServerPageRenderer, type ServerPageRendererProps, loadDataSlots, setImageAttributesResolver };