@ohhwells/bridge 0.1.64-next.176 → 0.1.64
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +1505 -1560
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +6 -18
- package/dist/index.d.ts +6 -18
- package/dist/index.js +1494 -1548
- package/dist/index.js.map +1 -1
- package/dist/styles.css +99 -59
- package/package.json +1 -6
- package/dist/pages.cjs +0 -141
- package/dist/pages.cjs.map +0 -1
- package/dist/pages.d.cts +0 -45
- package/dist/pages.d.ts +0 -45
- package/dist/pages.js +0 -107
- package/dist/pages.js.map +0 -1
package/dist/index.d.cts
CHANGED
|
@@ -44,10 +44,6 @@ interface AiSectionSettings {
|
|
|
44
44
|
verticalPosition?: 'top' | 'center';
|
|
45
45
|
overlayIntensity?: 'low' | 'medium' | 'high';
|
|
46
46
|
backgroundMedia?: string;
|
|
47
|
-
/** Tinted band behind the section, resolved against the brand tokens. */
|
|
48
|
-
sectionBackground?: 'default' | 'surface' | 'accent' | 'accent-soft';
|
|
49
|
-
/** Vertical distribution of column content (stacked/split scaffolds). */
|
|
50
|
-
textDistribution?: 'top' | 'center' | 'space-between';
|
|
51
47
|
}
|
|
52
48
|
interface AiLayoutTree {
|
|
53
49
|
schemaVersion: number;
|
|
@@ -253,7 +249,7 @@ declare function filterAvailablePages(pages: LinkPage[], existingTargets: string
|
|
|
253
249
|
|
|
254
250
|
declare const toggleVariants: (props?: ({
|
|
255
251
|
variant?: "default" | "outline" | null | undefined;
|
|
256
|
-
size?: "default" | "
|
|
252
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
257
253
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
258
254
|
declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
|
|
259
255
|
|
|
@@ -271,7 +267,7 @@ declare function SchedulingWidget({ notifyOnConnect, initialScheduleId, insertAf
|
|
|
271
267
|
notifyOnConnect?: boolean;
|
|
272
268
|
initialScheduleId?: string | null;
|
|
273
269
|
insertAfter?: string;
|
|
274
|
-
}): react_jsx_runtime.JSX.Element;
|
|
270
|
+
}): react_jsx_runtime.JSX.Element | null;
|
|
275
271
|
|
|
276
272
|
declare const DragHandle: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
|
|
277
273
|
|
|
@@ -377,9 +373,11 @@ type ItemInteractionLayerProps = {
|
|
|
377
373
|
itemDragSurface?: boolean;
|
|
378
374
|
/** Gap between element and chrome border — Figma inset is 4px. */
|
|
379
375
|
chromeGap?: number;
|
|
376
|
+
/** Toolbar alignment over the element; forms hang theirs on the left edge (OHH-642). */
|
|
377
|
+
toolbarAlign?: 'center' | 'left';
|
|
380
378
|
className?: string;
|
|
381
379
|
};
|
|
382
|
-
declare function ItemInteractionLayer({ rect, state, elRef, toolbar, toolbarBelowRect, showHandle, dragDisabled, dragHandleLabel, onDragHandleDragStart, onDragHandleDragEnd, onItemPointerDown, onItemClick, itemDragSurface, chromeGap, className, }: ItemInteractionLayerProps): react_jsx_runtime.JSX.Element | null;
|
|
380
|
+
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;
|
|
383
381
|
|
|
384
382
|
declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Root>): react_jsx_runtime.JSX.Element;
|
|
385
383
|
declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
@@ -410,16 +408,6 @@ declare function TooltipContent({ className, sideOffset, side, children, hideArr
|
|
|
410
408
|
hideArrow?: boolean;
|
|
411
409
|
}): react_jsx_runtime.JSX.Element;
|
|
412
410
|
|
|
413
|
-
interface EmptySectionProps {
|
|
414
|
-
title: string;
|
|
415
|
-
homeHref?: string;
|
|
416
|
-
/** data-ohw-key values for the editable text nodes — omit a key to leave that node non-editable. */
|
|
417
|
-
eyebrowKey?: string;
|
|
418
|
-
titleKey?: string;
|
|
419
|
-
subtitleKey?: string;
|
|
420
|
-
}
|
|
421
|
-
declare function EmptySection({ title, homeHref, eyebrowKey, titleKey, subtitleKey }: EmptySectionProps): react_jsx_runtime.JSX.Element;
|
|
422
|
-
|
|
423
411
|
declare function isEditSessionActive(): boolean;
|
|
424
412
|
|
|
425
413
|
type CarouselSlide = {
|
|
@@ -443,4 +431,4 @@ declare function useOhwCarousel(key: string, initial: CarouselSlide[]): {
|
|
|
443
431
|
bind: Record<string, string>;
|
|
444
432
|
};
|
|
445
433
|
|
|
446
|
-
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,
|
|
434
|
+
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
CHANGED
|
@@ -44,10 +44,6 @@ interface AiSectionSettings {
|
|
|
44
44
|
verticalPosition?: 'top' | 'center';
|
|
45
45
|
overlayIntensity?: 'low' | 'medium' | 'high';
|
|
46
46
|
backgroundMedia?: string;
|
|
47
|
-
/** Tinted band behind the section, resolved against the brand tokens. */
|
|
48
|
-
sectionBackground?: 'default' | 'surface' | 'accent' | 'accent-soft';
|
|
49
|
-
/** Vertical distribution of column content (stacked/split scaffolds). */
|
|
50
|
-
textDistribution?: 'top' | 'center' | 'space-between';
|
|
51
47
|
}
|
|
52
48
|
interface AiLayoutTree {
|
|
53
49
|
schemaVersion: number;
|
|
@@ -253,7 +249,7 @@ declare function filterAvailablePages(pages: LinkPage[], existingTargets: string
|
|
|
253
249
|
|
|
254
250
|
declare const toggleVariants: (props?: ({
|
|
255
251
|
variant?: "default" | "outline" | null | undefined;
|
|
256
|
-
size?: "default" | "
|
|
252
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
257
253
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
258
254
|
declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
|
|
259
255
|
|
|
@@ -271,7 +267,7 @@ declare function SchedulingWidget({ notifyOnConnect, initialScheduleId, insertAf
|
|
|
271
267
|
notifyOnConnect?: boolean;
|
|
272
268
|
initialScheduleId?: string | null;
|
|
273
269
|
insertAfter?: string;
|
|
274
|
-
}): react_jsx_runtime.JSX.Element;
|
|
270
|
+
}): react_jsx_runtime.JSX.Element | null;
|
|
275
271
|
|
|
276
272
|
declare const DragHandle: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
|
|
277
273
|
|
|
@@ -377,9 +373,11 @@ type ItemInteractionLayerProps = {
|
|
|
377
373
|
itemDragSurface?: boolean;
|
|
378
374
|
/** Gap between element and chrome border — Figma inset is 4px. */
|
|
379
375
|
chromeGap?: number;
|
|
376
|
+
/** Toolbar alignment over the element; forms hang theirs on the left edge (OHH-642). */
|
|
377
|
+
toolbarAlign?: 'center' | 'left';
|
|
380
378
|
className?: string;
|
|
381
379
|
};
|
|
382
|
-
declare function ItemInteractionLayer({ rect, state, elRef, toolbar, toolbarBelowRect, showHandle, dragDisabled, dragHandleLabel, onDragHandleDragStart, onDragHandleDragEnd, onItemPointerDown, onItemClick, itemDragSurface, chromeGap, className, }: ItemInteractionLayerProps): react_jsx_runtime.JSX.Element | null;
|
|
380
|
+
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;
|
|
383
381
|
|
|
384
382
|
declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Root>): react_jsx_runtime.JSX.Element;
|
|
385
383
|
declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
@@ -410,16 +408,6 @@ declare function TooltipContent({ className, sideOffset, side, children, hideArr
|
|
|
410
408
|
hideArrow?: boolean;
|
|
411
409
|
}): react_jsx_runtime.JSX.Element;
|
|
412
410
|
|
|
413
|
-
interface EmptySectionProps {
|
|
414
|
-
title: string;
|
|
415
|
-
homeHref?: string;
|
|
416
|
-
/** data-ohw-key values for the editable text nodes — omit a key to leave that node non-editable. */
|
|
417
|
-
eyebrowKey?: string;
|
|
418
|
-
titleKey?: string;
|
|
419
|
-
subtitleKey?: string;
|
|
420
|
-
}
|
|
421
|
-
declare function EmptySection({ title, homeHref, eyebrowKey, titleKey, subtitleKey }: EmptySectionProps): react_jsx_runtime.JSX.Element;
|
|
422
|
-
|
|
423
411
|
declare function isEditSessionActive(): boolean;
|
|
424
412
|
|
|
425
413
|
type CarouselSlide = {
|
|
@@ -443,4 +431,4 @@ declare function useOhwCarousel(key: string, initial: CarouselSlide[]): {
|
|
|
443
431
|
bind: Record<string, string>;
|
|
444
432
|
};
|
|
445
433
|
|
|
446
|
-
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,
|
|
434
|
+
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 };
|