@ohhwells/bridge 0.1.42-next.97 → 0.1.43
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/README.md +0 -12
- package/dist/index.cjs +467 -2914
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +4 -30
- package/dist/index.d.ts +4 -30
- package/dist/index.js +470 -2917
- package/dist/index.js.map +1 -1
- package/dist/styles.css +67 -68
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -152,14 +152,8 @@ declare const DropIndicator: React.ForwardRefExoticComponent<React.HTMLAttribute
|
|
|
152
152
|
state?: "default" | "hover" | "dragIdle" | "dragActive" | null | undefined;
|
|
153
153
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
|
|
154
154
|
|
|
155
|
-
/**
|
|
156
|
-
* Custom/Toolbar shell (Figma 7320:11058).
|
|
157
|
-
* One pill, two fills — text formatting or item actions. No hardcoded colors.
|
|
158
|
-
*/
|
|
159
155
|
declare const CustomToolbar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
160
|
-
/** Separators belong on the text-format fill only — not item-actions. */
|
|
161
156
|
declare function CustomToolbarDivider({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
|
|
162
|
-
/** Figma Toggle: 28×28, radius calc(var(--radius)-2px)=6px, icon 16. */
|
|
163
157
|
declare const CustomToolbarButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
164
158
|
active?: boolean;
|
|
165
159
|
} & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -171,15 +165,11 @@ type ItemActionToolbarProps = {
|
|
|
171
165
|
editLinkDisabled?: boolean;
|
|
172
166
|
addItemDisabled?: boolean;
|
|
173
167
|
moreDisabled?: boolean;
|
|
174
|
-
/** Hide Add item — CTA buttons only show Edit link (prototype). */
|
|
175
|
-
showAddItem?: boolean;
|
|
176
|
-
/** Hide More — CTA buttons only show Edit link (prototype). */
|
|
177
|
-
showMore?: boolean;
|
|
178
168
|
/** Tooltip placement relative to each icon — Figma uses bottom. */
|
|
179
169
|
tooltipSide?: 'top' | 'bottom' | 'left' | 'right';
|
|
180
170
|
};
|
|
181
|
-
/** Item-action fill for Custom/Toolbar — Edit link / Add item / More
|
|
182
|
-
declare function ItemActionToolbar({ onEditLink, onAddItem, onMore, editLinkDisabled, addItemDisabled, moreDisabled,
|
|
171
|
+
/** Item-action fill for Custom/Toolbar — Edit link / Add item / More. */
|
|
172
|
+
declare function ItemActionToolbar({ onEditLink, onAddItem, onMore, editLinkDisabled, addItemDisabled, moreDisabled, tooltipSide, }: ItemActionToolbarProps): react_jsx_runtime.JSX.Element;
|
|
183
173
|
|
|
184
174
|
type ItemInteractionState = 'default' | 'hover' | 'sibling-hint' | 'active-top' | 'active-bottom' | 'dragging';
|
|
185
175
|
type ItemInteractionLayerProps = {
|
|
@@ -193,31 +183,15 @@ type ItemInteractionLayerProps = {
|
|
|
193
183
|
dragHandleLabel?: string;
|
|
194
184
|
onDragHandleDragStart?: (e: React.DragEvent<HTMLButtonElement>) => void;
|
|
195
185
|
onDragHandleDragEnd?: (e: React.DragEvent<HTMLButtonElement>) => void;
|
|
196
|
-
/** Press on the item chrome (not handle/toolbar) — starts press-to-drag. */
|
|
197
|
-
onItemPointerDown?: (e: React.PointerEvent<HTMLDivElement>) => void;
|
|
198
|
-
/** Click on chrome without a drag — typically enter text edit. */
|
|
199
|
-
onItemClick?: (clientX: number, clientY: number) => void;
|
|
200
|
-
/**
|
|
201
|
-
* Full-bleed press-drag surface over the selection.
|
|
202
|
-
* Disable for footer column frames so child links keep grab cursor / hover.
|
|
203
|
-
*/
|
|
204
|
-
itemDragSurface?: boolean;
|
|
205
|
-
/** Gap between element and chrome border — Figma inset is 4px. */
|
|
206
186
|
chromeGap?: number;
|
|
207
187
|
className?: string;
|
|
208
188
|
};
|
|
209
|
-
declare function ItemInteractionLayer({ rect, state, elRef, toolbar, showHandle, dragDisabled, dragHandleLabel, onDragHandleDragStart, onDragHandleDragEnd,
|
|
189
|
+
declare function ItemInteractionLayer({ rect, state, elRef, toolbar, showHandle, dragDisabled, dragHandleLabel, onDragHandleDragStart, onDragHandleDragEnd, chromeGap, className, }: ItemInteractionLayerProps): react_jsx_runtime.JSX.Element | null;
|
|
210
190
|
|
|
211
191
|
declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime.JSX.Element;
|
|
212
192
|
declare function Tooltip({ ...props }: React.ComponentProps<typeof Tooltip$1.Root>): react_jsx_runtime.JSX.Element;
|
|
213
193
|
declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof Tooltip$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
214
|
-
|
|
215
|
-
* Tooltip content — CSS caret (not Radix Arrow) so `sideOffset` is the true
|
|
216
|
-
* trigger↔tooltip gap. Default 3px matches item-action toolbar AC.
|
|
217
|
-
*/
|
|
218
|
-
declare function TooltipContent({ className, sideOffset, side, children, hideArrow, ...props }: React.ComponentProps<typeof Tooltip$1.Content> & {
|
|
219
|
-
hideArrow?: boolean;
|
|
220
|
-
}): react_jsx_runtime.JSX.Element;
|
|
194
|
+
declare function TooltipContent({ className, sideOffset, side, children, ...props }: React.ComponentProps<typeof Tooltip$1.Content>): react_jsx_runtime.JSX.Element;
|
|
221
195
|
|
|
222
196
|
declare function isEditSessionActive(): boolean;
|
|
223
197
|
|
package/dist/index.d.ts
CHANGED
|
@@ -152,14 +152,8 @@ declare const DropIndicator: React.ForwardRefExoticComponent<React.HTMLAttribute
|
|
|
152
152
|
state?: "default" | "hover" | "dragIdle" | "dragActive" | null | undefined;
|
|
153
153
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
|
|
154
154
|
|
|
155
|
-
/**
|
|
156
|
-
* Custom/Toolbar shell (Figma 7320:11058).
|
|
157
|
-
* One pill, two fills — text formatting or item actions. No hardcoded colors.
|
|
158
|
-
*/
|
|
159
155
|
declare const CustomToolbar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
160
|
-
/** Separators belong on the text-format fill only — not item-actions. */
|
|
161
156
|
declare function CustomToolbarDivider({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
|
|
162
|
-
/** Figma Toggle: 28×28, radius calc(var(--radius)-2px)=6px, icon 16. */
|
|
163
157
|
declare const CustomToolbarButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
164
158
|
active?: boolean;
|
|
165
159
|
} & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -171,15 +165,11 @@ type ItemActionToolbarProps = {
|
|
|
171
165
|
editLinkDisabled?: boolean;
|
|
172
166
|
addItemDisabled?: boolean;
|
|
173
167
|
moreDisabled?: boolean;
|
|
174
|
-
/** Hide Add item — CTA buttons only show Edit link (prototype). */
|
|
175
|
-
showAddItem?: boolean;
|
|
176
|
-
/** Hide More — CTA buttons only show Edit link (prototype). */
|
|
177
|
-
showMore?: boolean;
|
|
178
168
|
/** Tooltip placement relative to each icon — Figma uses bottom. */
|
|
179
169
|
tooltipSide?: 'top' | 'bottom' | 'left' | 'right';
|
|
180
170
|
};
|
|
181
|
-
/** Item-action fill for Custom/Toolbar — Edit link / Add item / More
|
|
182
|
-
declare function ItemActionToolbar({ onEditLink, onAddItem, onMore, editLinkDisabled, addItemDisabled, moreDisabled,
|
|
171
|
+
/** Item-action fill for Custom/Toolbar — Edit link / Add item / More. */
|
|
172
|
+
declare function ItemActionToolbar({ onEditLink, onAddItem, onMore, editLinkDisabled, addItemDisabled, moreDisabled, tooltipSide, }: ItemActionToolbarProps): react_jsx_runtime.JSX.Element;
|
|
183
173
|
|
|
184
174
|
type ItemInteractionState = 'default' | 'hover' | 'sibling-hint' | 'active-top' | 'active-bottom' | 'dragging';
|
|
185
175
|
type ItemInteractionLayerProps = {
|
|
@@ -193,31 +183,15 @@ type ItemInteractionLayerProps = {
|
|
|
193
183
|
dragHandleLabel?: string;
|
|
194
184
|
onDragHandleDragStart?: (e: React.DragEvent<HTMLButtonElement>) => void;
|
|
195
185
|
onDragHandleDragEnd?: (e: React.DragEvent<HTMLButtonElement>) => void;
|
|
196
|
-
/** Press on the item chrome (not handle/toolbar) — starts press-to-drag. */
|
|
197
|
-
onItemPointerDown?: (e: React.PointerEvent<HTMLDivElement>) => void;
|
|
198
|
-
/** Click on chrome without a drag — typically enter text edit. */
|
|
199
|
-
onItemClick?: (clientX: number, clientY: number) => void;
|
|
200
|
-
/**
|
|
201
|
-
* Full-bleed press-drag surface over the selection.
|
|
202
|
-
* Disable for footer column frames so child links keep grab cursor / hover.
|
|
203
|
-
*/
|
|
204
|
-
itemDragSurface?: boolean;
|
|
205
|
-
/** Gap between element and chrome border — Figma inset is 4px. */
|
|
206
186
|
chromeGap?: number;
|
|
207
187
|
className?: string;
|
|
208
188
|
};
|
|
209
|
-
declare function ItemInteractionLayer({ rect, state, elRef, toolbar, showHandle, dragDisabled, dragHandleLabel, onDragHandleDragStart, onDragHandleDragEnd,
|
|
189
|
+
declare function ItemInteractionLayer({ rect, state, elRef, toolbar, showHandle, dragDisabled, dragHandleLabel, onDragHandleDragStart, onDragHandleDragEnd, chromeGap, className, }: ItemInteractionLayerProps): react_jsx_runtime.JSX.Element | null;
|
|
210
190
|
|
|
211
191
|
declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime.JSX.Element;
|
|
212
192
|
declare function Tooltip({ ...props }: React.ComponentProps<typeof Tooltip$1.Root>): react_jsx_runtime.JSX.Element;
|
|
213
193
|
declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof Tooltip$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
214
|
-
|
|
215
|
-
* Tooltip content — CSS caret (not Radix Arrow) so `sideOffset` is the true
|
|
216
|
-
* trigger↔tooltip gap. Default 3px matches item-action toolbar AC.
|
|
217
|
-
*/
|
|
218
|
-
declare function TooltipContent({ className, sideOffset, side, children, hideArrow, ...props }: React.ComponentProps<typeof Tooltip$1.Content> & {
|
|
219
|
-
hideArrow?: boolean;
|
|
220
|
-
}): react_jsx_runtime.JSX.Element;
|
|
194
|
+
declare function TooltipContent({ className, sideOffset, side, children, ...props }: React.ComponentProps<typeof Tooltip$1.Content>): react_jsx_runtime.JSX.Element;
|
|
221
195
|
|
|
222
196
|
declare function isEditSessionActive(): boolean;
|
|
223
197
|
|