@frontlit/page-builder 0.1.0-alpha.5 → 0.1.0-alpha.7

package/dist/components/index.d.ts

@@ -1,5 +1,5 @@
 import React__default from 'react';
-export { A as AspectRatio, I as Image, a as ImageAttributesInput, b as ImageAttributesResolver, c as ImageObjectFit, V as VideoThumbnailProps, d as VideoWithPreview, r as roundedMap, s as setImageAttributesResolver } from '../image-Bk8kPXwP.js';
+export { A as AspectRatio, I as Image, a as ImageAttributesInput, b as ImageAttributesResolver, c as ImageObjectFit, V as VideoThumbnailProps, d as VideoWithPreview, r as resolveImageAttributes, e as roundedMap, s as setImageAttributesResolver } from '../image-Cv0aSUHD.js';
 export { N as NavLink, P as PageBuilderLinkComponent, a as PageBuilderLinkProps, b as PageBuilderLinkProvider, u as usePageBuilderLinkComponent } from '../nav-link-BfxvQ1s6.js';
 import { T as ThemeStyle } from '../theme-style-BVd5tOsc.js';
 import { B as ButtonProps } from '../button-OLKN3wPf.js';

package/dist/components/index.js

@@ -1,7 +1,7 @@
 "use client";
-export { ThemeModeSwitcher } from '../chunk-BBI7UHOA.js';
-export { Image, InlineEmbed, NavLink, PageBuilderLinkProvider, TextRenderer, VideoWithPreview, prepareEmbed, roundedMap, setImageAttributesResolver, usePageBuilderLinkComponent } from '../chunk-36QHCIPM.js';
-import '../chunk-J7Z4UW45.js';
+export { ThemeModeSwitcher } from '../chunk-LL6CG6KH.js';
+export { InlineEmbed, NavLink, PageBuilderLinkProvider, TextRenderer, VideoWithPreview, prepareEmbed, usePageBuilderLinkComponent } from '../chunk-QMUIISN3.js';
+export { Image, resolveImageAttributes, roundedMap, setImageAttributesResolver } from '../chunk-KRQWGGAJ.js';
 import '../chunk-XU7ALPGQ.js';
 import { jsx } from 'react/jsx-runtime';
 export { truncateTextEditorContent } from '@frontlit/text-editor';

package/dist/{image-Bk8kPXwP.d.ts → image-Cv0aSUHD.d.ts}

@@ -29,6 +29,8 @@ type ImageAttributesResolver = (input: ImageAttributesInput) => React__default.I
  * run without one emit the original URL.
  */
 declare function setImageAttributesResolver(resolver: ImageAttributesResolver | null): void;
+/** The registered resolver's attributes for an image, if any. */
+declare function resolveImageAttributes(input: ImageAttributesInput): React__default.ImgHTMLAttributes<HTMLImageElement> | null;
 type ImageObjectFit = "cover" | "contain" | "fill" | "none" | "scale-down";
 declare const roundedMap: Record<number, string>;
 interface ImgProps {
@@ -49,4 +51,4 @@ interface ImgProps {
 }
 declare const Image: (props: ImgProps) => React__default.JSX.Element;
 
-export { type AspectRatio as A, Image as I, type VideoThumbnailProps as V, type ImageAttributesInput as a, type ImageAttributesResolver as b, type ImageObjectFit as c, VideoWithPreview as d, roundedMap as r, setImageAttributesResolver as s };
+export { type AspectRatio as A, Image as I, type VideoThumbnailProps as V, type ImageAttributesInput as a, type ImageAttributesResolver as b, type ImageObjectFit as c, VideoWithPreview as d, roundedMap as e, resolveImageAttributes as r, setImageAttributesResolver as s };

package/dist/index.js

@@ -1,11 +1,11 @@
 "use client";
 import './chunk-HWOVSHIW.js';
-export { BlockPicker, BuilderTopBar, ColorSelector, ContentPaddingSelector, MaxWidthSelector, PATTERN_PRESETS, PageBuilder, PageBuilderPropertyHeader, PageBuilderSlider, SectionBackgroundPanel, SeoEditor, SettingsPanel, ThemeEditor, VerticalPaddingSelector, createDefaultLayout, createWidgetInstance, ensureRequiredSharedWidgets, getDefaultTheme, getMaxWidthTWClass, getVerticalPaddingTWClass, resolveIcon, withDefaultSettings } from './chunk-LMCEOWQG.js';
-export { EditableBlock, LAYOUT_BLOCK_NAMES, NON_ADDABLE_BLOCK_NAMES, PageRenderer, blockRegistry, generateThemeStyles, getAddableBlocks, getWidget, registerBlock, resolveThemeColor } from './chunk-USPQ3AOW.js';
-import './chunk-BBI7UHOA.js';
-import './chunk-5J6TLS5U.js';
-export { PageBuilderLinkProvider } from './chunk-36QHCIPM.js';
-import './chunk-J7Z4UW45.js';
+export { BlockPicker, BuilderTopBar, ColorSelector, ContentPaddingSelector, MaxWidthSelector, PATTERN_PRESETS, PageBuilder, PageBuilderPropertyHeader, PageBuilderSlider, SectionBackgroundPanel, SeoEditor, SettingsPanel, ThemeEditor, VerticalPaddingSelector, createDefaultLayout, createWidgetInstance, ensureRequiredSharedWidgets, getDefaultTheme, getMaxWidthTWClass, getVerticalPaddingTWClass, resolveIcon, withDefaultSettings } from './chunk-HEKBPKGS.js';
+export { EditableBlock, LAYOUT_BLOCK_NAMES, NON_ADDABLE_BLOCK_NAMES, PageRenderer, blockRegistry, generateThemeStyles, getAddableBlocks, getWidget, registerBlock, resolveThemeColor } from './chunk-I2LRKHSL.js';
+import './chunk-LL6CG6KH.js';
+import './chunk-XQE4RVNO.js';
+export { PageBuilderLinkProvider } from './chunk-QMUIISN3.js';
+import './chunk-KRQWGGAJ.js';
 export { getMediaAlt, getMediaUrl } from './chunk-XU7ALPGQ.js';
 export { loadDataSlots } from './chunk-ATNM5JHI.js';
 //# sourceMappingURL=index.js.map

package/dist/primitives/index.d.ts

@@ -104,6 +104,19 @@ interface CheckboxProps extends React$1.ComponentPropsWithoutRef<typeof Checkbox
 }
 declare const Checkbox: React$1.ForwardRefExoticComponent<CheckboxProps & React$1.RefAttributes<HTMLButtonElement>>;
 
