@ohhwells/bridge 0.1.41 → 0.1.42

package/dist/index.d.cts

@@ -132,6 +132,26 @@ declare function SchedulingWidget({ notifyOnConnect, initialScheduleId, insertAf
 
 declare const DragHandle: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
 
+/**
+ * Visual drop-gap line for navbar / footer / repeater reorder.
+ * Figma: Custom/Drop Indicator (8140:1731) — CSS class `.ov-gap-line`
+ *
+ * Opacity (Figma docs):
+ * - default: 0 (hidden)
+ * - hover: 1
+ * - dragIdle: 0.4
+ * - dragActive: 1
+ */
+declare const dropIndicatorVariants: (props?: ({
+    direction?: "horizontal" | "vertical" | null | undefined;
+    state?: "default" | "hover" | "dragIdle" | "dragActive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type DropIndicatorProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof dropIndicatorVariants>;
+declare const DropIndicator: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    direction?: "horizontal" | "vertical" | null | undefined;
+    state?: "default" | "hover" | "dragIdle" | "dragActive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+
 declare const CustomToolbar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare function CustomToolbarDivider({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
 declare const CustomToolbarButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
@@ -175,4 +195,4 @@ declare function TooltipContent({ className, sideOffset, side, children, ...prop
 
 declare function isEditSessionActive(): boolean;
 
-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 };
+export { CustomToolbar, CustomToolbarButton, CustomToolbarDivider, DragHandle, DropIndicator, type DropIndicatorProps, 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, dropIndicatorVariants, filterAvailablePages, getEditModeInitialState, isEditSessionActive, isValidUrl, parseTarget, toggleVariants, validateUrlInput };

package/dist/index.d.ts

@@ -132,6 +132,26 @@ declare function SchedulingWidget({ notifyOnConnect, initialScheduleId, insertAf
 
 declare const DragHandle: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
 
+/**
+ * Visual drop-gap line for navbar / footer / repeater reorder.
+ * Figma: Custom/Drop Indicator (8140:1731) — CSS class `.ov-gap-line`
+ *
+ * Opacity (Figma docs):
+ * - default: 0 (hidden)
+ * - hover: 1
+ * - dragIdle: 0.4
+ * - dragActive: 1
+ */
+declare const dropIndicatorVariants: (props?: ({
+    direction?: "horizontal" | "vertical" | null | undefined;
+    state?: "default" | "hover" | "dragIdle" | "dragActive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type DropIndicatorProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof dropIndicatorVariants>;
+declare const DropIndicator: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    direction?: "horizontal" | "vertical" | null | undefined;
+    state?: "default" | "hover" | "dragIdle" | "dragActive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+
 declare const CustomToolbar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare function CustomToolbarDivider({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
 declare const CustomToolbarButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
@@ -175,4 +195,4 @@ declare function TooltipContent({ className, sideOffset, side, children, ...prop
 
 declare function isEditSessionActive(): boolean;
 
-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 };
+export { CustomToolbar, CustomToolbarButton, CustomToolbarDivider, DragHandle, DropIndicator, type DropIndicatorProps, 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, dropIndicatorVariants, filterAvailablePages, getEditModeInitialState, isEditSessionActive, isValidUrl, parseTarget, toggleVariants, validateUrlInput };

package/dist/index.js

@@ -9721,11 +9721,54 @@ function OhhwellsBridge() {
     bridgeRoot
   ) : null;
 }
+
+// src/ui/drop-indicator.tsx
+import * as React10 from "react";
+import { jsx as jsx24 } from "react/jsx-runtime";
+var dropIndicatorVariants = cva(
+  "ov-gap-line pointer-events-none shrink-0 transition-opacity duration-150",
+  {
+    variants: {
+      direction: {
+        vertical: "h-6 w-[3px]",
+        horizontal: "h-[3px] w-[200px]"
+      },
+      state: {
+        default: "opacity-0",
+        hover: "opacity-100",
+        dragIdle: "opacity-40",
+        dragActive: "opacity-100"
+      }
+    },
+    defaultVariants: {
+      direction: "vertical",
+      state: "default"
+    }
+  }
+);
+var DropIndicator = React10.forwardRef(
+  ({ className, direction, state, ...props }, ref) => {
+    return /* @__PURE__ */ jsx24(
+      "div",
+      {
+        ref,
+        "data-slot": "drop-indicator",
+        "data-direction": direction ?? "vertical",
+        "data-state": state ?? "default",
+        "aria-hidden": "true",
+        className: cn(dropIndicatorVariants({ direction, state }), className),
+        ...props
+      }
+    );
+  }
+);
+DropIndicator.displayName = "DropIndicator";
 export {
   CustomToolbar,
   CustomToolbarButton,
   CustomToolbarDivider,
   DragHandle,
+  DropIndicator,
   ItemActionToolbar,
   ItemInteractionLayer,
   LinkEditorPanel,
@@ -9740,6 +9783,7 @@ export {
   TooltipProvider,
   TooltipTrigger,
   buildTarget,
+  dropIndicatorVariants,
   filterAvailablePages,
   getEditModeInitialState,
   isEditSessionActive,