@ohhwells/bridge 0.1.68 → 0.1.69-next.207

package/dist/index.d.cts

@@ -1,11 +1,11 @@
-import * as React from 'react';
-import React__default, { Ref, ReactNode, DragEvent, PointerEvent } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Ref, ReactNode, DragEvent, PointerEvent } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import { Toggle as Toggle$1, DropdownMenu as DropdownMenu$1, Tooltip as Tooltip$1 } from 'radix-ui';
 
-declare function OhhwellsBridge(): React__default.ReactPortal | null;
+declare function OhhwellsBridge(): react_jsx_runtime.JSX.Element;
 
 /**
  * AI layout-tree contract — the bridge-side vocabulary for rendering
@@ -20,7 +20,7 @@ declare function OhhwellsBridge(): React__default.ReactPortal | null;
  */
 declare const AI_TREE_SCHEMA_VERSIONS: readonly [1];
 type SectionScaffold = 'stacked' | 'split' | 'overlay';
-type AiBlockType = 'text' | 'button' | 'media' | 'media-list' | 'rating' | 'divider' | 'input' | 'section-header' | 'button-row' | 'card' | 'collection' | 'accordion' | 'form' | 'embed' | 'schedule-widget';
+type AiBlockType = 'text' | 'button' | 'media' | 'media-list' | 'rating' | 'divider' | 'input' | 'section-header' | 'button-row' | 'card' | 'collection' | 'accordion' | 'form' | 'embed' | 'schedule-widget' | 'group';
 interface AiBlockNode {
     type: AiBlockType;
     span: number;
@@ -44,6 +44,10 @@ interface AiSectionSettings {
     verticalPosition?: 'top' | 'center';
     overlayIntensity?: 'low' | 'medium' | 'high';
     backgroundMedia?: string;
+    /** Tinted band behind the section, resolved against the brand tokens. */
+    sectionBackground?: 'default' | 'surface' | 'accent' | 'accent-soft';
+    /** Vertical distribution of column content (stacked/split scaffolds). */
+    textDistribution?: 'top' | 'center' | 'space-between';
 }
 interface AiLayoutTree {
     schemaVersion: number;
@@ -249,7 +253,7 @@ declare function filterAvailablePages(pages: LinkPage[], existingTargets: string
 
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "default" | "lg" | "sm" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
 
@@ -267,7 +271,7 @@ declare function SchedulingWidget({ notifyOnConnect, initialScheduleId, insertAf
     notifyOnConnect?: boolean;
     initialScheduleId?: string | null;
     insertAfter?: string;
-}): react_jsx_runtime.JSX.Element | null;
+}): react_jsx_runtime.JSX.Element;
 
 declare const DragHandle: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
 
@@ -408,6 +412,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 = {
@@ -431,4 +445,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

@@ -1,11 +1,11 @@
-import * as React from 'react';
-import React__default, { Ref, ReactNode, DragEvent, PointerEvent } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Ref, ReactNode, DragEvent, PointerEvent } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import { Toggle as Toggle$1, DropdownMenu as DropdownMenu$1, Tooltip as Tooltip$1 } from 'radix-ui';
 
-declare function OhhwellsBridge(): React__default.ReactPortal | null;
+declare function OhhwellsBridge(): react_jsx_runtime.JSX.Element;
 
 /**
  * AI layout-tree contract — the bridge-side vocabulary for rendering
@@ -20,7 +20,7 @@ declare function OhhwellsBridge(): React__default.ReactPortal | null;
  */
 declare const AI_TREE_SCHEMA_VERSIONS: readonly [1];
 type SectionScaffold = 'stacked' | 'split' | 'overlay';
-type AiBlockType = 'text' | 'button' | 'media' | 'media-list' | 'rating' | 'divider' | 'input' | 'section-header' | 'button-row' | 'card' | 'collection' | 'accordion' | 'form' | 'embed' | 'schedule-widget';
+type AiBlockType = 'text' | 'button' | 'media' | 'media-list' | 'rating' | 'divider' | 'input' | 'section-header' | 'button-row' | 'card' | 'collection' | 'accordion' | 'form' | 'embed' | 'schedule-widget' | 'group';
 interface AiBlockNode {
     type: AiBlockType;
     span: number;
@@ -44,6 +44,10 @@ interface AiSectionSettings {
     verticalPosition?: 'top' | 'center';
     overlayIntensity?: 'low' | 'medium' | 'high';
     backgroundMedia?: string;
+    /** Tinted band behind the section, resolved against the brand tokens. */
+    sectionBackground?: 'default' | 'surface' | 'accent' | 'accent-soft';
+    /** Vertical distribution of column content (stacked/split scaffolds). */
+    textDistribution?: 'top' | 'center' | 'space-between';
 }
 interface AiLayoutTree {
     schemaVersion: number;
@@ -249,7 +253,7 @@ declare function filterAvailablePages(pages: LinkPage[], existingTargets: string
 
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "default" | "lg" | "sm" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
 
@@ -267,7 +271,7 @@ declare function SchedulingWidget({ notifyOnConnect, initialScheduleId, insertAf
     notifyOnConnect?: boolean;
     initialScheduleId?: string | null;
     insertAfter?: string;
-}): react_jsx_runtime.JSX.Element | null;
+}): react_jsx_runtime.JSX.Element;
 
 declare const DragHandle: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
 
@@ -408,6 +412,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 = {
@@ -431,4 +445,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 };