@ohhwells/bridge 0.1.54 → 0.1.55-next.158

package/dist/index.d.cts

@@ -267,7 +267,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>>;
 
@@ -306,6 +306,8 @@ declare const CustomToolbarButton: React.ForwardRefExoticComponent<React.ButtonH
 type ItemActionToolbarProps = {
     onEditLink?: () => void;
     onAddItem?: () => void;
+    /** Opens the element's style panel — socials display for now (OHH-629). */
+    onStyle?: () => void;
     onSelectParent?: () => void;
     onDuplicate?: () => void;
     /** Wired by OHH-458 — row is always shown (destructive). */
@@ -320,6 +322,9 @@ type ItemActionToolbarProps = {
     showEditLink?: boolean;
     /** Hide Add item — CTA buttons only show Edit link (prototype). */
     showAddItem?: boolean;
+    showStyle?: boolean;
+    /** Reflects whether the style panel is open, so the button reads as a toggle. */
+    styleActive?: boolean;
     /** Hide More — CTA buttons only show Edit link (prototype). */
     showMore?: boolean;
     /** Tooltip placement relative to each icon — Figma uses bottom. */
@@ -338,7 +343,7 @@ type ItemActionToolbarProps = {
     onHeadingVisibleChange?: (visible: boolean) => void;
 };
 /** Item-action fill for Custom/Toolbar — Edit link / Add item / More (+ OHH-468 toggles). */
-declare function ItemActionToolbar({ onEditLink, onAddItem, onSelectParent, onDuplicate, onDelete, editLinkDisabled, addItemDisabled, moreDisabled, selectParentDisabled, duplicateDisabled, deleteDisabled, showEditLink, showAddItem, showMore, tooltipSide, dropdownOpen, onDropdownOpenChange, headingVisible, onHeadingVisibleChange, }: ItemActionToolbarProps): react_jsx_runtime.JSX.Element;
+declare function ItemActionToolbar({ onEditLink, onAddItem, onStyle, onSelectParent, onDuplicate, onDelete, editLinkDisabled, addItemDisabled, moreDisabled, selectParentDisabled, duplicateDisabled, deleteDisabled, showEditLink, showAddItem, showStyle, styleActive, showMore, tooltipSide, dropdownOpen, onDropdownOpenChange, headingVisible, onHeadingVisibleChange, }: ItemActionToolbarProps): react_jsx_runtime.JSX.Element;
 
 type ItemInteractionState = 'default' | 'hover' | 'sibling-hint' | 'active-top' | 'active-bottom' | 'dragging';
 type ItemInteractionLayerProps = {
@@ -401,6 +406,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 = {
@@ -424,4 +439,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

@@ -267,7 +267,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>>;
 
@@ -306,6 +306,8 @@ declare const CustomToolbarButton: React.ForwardRefExoticComponent<React.ButtonH
 type ItemActionToolbarProps = {
     onEditLink?: () => void;
     onAddItem?: () => void;
+    /** Opens the element's style panel — socials display for now (OHH-629). */
+    onStyle?: () => void;
     onSelectParent?: () => void;
     onDuplicate?: () => void;
     /** Wired by OHH-458 — row is always shown (destructive). */
@@ -320,6 +322,9 @@ type ItemActionToolbarProps = {
     showEditLink?: boolean;
     /** Hide Add item — CTA buttons only show Edit link (prototype). */
     showAddItem?: boolean;
+    showStyle?: boolean;
+    /** Reflects whether the style panel is open, so the button reads as a toggle. */
+    styleActive?: boolean;
     /** Hide More — CTA buttons only show Edit link (prototype). */
     showMore?: boolean;
     /** Tooltip placement relative to each icon — Figma uses bottom. */
@@ -338,7 +343,7 @@ type ItemActionToolbarProps = {
     onHeadingVisibleChange?: (visible: boolean) => void;
 };
 /** Item-action fill for Custom/Toolbar — Edit link / Add item / More (+ OHH-468 toggles). */
-declare function ItemActionToolbar({ onEditLink, onAddItem, onSelectParent, onDuplicate, onDelete, editLinkDisabled, addItemDisabled, moreDisabled, selectParentDisabled, duplicateDisabled, deleteDisabled, showEditLink, showAddItem, showMore, tooltipSide, dropdownOpen, onDropdownOpenChange, headingVisible, onHeadingVisibleChange, }: ItemActionToolbarProps): react_jsx_runtime.JSX.Element;
+declare function ItemActionToolbar({ onEditLink, onAddItem, onStyle, onSelectParent, onDuplicate, onDelete, editLinkDisabled, addItemDisabled, moreDisabled, selectParentDisabled, duplicateDisabled, deleteDisabled, showEditLink, showAddItem, showStyle, styleActive, showMore, tooltipSide, dropdownOpen, onDropdownOpenChange, headingVisible, onHeadingVisibleChange, }: ItemActionToolbarProps): react_jsx_runtime.JSX.Element;
 
 type ItemInteractionState = 'default' | 'hover' | 'sibling-hint' | 'active-top' | 'active-bottom' | 'dragging';
 type ItemInteractionLayerProps = {
@@ -401,6 +406,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 = {
@@ -424,4 +439,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 };