@ohhwells/bridge 0.1.42 → 0.1.44

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 +465 -142
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +20 -3
  4. package/dist/index.d.ts +20 -3
  5. package/dist/index.js +562 -239
  6. package/dist/index.js.map +1 -1
  7. package/dist/styles.css +63 -161
  8. package/package.json +1 -1
package/dist/index.d.cts CHANGED
@@ -152,8 +152,14 @@ 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
+ */
155
159
  declare const CustomToolbar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
160
+ /** Separators belong on the text-format fill only — not item-actions. */
156
161
  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. */
157
163
  declare const CustomToolbarButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
158
164
  active?: boolean;
159
165
  } & React.RefAttributes<HTMLButtonElement>>;
@@ -165,11 +171,15 @@ type ItemActionToolbarProps = {
165
171
  editLinkDisabled?: boolean;
166
172
  addItemDisabled?: boolean;
167
173
  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;
168
178
  /** Tooltip placement relative to each icon — Figma uses bottom. */
169
179
  tooltipSide?: 'top' | 'bottom' | 'left' | 'right';
170
180
  };
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;
181
+ /** Item-action fill for Custom/Toolbar — Edit link / Add item / More (no separators). */
182
+ declare function ItemActionToolbar({ onEditLink, onAddItem, onMore, editLinkDisabled, addItemDisabled, moreDisabled, showAddItem, showMore, tooltipSide, }: ItemActionToolbarProps): react_jsx_runtime.JSX.Element;
173
183
 
174
184
  type ItemInteractionState = 'default' | 'hover' | 'sibling-hint' | 'active-top' | 'active-bottom' | 'dragging';
175
185
  type ItemInteractionLayerProps = {
@@ -183,6 +193,7 @@ type ItemInteractionLayerProps = {
183
193
  dragHandleLabel?: string;
184
194
  onDragHandleDragStart?: (e: React.DragEvent<HTMLButtonElement>) => void;
185
195
  onDragHandleDragEnd?: (e: React.DragEvent<HTMLButtonElement>) => void;
196
+ /** Gap between element and chrome border — Figma inset is 4px. */
186
197
  chromeGap?: number;
187
198
  className?: string;
188
199
  };
@@ -191,7 +202,13 @@ declare function ItemInteractionLayer({ rect, state, elRef, toolbar, showHandle,
191
202
  declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime.JSX.Element;
192
203
  declare function Tooltip({ ...props }: React.ComponentProps<typeof Tooltip$1.Root>): react_jsx_runtime.JSX.Element;
193
204
  declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof Tooltip$1.Trigger>): 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;
205
+ /**
206
+ * shadcn / Brand Kit tooltip — bg-foreground, rounded-md, Radix arrow.
207
+ * Default sideOffset 3px (designer AC for item-action toolbar).
208
+ */
209
+ declare function TooltipContent({ className, sideOffset, side, children, hideArrow, ...props }: React.ComponentProps<typeof Tooltip$1.Content> & {
210
+ hideArrow?: boolean;
211
+ }): react_jsx_runtime.JSX.Element;
195
212
 
196
213
  declare function isEditSessionActive(): boolean;
197
214
 
package/dist/index.d.ts CHANGED
@@ -152,8 +152,14 @@ 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
+ */
155
159
  declare const CustomToolbar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
160
+ /** Separators belong on the text-format fill only — not item-actions. */
156
161
  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. */
157
163
  declare const CustomToolbarButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
158
164
  active?: boolean;
159
165
  } & React.RefAttributes<HTMLButtonElement>>;
@@ -165,11 +171,15 @@ type ItemActionToolbarProps = {
165
171
  editLinkDisabled?: boolean;
166
172
  addItemDisabled?: boolean;
167
173
  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;
168
178
  /** Tooltip placement relative to each icon — Figma uses bottom. */
169
179
  tooltipSide?: 'top' | 'bottom' | 'left' | 'right';
170
180
  };
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;
181
+ /** Item-action fill for Custom/Toolbar — Edit link / Add item / More (no separators). */
182
+ declare function ItemActionToolbar({ onEditLink, onAddItem, onMore, editLinkDisabled, addItemDisabled, moreDisabled, showAddItem, showMore, tooltipSide, }: ItemActionToolbarProps): react_jsx_runtime.JSX.Element;
173
183
 
174
184
  type ItemInteractionState = 'default' | 'hover' | 'sibling-hint' | 'active-top' | 'active-bottom' | 'dragging';
175
185
  type ItemInteractionLayerProps = {
@@ -183,6 +193,7 @@ type ItemInteractionLayerProps = {
183
193
  dragHandleLabel?: string;
184
194
  onDragHandleDragStart?: (e: React.DragEvent<HTMLButtonElement>) => void;
185
195
  onDragHandleDragEnd?: (e: React.DragEvent<HTMLButtonElement>) => void;
196
+ /** Gap between element and chrome border — Figma inset is 4px. */
186
197
  chromeGap?: number;
187
198
  className?: string;
188
199
  };
@@ -191,7 +202,13 @@ declare function ItemInteractionLayer({ rect, state, elRef, toolbar, showHandle,
191
202
  declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime.JSX.Element;
192
203
  declare function Tooltip({ ...props }: React.ComponentProps<typeof Tooltip$1.Root>): react_jsx_runtime.JSX.Element;
193
204
  declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof Tooltip$1.Trigger>): 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;
205
+ /**
206
+ * shadcn / Brand Kit tooltip — bg-foreground, rounded-md, Radix arrow.
207
+ * Default sideOffset 3px (designer AC for item-action toolbar).
208
+ */
209
+ declare function TooltipContent({ className, sideOffset, side, children, hideArrow, ...props }: React.ComponentProps<typeof Tooltip$1.Content> & {
210
+ hideArrow?: boolean;
211
+ }): react_jsx_runtime.JSX.Element;
195
212
 
196
213
  declare function isEditSessionActive(): boolean;
197
214