+interface CollapsibleProps {
+    summary: React__default.ReactNode;
+    children: React__default.ReactNode;
+    defaultOpen?: boolean;
+    /** `bordered` draws a card-like box; `plain` only the toggle row. */
+    variant?: "bordered" | "plain";
+    id?: string;
+    theme?: ThemeStyle;
+    className?: string;
+}
+/** A disclosure built on native `<details>`: works without JavaScript. */
+declare function Collapsible({ summary, children, defaultOpen, variant, id, theme, className, }: CollapsibleProps): React__default.JSX.Element;
+
 interface DialogProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Root> {
     theme?: ThemeStyle;
 }
@@ -234,9 +247,20 @@ interface ImageProps extends React__default.ImgHTMLAttributes<HTMLImageElement>
     alt?: string;
     className?: string;
     theme?: ThemeStyle;
+    /** Above-the-fold image (e.g. LCP): fetched eagerly at high priority. */
+    priority?: boolean;
 }
 declare const Image: React__default.FC<ImageProps>;
 
+interface InlineCodeProps extends React__default.HTMLAttributes<HTMLElement> {
+    children: React__default.ReactNode;
+    theme?: ThemeStyle;
+    /** `muted` drops the background, for secondary details like types. */
+    variant?: "default" | "muted";
+}
+/** Code inside running text: identifiers, paths, field names and values. */
+declare function InlineCode({ children, theme, variant, className, ...props }: InlineCodeProps): React__default.JSX.Element;
+
 interface InputProps extends React__default.InputHTMLAttributes<HTMLInputElement> {
     theme?: ThemeStyle;
     error?: boolean;
@@ -258,6 +282,15 @@ interface LinkProps extends React__default.AnchorHTMLAttributes<HTMLAnchorElemen
 }
 declare const Link: React__default.FC<LinkProps>;
 
+interface NativeSelectProps extends React__default.SelectHTMLAttributes<HTMLSelectElement> {
+    theme?: ThemeStyle;
+}
+/**
+ * A themed native `<select>`. Use it where a page must stay light (it ships
+ * no JavaScript); `Select` is the richer Radix-based control.
+ */
+declare const NativeSelect: React__default.ForwardRefExoticComponent<NativeSelectProps & React__default.RefAttributes<HTMLSelectElement>>;
+
 interface PopoverProps extends React$1.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root> {
     theme?: ThemeStyle;
 }
@@ -332,6 +365,42 @@ interface SwitchProps extends React__default.ComponentPropsWithoutRef<typeof Swi
 }
 declare const Switch: React__default.ForwardRefExoticComponent<SwitchProps & React__default.RefAttributes<HTMLButtonElement>>;
 
+interface TableColumn {
+    key: string;
+    label: string;
+    className?: string;
+}
+interface TableProps {
+    columns: TableColumn[];
+    rows: Record<string, React__default.ReactNode>[];
+    theme?: ThemeStyle;
+    className?: string;
+}
+/**
+ * A themed data table. On narrow screens each row stacks into a block, with
+ * the column name shown before every value.
+ */
+declare function Table({ columns, rows, theme, className }: TableProps): React__default.JSX.Element;
+
+interface TabsItem {
+    label: React__default.ReactNode;
+    content: React__default.ReactNode;
+}
+interface TabsProps {
+    items: TabsItem[];
+    /** Accessible name of the tab list. */
+    label: string;
+    defaultIndex?: number;
+    theme?: ThemeStyle;
+    className?: string;
+}
+/**
+ * Accessible tabs (WAI-ARIA tab pattern with arrow-key navigation). Every
+ * panel is rendered, inactive ones `hidden`, so server-rendered content is
+ * in the HTML before hydration.
+ */
+declare function Tabs({ items, label, defaultIndex, theme, className }: TabsProps): React__default.JSX.Element;
+
 declare const Text1: React__default.FC<TypographyProps & {
     component?: "p" | "span";
 }>;
