@ohhwells/bridge 0.1.69-next.207 → 0.1.69

package/dist/index.d.cts

@@ -1,11 +1,11 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { Ref, ReactNode, DragEvent, PointerEvent } from 'react';
+import React__default, { Ref, ReactNode, DragEvent, PointerEvent } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 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_jsx_runtime.JSX.Element;
+declare function OhhwellsBridge(): React__default.ReactPortal | null;
 
 /**
  * AI layout-tree contract — the bridge-side vocabulary for rendering
@@ -20,7 +20,7 @@ declare function OhhwellsBridge(): react_jsx_runtime.JSX.Element;
  */
 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' | 'group';
+type AiBlockType = 'text' | 'button' | 'media' | 'media-list' | 'rating' | 'divider' | 'input' | 'section-header' | 'button-row' | 'card' | 'collection' | 'accordion' | 'form' | 'embed' | 'schedule-widget';
 interface AiBlockNode {
     type: AiBlockType;
     span: number;
@@ -44,10 +44,6 @@ 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;
@@ -253,7 +249,7 @@ declare function filterAvailablePages(pages: LinkPage[], existingTargets: string
 
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "lg" | "sm" | null | undefined;
+    size?: "default" | "sm" | "lg" | 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;
 
@@ -271,7 +267,7 @@ declare function SchedulingWidget({ notifyOnConnect, initialScheduleId, insertAf
     notifyOnConnect?: boolean;
     initialScheduleId?: string | null;
     insertAfter?: string;
-}): react_jsx_runtime.JSX.Element;
+}): react_jsx_runtime.JSX.Element | null;
 
 declare const DragHandle: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
 
@@ -384,7 +380,12 @@ type ItemInteractionLayerProps = {
 declare function ItemInteractionLayer({ rect, state, elRef, toolbar, toolbarBelowRect, showHandle, dragDisabled, dragHandleLabel, onDragHandleDragStart, onDragHandleDragEnd, onItemPointerDown, onItemClick, itemDragSurface, chromeGap, toolbarAlign, className, }: ItemInteractionLayerProps): react_jsx_runtime.JSX.Element | null;
 
 declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Root>): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Trigger>): react_jsx_runtime.JSX.Element;
+/**
+ * Forwards its ref, because it is itself wrapped: the More button is a menu trigger inside a
+ * tooltip trigger, and the outer one hands a ref down through `asChild`. A plain function
+ * component drops it, and React says so on every render of the toolbar.
+ */
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenu$1.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare function DropdownMenuGroup({ className, ...props }: React.ComponentProps<typeof DropdownMenu$1.Group>): react_jsx_runtime.JSX.Element;
 /**
  * Figma Dropdown Menu (4:6588 / 8202:1581):
@@ -412,16 +413,6 @@ 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 = {
@@ -445,4 +436,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, 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 };
+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 };

package/dist/index.d.ts

@@ -1,11 +1,11 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { Ref, ReactNode, DragEvent, PointerEvent } from 'react';
+import React__default, { Ref, ReactNode, DragEvent, PointerEvent } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 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_jsx_runtime.JSX.Element;
+declare function OhhwellsBridge(): React__default.ReactPortal | null;
 
 /**
  * AI layout-tree contract — the bridge-side vocabulary for rendering
@@ -20,7 +20,7 @@ declare function OhhwellsBridge(): react_jsx_runtime.JSX.Element;
  */
 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' | 'group';
+type AiBlockType = 'text' | 'button' | 'media' | 'media-list' | 'rating' | 'divider' | 'input' | 'section-header' | 'button-row' | 'card' | 'collection' | 'accordion' | 'form' | 'embed' | 'schedule-widget';
 interface AiBlockNode {
     type: AiBlockType;
     span: number;
@@ -44,10 +44,6 @@ 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;
@@ -253,7 +249,7 @@ declare function filterAvailablePages(pages: LinkPage[], existingTargets: string
 
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "lg" | "sm" | null | undefined;
+    size?: "default" | "sm" | "lg" | 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;
 
@@ -271,7 +267,7 @@ declare function SchedulingWidget({ notifyOnConnect, initialScheduleId, insertAf
     notifyOnConnect?: boolean;
     initialScheduleId?: string | null;
     insertAfter?: string;
-}): react_jsx_runtime.JSX.Element;
+}): react_jsx_runtime.JSX.Element | null;
 
 declare const DragHandle: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
 
@@ -384,7 +380,12 @@ type ItemInteractionLayerProps = {
 declare function ItemInteractionLayer({ rect, state, elRef, toolbar, toolbarBelowRect, showHandle, dragDisabled, dragHandleLabel, onDragHandleDragStart, onDragHandleDragEnd, onItemPointerDown, onItemClick, itemDragSurface, chromeGap, toolbarAlign, className, }: ItemInteractionLayerProps): react_jsx_runtime.JSX.Element | null;
 
 declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Root>): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Trigger>): react_jsx_runtime.JSX.Element;
+/**
+ * Forwards its ref, because it is itself wrapped: the More button is a menu trigger inside a
+ * tooltip trigger, and the outer one hands a ref down through `asChild`. A plain function
+ * component drops it, and React says so on every render of the toolbar.
+ */
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenu$1.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare function DropdownMenuGroup({ className, ...props }: React.ComponentProps<typeof DropdownMenu$1.Group>): react_jsx_runtime.JSX.Element;
 /**
  * Figma Dropdown Menu (4:6588 / 8202:1581):
@@ -412,16 +413,6 @@ 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 = {
@@ -445,4 +436,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, 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 };
+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 };