@ohhwells/bridge 0.1.33-next.39 → 0.1.34-next.40

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.
Files changed (8) hide show
  1. package/dist/index.cjs +760 -345
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +42 -2
  4. package/dist/index.d.ts +42 -2
  5. package/dist/index.js +738 -332
  6. package/dist/index.js.map +1 -1
  7. package/dist/styles.css +159 -0
  8. package/package.json +1 -1
package/dist/index.d.cts CHANGED
@@ -3,7 +3,7 @@ import React__default, { Ref } from 'react';
3
3
  import * as react_jsx_runtime from 'react/jsx-runtime';
4
4
  import * as class_variance_authority_types from 'class-variance-authority/types';
5
5
  import { VariantProps } from 'class-variance-authority';
6
- import { Toggle as Toggle$1 } from 'radix-ui';
6
+ import { Toggle as Toggle$1, Tooltip as Tooltip$1 } from 'radix-ui';
7
7
 
8
8
  declare function OhhwellsBridge(): React__default.ReactPortal | null;
9
9
 
@@ -86,6 +86,46 @@ declare function SchedulingWidget({ notifyOnConnect, initialScheduleId, insertAf
86
86
 
87
87
  declare const DragHandle: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
88
88
 
89
+ declare const CustomToolbar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
90
+ declare function CustomToolbarDivider({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
91
+ declare const CustomToolbarButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
92
+ active?: boolean;
93
+ } & React.RefAttributes<HTMLButtonElement>>;
94
+
95
+ type ItemActionToolbarProps = {
96
+ onEditLink?: () => void;
97
+ onAddItem?: () => void;
98
+ onMore?: () => void;
99
+ addItemDisabled?: boolean;
100
+ moreDisabled?: boolean;
101
+ /** Tooltip placement relative to each icon — Figma uses bottom. */
102
+ tooltipSide?: 'top' | 'bottom' | 'left' | 'right';
103
+ };
104
+ /** Item-action fill for Custom/Toolbar — Edit link / Add item / More. */
105
+ declare function ItemActionToolbar({ onEditLink, onAddItem, onMore, addItemDisabled, moreDisabled, tooltipSide, }: ItemActionToolbarProps): react_jsx_runtime.JSX.Element;
106
+
107
+ type ItemInteractionState = 'default' | 'hover' | 'sibling-hint' | 'active-top' | 'active-bottom' | 'dragging';
108
+ type ItemInteractionLayerProps = {
109
+ rect: DOMRect;
110
+ state: ItemInteractionState;
111
+ elRef?: React.Ref<HTMLDivElement>;
112
+ /** Slotted Custom/Toolbar instance (item-action or other fill). */
113
+ toolbar?: React.ReactNode;
114
+ showHandle?: boolean;
115
+ dragDisabled?: boolean;
116
+ dragHandleLabel?: string;
117
+ onDragHandleDragStart?: (e: React.DragEvent<HTMLButtonElement>) => void;
118
+ onDragHandleDragEnd?: (e: React.DragEvent<HTMLButtonElement>) => void;
119
+ chromeGap?: number;
120
+ className?: string;
121
+ };
122
+ declare function ItemInteractionLayer({ rect, state, elRef, toolbar, showHandle, dragDisabled, dragHandleLabel, onDragHandleDragStart, onDragHandleDragEnd, chromeGap, className, }: ItemInteractionLayerProps): react_jsx_runtime.JSX.Element | null;
123
+
124
+ declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime.JSX.Element;
125
+ declare function Tooltip({ ...props }: React.ComponentProps<typeof Tooltip$1.Root>): react_jsx_runtime.JSX.Element;
126
+ declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof Tooltip$1.Trigger>): react_jsx_runtime.JSX.Element;
127
+ declare function TooltipContent({ className, sideOffset, side, children, ...props }: React.ComponentProps<typeof Tooltip$1.Content>): react_jsx_runtime.JSX.Element;
128
+
89
129
  declare function isEditSessionActive(): boolean;
90
130
 
91
- export { DragHandle, LinkEditorPanel, type LinkModalMode, type LinkModalProps, type LinkPage, LinkPopover, type LinkSection, OhhwellsBridge, SchedulingWidget, Toggle, ToggleGroup, ToggleGroupItem, buildTarget, filterAvailablePages, getEditModeInitialState, isEditSessionActive, isValidUrl, parseTarget, toggleVariants, validateUrlInput };
131
+ export { CustomToolbar, CustomToolbarButton, CustomToolbarDivider, DragHandle, ItemActionToolbar, type ItemActionToolbarProps, ItemInteractionLayer, type ItemInteractionLayerProps, type ItemInteractionState, LinkEditorPanel, type LinkModalMode, type LinkModalProps, type LinkPage, LinkPopover, type LinkSection, OhhwellsBridge, SchedulingWidget, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buildTarget, filterAvailablePages, getEditModeInitialState, isEditSessionActive, isValidUrl, parseTarget, toggleVariants, validateUrlInput };
package/dist/index.d.ts CHANGED
@@ -3,7 +3,7 @@ import React__default, { Ref } from 'react';
3
3
  import * as react_jsx_runtime from 'react/jsx-runtime';
4
4
  import * as class_variance_authority_types from 'class-variance-authority/types';
5
5
  import { VariantProps } from 'class-variance-authority';
6
- import { Toggle as Toggle$1 } from 'radix-ui';
6
+ import { Toggle as Toggle$1, Tooltip as Tooltip$1 } from 'radix-ui';
7
7
 
8
8
  declare function OhhwellsBridge(): React__default.ReactPortal | null;
9
9
 
@@ -86,6 +86,46 @@ declare function SchedulingWidget({ notifyOnConnect, initialScheduleId, insertAf
86
86
 
87
87
  declare const DragHandle: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
88
88
 
89
+ declare const CustomToolbar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
90
+ declare function CustomToolbarDivider({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
91
+ declare const CustomToolbarButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
92
+ active?: boolean;
93
+ } & React.RefAttributes<HTMLButtonElement>>;
94
+
95
+ type ItemActionToolbarProps = {
96
+ onEditLink?: () => void;
97
+ onAddItem?: () => void;
98
+ onMore?: () => void;
99
+ addItemDisabled?: boolean;
100
+ moreDisabled?: boolean;
101
+ /** Tooltip placement relative to each icon — Figma uses bottom. */
102
+ tooltipSide?: 'top' | 'bottom' | 'left' | 'right';
103
+ };
104
+ /** Item-action fill for Custom/Toolbar — Edit link / Add item / More. */
105
+ declare function ItemActionToolbar({ onEditLink, onAddItem, onMore, addItemDisabled, moreDisabled, tooltipSide, }: ItemActionToolbarProps): react_jsx_runtime.JSX.Element;
106
+
107
+ type ItemInteractionState = 'default' | 'hover' | 'sibling-hint' | 'active-top' | 'active-bottom' | 'dragging';
108
+ type ItemInteractionLayerProps = {
109
+ rect: DOMRect;
110
+ state: ItemInteractionState;
111
+ elRef?: React.Ref<HTMLDivElement>;
112
+ /** Slotted Custom/Toolbar instance (item-action or other fill). */
113
+ toolbar?: React.ReactNode;
114
+ showHandle?: boolean;
115
+ dragDisabled?: boolean;
116
+ dragHandleLabel?: string;
117
+ onDragHandleDragStart?: (e: React.DragEvent<HTMLButtonElement>) => void;
118
+ onDragHandleDragEnd?: (e: React.DragEvent<HTMLButtonElement>) => void;
119
+ chromeGap?: number;
120
+ className?: string;
121
+ };
122
+ declare function ItemInteractionLayer({ rect, state, elRef, toolbar, showHandle, dragDisabled, dragHandleLabel, onDragHandleDragStart, onDragHandleDragEnd, chromeGap, className, }: ItemInteractionLayerProps): react_jsx_runtime.JSX.Element | null;
123
+
124
+ declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime.JSX.Element;
125
+ declare function Tooltip({ ...props }: React.ComponentProps<typeof Tooltip$1.Root>): react_jsx_runtime.JSX.Element;
126
+ declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof Tooltip$1.Trigger>): react_jsx_runtime.JSX.Element;
127
+ declare function TooltipContent({ className, sideOffset, side, children, ...props }: React.ComponentProps<typeof Tooltip$1.Content>): react_jsx_runtime.JSX.Element;
128
+
89
129
  declare function isEditSessionActive(): boolean;
90
130
 
91
- export { DragHandle, LinkEditorPanel, type LinkModalMode, type LinkModalProps, type LinkPage, LinkPopover, type LinkSection, OhhwellsBridge, SchedulingWidget, Toggle, ToggleGroup, ToggleGroupItem, buildTarget, filterAvailablePages, getEditModeInitialState, isEditSessionActive, isValidUrl, parseTarget, toggleVariants, validateUrlInput };
131
+ export { CustomToolbar, CustomToolbarButton, CustomToolbarDivider, DragHandle, ItemActionToolbar, type ItemActionToolbarProps, ItemInteractionLayer, type ItemInteractionLayerProps, type ItemInteractionState, LinkEditorPanel, type LinkModalMode, type LinkModalProps, type LinkPage, LinkPopover, type LinkSection, OhhwellsBridge, SchedulingWidget, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buildTarget, filterAvailablePages, getEditModeInitialState, isEditSessionActive, isValidUrl, parseTarget, toggleVariants, validateUrlInput };