@ohhwells/bridge 0.1.38-next.57 → 0.1.38-next.58

package/dist/index.cjs

@@ -35,6 +35,7 @@ __export(index_exports, {
   CustomToolbarButton: () => CustomToolbarButton,
   CustomToolbarDivider: () => CustomToolbarDivider,
   DragHandle: () => DragHandle,
+  DropIndicator: () => DropIndicator,
   ItemActionToolbar: () => ItemActionToolbar,
   ItemInteractionLayer: () => ItemInteractionLayer,
   LinkEditorPanel: () => LinkEditorPanel,
@@ -49,6 +50,7 @@ __export(index_exports, {
   TooltipProvider: () => TooltipProvider,
   TooltipTrigger: () => TooltipTrigger,
   buildTarget: () => buildTarget,
+  dropIndicatorVariants: () => dropIndicatorVariants,
   filterAvailablePages: () => filterAvailablePages,
   getEditModeInitialState: () => getEditModeInitialState,
   isEditSessionActive: () => isEditSessionActive,
@@ -9765,12 +9767,55 @@ function OhhwellsBridge() {
     bridgeRoot
   ) : null;
 }
+
+// src/ui/drop-indicator.tsx
+var React10 = __toESM(require("react"), 1);
+var import_jsx_runtime24 = require("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__ */ (0, import_jsx_runtime24.jsx)(
+      "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";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CustomToolbar,
   CustomToolbarButton,
   CustomToolbarDivider,
   DragHandle,
+  DropIndicator,
   ItemActionToolbar,
   ItemInteractionLayer,
   LinkEditorPanel,
@@ -9785,6 +9830,7 @@ function OhhwellsBridge() {
   TooltipProvider,
   TooltipTrigger,
   buildTarget,
+  dropIndicatorVariants,
   filterAvailablePages,
   getEditModeInitialState,
   isEditSessionActive,