@@ -363,4 +432,4 @@ interface TooltipContentProps extends React$1.ComponentPropsWithoutRef<typeof To
 }
 declare const TooltipContent: React$1.ForwardRefExoticComponent<TooltipContentProps & React$1.RefAttributes<HTMLDivElement>>;
 
-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 };
+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, Collapsible, type CollapsibleProps, 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, InlineCode, type InlineCodeProps, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, NativeSelect, type NativeSelectProps, 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, Table, type TableColumn, type TableProps, Tabs, type TabsItem, type TabsProps, 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,5 +1,5 @@
 "use client";
-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';
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Avatar, AvatarFallback, AvatarImage, Badge, Button2 as Button, Caption, Checkbox, CodeSnippet, Collapsible, 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, Image2 as Image, InlineCode, Input, Label, Link, NativeSelect, 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, Table, Tabs, Text1, Text2, Textarea, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, createHeading, fluidFontSize, themes } from '../chunk-KRQWGGAJ.js';
 import '../chunk-XU7ALPGQ.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/renderer/index.js

@@ -1,9 +1,9 @@
 "use client";
-export { EditableBlock, PageRenderer, generateThemeStyles, resolveThemeColor } from '../chunk-USPQ3AOW.js';
-import '../chunk-BBI7UHOA.js';
-import '../chunk-5J6TLS5U.js';
-export { PageBuilderLinkProvider } from '../chunk-36QHCIPM.js';
-import '../chunk-J7Z4UW45.js';
+export { EditableBlock, PageRenderer, generateThemeStyles, resolveThemeColor } from '../chunk-I2LRKHSL.js';
+import '../chunk-LL6CG6KH.js';
+import '../chunk-XQE4RVNO.js';
+export { PageBuilderLinkProvider } from '../chunk-QMUIISN3.js';
+import '../chunk-KRQWGGAJ.js';
 import '../chunk-XU7ALPGQ.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/server/index.js

@@ -93,9 +93,12 @@ import { Github } from "lucide-react";
 
 // src/components/image.tsx
 import { jsx } from "react/jsx-runtime";
-var imageAttributesResolver = null;
+var registry = globalThis;
 function setImageAttributesResolver(resolver) {
-  imageAttributesResolver = resolver;
+  registry.__frontlitImageResolver = resolver;
+}
+function resolveImageAttributes(input) {
+  return registry.__frontlitImageResolver?.(input) ?? null;
 }
 var roundedMap = {
   0: "rounded-none",
@@ -149,7 +152,7 @@ var Image = (props) => {
       }
     );
   }
-  const optimized = imageAttributesResolver?.({ src: source, alt, sizes, priority });
+  const optimized = resolveImageAttributes({ src: source, alt, sizes, priority });
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -752,7 +755,9 @@ var Section = ({
         "div",
         {
           className: cn(
-            "mx-auto z-[3] relative overflow-hidden",
+            // Clips like overflow-hidden without becoming a scroll
+            // container, so sticky children (docs sidebars) still stick.
+            "mx-auto z-[3] relative overflow-clip",
             `lg:${theme?.structure?.page?.width || "max-w-6xl"}`,
             theme?.structure?.section?.padding?.x || "px-4",
             theme?.structure?.section?.padding?.y || "py-4"
@@ -2078,7 +2083,7 @@ function FooterWidget({
             tagline && /* @__PURE__ */ jsx25(Text2, { theme: overriddenTheme, children: tagline })
           ] }),
           /* @__PURE__ */ jsx25("div", { className: "flex flex-col flex-wrap gap-8 lg:!flex-row", children: columns.map((column) => /* @__PURE__ */ jsxs11("div", { className: "flex flex-col gap-3 lg:min-w-[140px]", children: [
-            /* @__PURE__ */ jsx25(Header4, { theme: overriddenTheme, className: "text-sm", children: column.title }),
+            /* @__PURE__ */ jsx25(Header4, { theme: overriddenTheme, as: "h2", className: "text-sm", children: column.title }),
             /* @__PURE__ */ jsx25("div", { className: "flex flex-col gap-2", children: column.links.map((link) => /* @__PURE__ */ jsx25(NavLink6, { href: link.href, className: "no-underline", children: /* @__PURE__ */ jsx25(Link, { theme: overriddenTheme, className: "text-xs", children: link.label }) }, link.id)) })
           ] }, column.id)) })
         ] }),