@ohhwells/bridge 0.1.86 → 0.1.87-next.261

package/dist/index.d.cts

@@ -24,6 +24,8 @@ type AiBlockType = 'text' | 'button' | 'media' | 'media-list' | 'rating' | 'divi
 interface AiBlockNode {
     type: AiBlockType;
     span: number;
+    /** Horizontal alignment of the block's content within its column. */
+    align?: 'left' | 'center' | 'right';
     slots?: Record<string, unknown>;
     children?: AiBlockNode[];
     items?: Array<{
@@ -55,8 +57,10 @@ interface AiLayoutTree {
     scaffold: SectionScaffold;
     tag?: string;
     settings?: AiSectionSettings;
+    /** A row's `align` sets the vertical alignment of its columns; `stretch` equalises heights. */
     rows: Array<{
         blocks: AiBlockNode[];
+        align?: 'top' | 'center' | 'bottom' | 'stretch';
     }>;
 }
 /** The site brand kit the renderer styles from (editor Brand settings). */
@@ -72,6 +76,20 @@ interface AiBrandKit {
         body: string;
     };
 }
+/**
+ * Shape, padding and typography measured off a host-template CTA, so generated buttons read as the
+ * site's own button rather than a default. Colour stays brand-driven (band-aware); everything here
+ * follows the template button. Null when the page has no template button to measure.
+ */
+interface TemplateButtonStyle {
+    radius: string;
+    padding: string;
+    fontFamily: string;
+    fontSize: string;
+    fontWeight: string;
+    letterSpacing: string;
+    textTransform: string;
+}
 /** Section System defaults — used when a site has no brand kit override. */
 declare const AI_DEFAULT_BRAND: AiBrandKit;
 /** Design tokens from the Section System Blocks page (px unless noted). */
@@ -139,8 +157,8 @@ declare function isRenderableTree(value: unknown): value is AiLayoutTree;
 interface AiTreeRendererProps {
     tree: AiLayoutTree;
     brand?: AiBrandKit;
-    /** The host template's button corner radius (e.g. "0px", "8px"); a form's submit adopts it. */
-    buttonRadius?: string | null;
+    /** The host template's button shape/padding/typography; generated CTAs adopt it. */
+    buttonStyle?: TemplateButtonStyle | null;
     /** Resolves a media ref to a URL; null renders a placeholder. */
     resolveMedia?: (ref: string) => string | null;
     /**
@@ -150,7 +168,7 @@ interface AiTreeRendererProps {
      */
     editKeyPrefix?: string;
 }
-declare function AiTreeRenderer({ tree, brand, buttonRadius, resolveMedia, editKeyPrefix, }: AiTreeRendererProps): react_jsx_runtime.JSX.Element | null;
+declare function AiTreeRenderer({ tree, brand, buttonStyle, resolveMedia, editKeyPrefix, }: AiTreeRendererProps): react_jsx_runtime.JSX.Element | null;
 
 type LinkPage = {
     path: string;
@@ -419,6 +437,16 @@ declare function TooltipContent({ className, sideOffset, side, children, hideArr
     hideArrow?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
+interface EmptySectionProps {
+    title: string;
+    homeHref?: string;
+    /** data-ohw-key values for the editable text nodes — omit a key to leave that node non-editable. */
+    eyebrowKey?: string;
+    titleKey?: string;
+    subtitleKey?: string;
+}
+declare function EmptySection({ title, homeHref, eyebrowKey, titleKey, subtitleKey }: EmptySectionProps): react_jsx_runtime.JSX.Element;
+
 declare function isEditSessionActive(): boolean;
 
 type CarouselSlide = {
@@ -442,4 +470,4 @@ declare function useOhwCarousel(key: string, initial: CarouselSlide[]): {
     bind: Record<string, string>;
 };
 
-export { AI_DEFAULT_BRAND, AI_TREE_SCHEMA_VERSIONS, AI_TREE_TOKENS, type AiBlockNode, type AiBrandKit, type AiLayoutTree, AiTreeRenderer, type AiTreeRendererProps, type CarouselSlide, CustomToolbar, CustomToolbarButton, CustomToolbarDivider, DragHandle, DropIndicator, type DropIndicatorProps, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, ItemActionToolbar, type ItemActionToolbarProps, ItemInteractionLayer, type ItemInteractionLayerProps, type ItemInteractionState, LinkEditorPanel, type LinkModalMode, type LinkModalProps, type LinkPage, LinkPopover, type LinkSection, OhhwellsBridge, SchedulingWidget, type SectionScaffold, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buildTarget, dropIndicatorVariants, filterAvailablePages, getEditModeInitialState, isEditSessionActive, isRenderableTree, isValidUrl, parseTarget, toggleVariants, useOhwCarousel, validateUrlInput };
+export { AI_DEFAULT_BRAND, AI_TREE_SCHEMA_VERSIONS, AI_TREE_TOKENS, type AiBlockNode, type AiBrandKit, type AiLayoutTree, AiTreeRenderer, type AiTreeRendererProps, type CarouselSlide, CustomToolbar, CustomToolbarButton, CustomToolbarDivider, DragHandle, DropIndicator, type DropIndicatorProps, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, EmptySection, type EmptySectionProps, ItemActionToolbar, type ItemActionToolbarProps, ItemInteractionLayer, type ItemInteractionLayerProps, type ItemInteractionState, LinkEditorPanel, type LinkModalMode, type LinkModalProps, type LinkPage, LinkPopover, type LinkSection, OhhwellsBridge, SchedulingWidget, type SectionScaffold, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buildTarget, dropIndicatorVariants, filterAvailablePages, getEditModeInitialState, isEditSessionActive, isRenderableTree, isValidUrl, parseTarget, toggleVariants, useOhwCarousel, validateUrlInput };

package/dist/index.d.ts

@@ -24,6 +24,8 @@ type AiBlockType = 'text' | 'button' | 'media' | 'media-list' | 'rating' | 'divi
 interface AiBlockNode {
     type: AiBlockType;
     span: number;
+    /** Horizontal alignment of the block's content within its column. */
+    align?: 'left' | 'center' | 'right';
     slots?: Record<string, unknown>;
     children?: AiBlockNode[];
     items?: Array<{
@@ -55,8 +57,10 @@ interface AiLayoutTree {
     scaffold: SectionScaffold;
     tag?: string;
     settings?: AiSectionSettings;
+    /** A row's `align` sets the vertical alignment of its columns; `stretch` equalises heights. */
     rows: Array<{
         blocks: AiBlockNode[];
+        align?: 'top' | 'center' | 'bottom' | 'stretch';
     }>;
 }
 /** The site brand kit the renderer styles from (editor Brand settings). */
@@ -72,6 +76,20 @@ interface AiBrandKit {
         body: string;
     };
 }
+/**
+ * Shape, padding and typography measured off a host-template CTA, so generated buttons read as the
+ * site's own button rather than a default. Colour stays brand-driven (band-aware); everything here
+ * follows the template button. Null when the page has no template button to measure.
+ */
+interface TemplateButtonStyle {
+    radius: string;
+    padding: string;
+    fontFamily: string;
+    fontSize: string;
+    fontWeight: string;
+    letterSpacing: string;
+    textTransform: string;
+}
 /** Section System defaults — used when a site has no brand kit override. */
 declare const AI_DEFAULT_BRAND: AiBrandKit;
 /** Design tokens from the Section System Blocks page (px unless noted). */
@@ -139,8 +157,8 @@ declare function isRenderableTree(value: unknown): value is AiLayoutTree;
 interface AiTreeRendererProps {
     tree: AiLayoutTree;
     brand?: AiBrandKit;
-    /** The host template's button corner radius (e.g. "0px", "8px"); a form's submit adopts it. */
-    buttonRadius?: string | null;
+    /** The host template's button shape/padding/typography; generated CTAs adopt it. */
+    buttonStyle?: TemplateButtonStyle | null;
     /** Resolves a media ref to a URL; null renders a placeholder. */
     resolveMedia?: (ref: string) => string | null;
     /**
@@ -150,7 +168,7 @@ interface AiTreeRendererProps {
      */
     editKeyPrefix?: string;
 }
-declare function AiTreeRenderer({ tree, brand, buttonRadius, resolveMedia, editKeyPrefix, }: AiTreeRendererProps): react_jsx_runtime.JSX.Element | null;
+declare function AiTreeRenderer({ tree, brand, buttonStyle, resolveMedia, editKeyPrefix, }: AiTreeRendererProps): react_jsx_runtime.JSX.Element | null;
 
 type LinkPage = {
     path: string;
@@ -419,6 +437,16 @@ declare function TooltipContent({ className, sideOffset, side, children, hideArr
     hideArrow?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
+interface EmptySectionProps {
+    title: string;
+    homeHref?: string;
+    /** data-ohw-key values for the editable text nodes — omit a key to leave that node non-editable. */
+    eyebrowKey?: string;
+    titleKey?: string;
+    subtitleKey?: string;
+}
+declare function EmptySection({ title, homeHref, eyebrowKey, titleKey, subtitleKey }: EmptySectionProps): react_jsx_runtime.JSX.Element;
+
 declare function isEditSessionActive(): boolean;
 
 type CarouselSlide = {
@@ -442,4 +470,4 @@ declare function useOhwCarousel(key: string, initial: CarouselSlide[]): {
     bind: Record<string, string>;
 };
 
-export { AI_DEFAULT_BRAND, AI_TREE_SCHEMA_VERSIONS, AI_TREE_TOKENS, type AiBlockNode, type AiBrandKit, type AiLayoutTree, AiTreeRenderer, type AiTreeRendererProps, type CarouselSlide, CustomToolbar, CustomToolbarButton, CustomToolbarDivider, DragHandle, DropIndicator, type DropIndicatorProps, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, ItemActionToolbar, type ItemActionToolbarProps, ItemInteractionLayer, type ItemInteractionLayerProps, type ItemInteractionState, LinkEditorPanel, type LinkModalMode, type LinkModalProps, type LinkPage, LinkPopover, type LinkSection, OhhwellsBridge, SchedulingWidget, type SectionScaffold, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buildTarget, dropIndicatorVariants, filterAvailablePages, getEditModeInitialState, isEditSessionActive, isRenderableTree, isValidUrl, parseTarget, toggleVariants, useOhwCarousel, validateUrlInput };
+export { AI_DEFAULT_BRAND, AI_TREE_SCHEMA_VERSIONS, AI_TREE_TOKENS, type AiBlockNode, type AiBrandKit, type AiLayoutTree, AiTreeRenderer, type AiTreeRendererProps, type CarouselSlide, CustomToolbar, CustomToolbarButton, CustomToolbarDivider, DragHandle, DropIndicator, type DropIndicatorProps, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, EmptySection, type EmptySectionProps, ItemActionToolbar, type ItemActionToolbarProps, ItemInteractionLayer, type ItemInteractionLayerProps, type ItemInteractionState, LinkEditorPanel, type LinkModalMode, type LinkModalProps, type LinkPage, LinkPopover, type LinkSection, OhhwellsBridge, SchedulingWidget, type SectionScaffold, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buildTarget, dropIndicatorVariants, filterAvailablePages, getEditModeInitialState, isEditSessionActive, isRenderableTree, isValidUrl, parseTarget, toggleVariants, useOhwCarousel, validateUrlInput };